Photoshop CS3图形图像处理实用教程 教学课件 作者 袁景超 第10章.ppt

《Photoshop CS3图形图像处理实用教程 教学课件 作者 袁景超 第10章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、任务一网页动态按钮制作任务二雀尾花扇制作任务三黑白照片上色任务四室内效果图的后期处理第10章网页图像制作与3Dmax作品后期处理任务一网页动态按钮制作【教学目标】通过实例制作，掌握以下知识：1.“动画”面板2.动画制作3.实例制作步骤1．“动画”面板返回至本任务目录执行“窗口”→“动画”命令，可以调出“动画”面板，如图10-44所示，在此面板中可以对动画的每一帧进行设置。在“动画”面板的底部，各控制按钮功能如下：图10-44“动画”面板⑴“选择循环选项”按钮：此按钮可以设置播放的次数。系统提供了3种播放动画方式。单击其下拉按钮，可以从弹出的下拉列表中选择“一次”、“永远”、“其它…”。当选择“

2、其它…”项时，弹出“设置循环次数“对话框（参见图10-44），在其中设置播放的次数。⑵“选择第一帧”按钮：单击此按钮，返回到动画的第一帧，并将其置为当前帧。⑶“选择上一帧”按钮：单击此按钮，跳到前一帧。⑷“播放动画”按钮：单击此按钮，播放动画。⑸“停止动画”按钮：播放动画后，播放按钮就会变成停止播放按钮，单击此按钮，可以停止动画播放。⑹“选择下一帧”按钮：单击此按钮，跳到下一帧。返回至本任务目录⑺“过渡动画帧”按钮：此按钮的功能是创建动画过程。其创建方法是：需绘出动作前后的两幅图像，然后单击该按钮即可。⑻“复制所选帧”按钮：单击该按钮，将复制当前帧为一个新的动画帧。⑼“删除所选帧”按钮：单击该

3、按钮，删除当前选中的帧。⑽“转换为时间轴动画/转换为帧动画”按钮：在两种动画形式间切换。2.动画制作返回至本任务目录动画可以分为逐帧动画和渐变动画。逐帧动画需要制作每一帧动画的画面，而渐变动画只需制作动画的初始画面和最终画面，无需制作动画的中间过程画面。下面介绍这两种动画的制作方法。制作逐帧动画逐帧动画制作相对来讲比较麻烦，需要制作动画每一帧的画面。制作渐变动画(例如变淡的电话)⑴打开动画所需的图片（随书光盘“第10章”→“素材”→“动画”），如图10-48所示。⑵在“动画”面板中，单击面板下方的“复制所选帧”按钮，复制的帧在第一帧的右侧，如图10-49所示。图10-49复制帧图10-50设置

4、不透明度返回至本任务目录⑶保持选择动画的第二帧，然后在“图层”面板中，设置此帧的不透明度为8%（先将背景图层转换为普通图层），如图10-50所示，“动画”面板中帧效果如图10-51所示。图10-51帧不透明度效果图10-52“过渡”对话框设置⑷确认当前选择为第二帧，单击“动画”面板下方的“过渡动画帧”按钮（参见图10-51），打开“过渡”对话框，其设置如图10-52所示。单击“确定”按钮即可。“动画”面板效果如图10-53所示。⑸在“动画”面板中设置每一帧延迟时间（播放时间）为0.5秒。单击动画面板下方的“播放”按钮，开始播放动画。图10-53“动画”面板效果3.实例制作步骤第一步：打开随书光

5、盘“第10章”→“素材”→“网页按钮”（透明背景），如图10-45所示。返回至本任务目录图10-45网页按钮图10-46帧与图层一一对应第二步：选择“图层”面板，复制7个图层，参见图10-46。选择“动画”面板，复制7个帧，参见图10-46。第三步：按帧与图层的一一对应关系，设置好帧的显示状态，每选择一帧只有一个图层显示，其他图层隐藏。选择第1帧，显示“图层1”（图层命名可以不与本图相同）；选择第2帧，显示“图层1副本”；选择第3帧，显示“图层1副本2”；依此类推。从下至上，每一层（帧）图像旋转45度，如图10-46所示。第四步：在“动画”面板中单击某一帧的“选择帧延迟时间”按钮，弹出其下拉列

6、表如图10-47所示，从中可以选择此帧播放的延迟时间，本任务中每一帧的延迟时间均为0.1秒。设置循环选项后，按“播放动画”按钮，预览效果。如果不满意，在“动画”面板中调整，也可以回到“图层”面板中重新选择或制作。第五步：将动态按钮文件保存成为GIF格式，添加到网页文件中。返回至本任务目录图10-47选择帧延迟时间任务二雀尾花扇制作【教学目标】通过实例制作，掌握动作面板的使用：实例制作步骤实例制作步骤返回至本任务目录第一步：按下〈Ctrl+N〉键，新建600×600像素大小的文件，其他参数取默认值。单击“图层”面板的按钮新建“图层1”，选择“椭圆选框工具”，作出一个垂直长形的椭圆选区，填充蓝色（

7、R、G、B：0、0、255），参见图10-55，保持选区，执行“选择”→“修改”→“收缩”命令，输入收缩数量为8，移动选区，使其底部与图像对齐，填充红色（R、G、B：255、255、255）。重复以上操作，改变填充颜色（黄色R、G、B：255、255、0和绿色R、G、B：0、255、0），作出如图10-55所示的效果图像。图10-55扇头图图4-56羽毛纹理图10-57旋转位置及长尾效果第二步：选