《《网页设计基础教程与上机指导(第2版)》第16章：应用photoshop_cs2设计网页素材》由会员分享，可在线阅读，更多相关《《网页设计基础教程与上机指导(第2版)》第16章：应用photoshop_cs2设计网页素材（9页珍藏版）》请在金锄头文库上搜索。
1、第16章 应用Photoshop CS2 设计网页素材,教学提示和教学目标 16.1 创建网页图像文字 16.2 文字变形 16.3 使用切片工具切割图像 16.4 设计网页按钮 16.5 设计网页Banner,教学提示和教学目标,教学提示：本章主要介绍如何使用Photoshop设计网页图像素材实例，如制作精美文字、按钮和一些特殊效果等，最后一节还介绍了一个比较复杂的综合性例子。通过本章的学习，用户可对利用Photoshop提供的各种工具来创建自己需要的效果有一定程度的了解，能够体会出各种工具配合使用时可以产生许多奇妙的效果。 教学目标： 掌握如何使用切片工具切割图像 掌握设计网页按钮 掌握网
2、页Banner的设计 掌握网页Logo的设计,16.1 创建网页图像文字,在Photoshop中，用户可以对文字进行更多的控制，如可以实现在输入文本时自动换行，可以将文本转换为路径使用等。 16.1.1 创建文字 16.1.2 设置文本属性,16.1.1 创建文字,在Photoshop中文字分为两种，分别是【横排文字】和【直排文字】。创建文字的具体操作步骤如下。 (1)选择【文件】|【打开】命令，弹出【打开】对话框。 (2)在对话框中选择图像，单击【打开】按钮，打开图像文件。 (3)使用工具箱中的【横排文字】工具，在文档中单击，输入文字，如图16.3所示。 (4)使用工具箱中的【直排文字】工具
3、，在文档中单击，输入文字，如图16.4所示。,16.1.2 设置文本属性,在图像上输入文字，对文字的字体或者颜色不满意的时候，可以在选项栏中或【字符】调板中修改文本属性，如图16.5所示。 1. 设置字体 2. 设置字体的大小 3. 文字消除锯齿 4. 设置文字的颜色,16.2 文 字 变 形,文字编辑工具可以对文字进行各种变形，在文字选项栏中单击按钮，弹出【变形文字】对话框，如图16.11所示。 如图16.12和图16.13所示分别是对文字添加扇形效果和鱼形效果。,16.3 使用切片工具切割图像,当网页较大时，可以使用工具箱中的【切片】工具将图像裁切成很多块，每一块图像都可以按照不同的设置进行优化压缩，并且每一块都可以链接到不同的URL地址，存储后就是HTML文件，但在网页中还是一副完整的图像，这样网页的显示速度就快多了。,16.4 设计网页按钮,在浏览网页的时候经常看到各种各样的网页按钮，有些按钮制作得非常引人入胜。,16.5 设计网页Banner,网页Banner也叫网页广告，重在传达一定的形象与信息。网站广告设计跟传统设计有着很多的相通性，但由于网络本身的限制以及浏览习惯的不同，还带有许多不同的特点。如网站广告一般要求简单醒目，在少量的方寸之地，除了表达出一定的形象与信息外，还得兼顾美观与协调。,
