《Photoshop图像处理教程 配套习题 作者 李长安 詹黔江 第11章》由会员分享,可在线阅读,更多相关《Photoshop图像处理教程 配套习题 作者 李长安 詹黔江 第11章(5页珍藏版)》请在金锄头文库上搜索。
1、第11章 网页图片网页图片 课后习题制作端午节网页【习题知识要点】使用动画面板制作文字的显示动画,使用存储命令保存图片为GIF格式,效果如图11-28所示。【效果所在位置】光盘/Ch11/效果/制作端午节网页.psd。图11-281制作标题及宣传文字(1)按Ctrl+O组合键,打开光盘中的“Ch11 素材 制作端午节网页 01”文件,如图11.3-2所示。(2)选择“直排文字”工具,输入需要的白色文字并将文字选取,在属性栏中选择合适的字体并设置文字大小,效果如图11.3-3所示。在“图层”控制面板中生成文字“图层1”。 图11.3-2 图11.3-3(3)选择“横排文字”工具和“直排文字”工具
2、,分别输入白色文字,并分别在属性栏中选择合适的字体并设置文字大小,效果如图11.3-4所示。在“图层”控制面板中分别生成新的文字图层。图11.3-4(4)选择“横排文字”工具,选中文字“粽”。单击“图层”控制面板下方的“添加图层样式”按钮,在弹出的菜单中选择“外发光”命令,将外发光的颜色设为草绿色(其R、G、B的值分别为29、144、27),其他选项的设置如图11.3-5所示。单击“确定”按钮,效果如图11.3-6所示。 图11.3-5 图11.3-6(5)新建图层并将其命名为“直线”。将前景色设为淡绿色(其R、G、B的值分别为144、179、128)。选择“直线”工具,选中属性栏中的“填充像
3、素”按钮,将“粗细”选项设为2px,按住Shift键的同时,分别在图像窗口中适当的位置拖曳鼠标绘制多条直线,效果如图11.3-7所示。在“图层”控制面板中按住Shift键的同时,将“直线”图层和所有的文字图层同时选取,按Ctrl+E组合键,合并图层并将其命名为“文字”。图11.3-72制作流动文字(1)选择“窗口 动画”命令,将动画面板显示在窗口中。在“动画”面板中单击“复制所选帧”按钮,复制所选的帧,如图11.3-8所示。图11.3-8(2)选中“文字”图层。选择“移动”工具,连续按35次键盘上的右键,将文字向右移动到适当的位置,如图11.3-9所示。(3)单击“复制所选帧”按钮,再复制出“
4、帧3”,再连续按35次键盘上的右键,将文字向右移动到适当的位置,如图11.3-10所示。 图11.3-9 图11.3-10(4)使用相同的方法创建出30个帧,且文字消失在画面的右边缘。再创建第31帧,按住Shift键,选择“移动”工具,把消失在画面左边文字移动到画面右边,且只露出其中一排文字,如图11.3-11所示(5)继续创建,同样每隔相同的距离向右移动一个位置,直到大约与帧1的位置重合,这里一共创建了45帧,如图11.3-12所示。 图11.3-11 图11.3-12(6)向右拖曳“动画”面板下面的滑块显示第1帧并单击将其选择。按住Shift键在向左拖动滑块,显示第45帧并单击,这样就把所有的帧选取。(7)在任何一个帧下面单击“0秒”位置,在弹出的时间设置菜单中将时间设为“0.2秒”,面板显示如图11.3-13所示。图11.3-13(8)选择“文件 存储为”命令,弹出“存储为”对话框,将其存储为GIF格式的文件。端午节网页制作完成。279