项目三 2图像的效果化

1、网页设计与制作任务二 图像的效果化（2）一、工具的使用一、工具的使用二、静态图像的效果处理二、静态图像的效果处理 【知识回顾】网页设计与制作任务二 图像的效果化（2）【回顾练习】1、制作旋转图像 2、制作螺旋渐隐效果提示：1、克隆、修改、变形 2、命令、创意网页设计与制作任务二 图像的效果化（2）一、静态图像效果一、静态图像效果 1、样式和特效、样式和特效 2、状态延迟、状态延迟 3、CS4的光晕特效的光晕特效 4、滤镜、滤镜 5、切片和热点、切片和热点【知识准备】网页设计与制作【知识准备】二、动态图像效果二、动态图像效果1、逐帧动画、逐帧动画2、补间动画、补间动画形状补间形状补间矢量图形矢量

2、图形运动部件运动部件元件元件网页设计与制作【任务】1制作旋转的椭圆制作旋转的椭圆2制作上升的气球制作上升的气球3模拟探照灯效果模拟探照灯效果网页设计与制作【任务一】制作旋转的椭圆要求：采用逐帧的制作形式实现要求：采用逐帧的制作形式实现示例：示例：网页设计与制作【任务一实施】1、【文件】|【新建】命令2、“椭圆”工具，绘制椭圆3、【窗口】|【状态】4、复制椭圆，新建状态、粘贴，调整图形角度5、重复4操作，查看播放效果6、【文件】|【导出】网页设计与制作【任务二】制作上升的气球要求：采用补间动画的制作形式模拟气球的要求：采用补间动画的制作形式模拟气球的升空过程升空过程示例：示例：网页设计与制作【任

3、务二实施】-制作上升的气球1、打开背景图片素材，、打开背景图片素材，“层”面板 “选项”按钮 ，选中“在状态中共享层”命令，将该层共享2、新建元件：、新建元件：【编辑】|【插入】|【新建元件】，导入气球元件。3、新建运动气球元件：、新建运动气球元件：【编辑】|【插入】|【新建元件】，确定气球元件的始末位置，并建立补间，【修改】|【元件】|【补间实例】。4、新建层，拖放运动气球元件到画布5、保存导出文件网页设计与制作【任务三】模拟探照灯效果要求：采用补间动画的制作形式模拟探照灯要求：采用补间动画的制作形式模拟探照灯效果效果示例：示例：网页设计与制作【任务三实施】-模拟探照灯效果1、新建600*3

4、00的文件，画布颜色浅蓝2、【编辑】/【插入】/【新建元件】“球” 网页设计与制作3、椭圆工具，绘制球，元件中心与球心重合 元件画布编辑库中生成元件网页设计与制作 4、插入运动球元件 注：导出时不能设置导出的文件格式，导出的文件格式是在优化中设定的 在文件画布中插入元件选择动画网页设计与制作5、拖动”ball“元件到”runningball“元件6、克隆，调整初始和终止位置7、【修改】/【元件】/【补间实例】创建补间，设置参数元件画布编辑网页设计与制作8、新建层，文本工具，设置属性：“字体”为“楷体”，“颜色”为“白色”，“字号”为“96像素”，输入文本。9、制作蒙版：文本层，【编辑】|【剪切】；图层1的“运动球”对象，执行【编辑】|【粘贴为蒙版】命令10、保存导出网页设计与制作【拓展练习】1、制作图片叠加效果（提示：混合模式：叠加）网页设计与制作【拓展练习】2、制作淡入淡出效果（提示：不透明度）网页设计与制作【实训作业实训作业】 要求：1、创建图像切片并为切片添加交互效果2、 优化并导出图片切