项目滤镜与时间轴特效动画任务萝卜王子.ppt

项目6：滤镜与时间轴特效动画任务1：萝卜王子,Flash动画设计与制作,教学目标,知识目标：理解滤镜的定义与功能。理解时间轴特效的定义与功能。能力目标：能应用各种滤镜效果制作不同的动画效果。素质目标：培养学生的交流合作能力。培养学生解决问题、自我学习、信息处理的能力。挖掘学生潜在创造力,知识点,滤镜的功能特点与区别。,重点技能,能综合应用滤镜和时间轴特效快速制作特效动画。,课堂练习,任务1：萝卜王子练习1：回家的路,教学过程,一、滤镜 滤镜的概念，最早出现在adobe的photoshop中，能让用户通过简单的操作就制作出一些特殊的效果，如投影。模糊等。现在随着adobe与macromedia公司的合并，从flash8.0开始，falash动画中也可以进行一些简单的滤镜效果制作了。,教学过程,Adobe flashCS3滤镜只能应用到的文本、按钮和影片剪辑上，可以用到的滤镜包括“投影”“模糊”“发光”“斜角”“简便发光”“渐变斜角”“调整颜色”用户可以在“属性”面板中对所选的对象直接应用滤镜。滤镜的噶中常见效果如图所示。,教学过程,投影：可以模拟对象向一个表面投影的效果，或者在背景中剪出一个对象的形状来模拟对象外观。模糊：可以柔化对象的边缘和细节，使对象看起来好像使运动的。发光：可以为对象的整个边缘应用颜色。斜角：为对象应用“加亮”效果，使其看起来凸出于背景表面。渐变发光：可以在发光表面产生渐变颜色的发光效果。渐变斜角：可以产生凸起的效果，使对象好像使从背景上凸起一样，而且斜角表面有渐变颜色。调整颜色：可以调整所选择的对象的“亮度”“对比度”“色相”和“饱和度”。,教学过程,二、时间轴特效时间轴特效使从flash MX 2004开始增加的一个新功能，只需选择对象，然后选择一种特效并制定参数，执行几个简单步骤即可完成以前既费时又需要精通动画制作知识的项目。用户也可以不必再为制作常见的动画效果而作重复的工作了。在flash CS3中。执行惨淡栏上的“插入时间轴特效”命令，就可以在“变形/转换”“帮助”和“效果”三种类型中进行选择，如图所示。,教学过程,变形/转换变形：调整选定元素的位置、缩放比例、旋转、alpha值和色调。转换：使用淡变、擦除或两种特效的组合内向擦除或向外擦除选定对象。帮助（1）分散式直接复制：复制选定对象一定次数（在设置中输入）。第一个元素是原始对象的副本。对象按一定增数发生变化，直至最终对象反应设置中输入的参数为止。（2）复制到网格：按列数复制选定对象，然后乘以性数，以便创建元素的网格。,教学过程,效果（1）分离：产生对象发生爆炸的错觉。文本或复杂对象组（元件、形状或视频片段）的元素裂开、自旋和向外弯曲。（2）展开：使对象产生放大、缩小效果或者增大和缩小文本字符间距。此特效只对组合对象、元件和引人外部图形图像起作用，对直接绘制的矢量图像不起作用。此特效在包含文本或字母的对象上使用效果最好（3）投影：在选定元素下方创建阴影。（4）模糊：通过更改对象在一段时间内的alpha值、位置或缩放比例来产生运动牧户特效。,教学过程,设计思路1.绘制一个“萝卜王子”的卡通形象，制作一个影片剪辑。2.利用影片剪辑元件“萝卜王子”制作一个带文字效果的影片剪辑元件“说明”。3.利用影片剪辑元件“萝卜王子”制作滤镜特效的影片剪辑元件“滤镜特效”。4.利用影片剪辑制作一个按钮元件。,教学过程,制作步骤Step 1 制作影片剪辑元件“萝卜王子”1.1新建一个空白文档，修改舞台的“大小”为“150320像素”，其余采用默认设置。1.2执行菜单栏上的“插入新建元件”命令，或使用快捷键“Ctrl+F8”，打开“创建新元件”对话框。1.3输入元件名称为“萝卜王子”，然后选择元件类型为“影片剪辑”，最后单击“确定”按钮，进入元件编辑界面。1.4分图层左上角的“场景1”按钮，返回场景。,教学过程,Step 2 制作影片剪辑元件“说明”2.1执行菜单栏上的“插入新建元件”命令，或使用快捷键“Ctrl+F8”，打开“创建新元件”对话框。2.2输入元件名称为“说明”，然后选择元件类型为“影片剪辑”，最后单击“确定”按钮，进入元件编辑界面。2.3按下快捷键“Ctrl+L”，打开“库”面板，将刚才制作的剪辑元件“萝卜王子”拖入到当前场景舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合。2.4在时间轴面板上，修改“图层1”的名称为“罗卜王子”，然后单击“插入图层”按钮，增加一个新图层，并保存名为“文字”。2.5选择工具箱中的“选择工具”，然后在舞台中选中刚才输入的文本，在下方的“属性”面板中给文本添加“发光”滤镜效果。,教学过程,Strp 3 制作影片剪辑元件“滤镜特效”3.1执行菜单栏上的“插入新建元件”命令，或使用快捷键“Ctrl+F8”，打开“创建新元件”对话框。3.2输入元件名称为“滤镜特效”，然后选择元件类型为“影片剪辑”，最后单击“确定”按钮，进入元件编辑界面。3.3按下快捷键“Ctrl+L”，打开“库”面板，将影片剪辑元件“萝卜王子”拖入到当前场景舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合。3.4在时间轴面板上，修改“图层1”的名称为“萝卜”，然后分别在该图层的第5、10、15、75、80帧处按下“F6”键，插入关键帧。3.5在第5帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“投影”滤镜效果，如图6-7所示。3.6在第25帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“发光”滤镜效果，如图6-9所示。,教学过程,3.8在第35帧的舞台帧，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“斜角”滤镜效果，如图6-10所示。3.9在第45帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“渐变发光”滤镜效果，如图6-11所示。3.10在第55帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“渐变斜角”滤镜效果，如图6-12所示。3.11在第65帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象实例添加“调整颜色”滤镜效果，如图6-13所示。3.12在第75帧的舞台中，单击鼠标选中对象，在下方的“属性”面板中给对象添加“调整颜色”滤镜效果，如图6-14所示。3.13选中时间轴上的所有帧，右击鼠标，在弹出的快捷菜单中选择“创新补间动画”。3.14在时间轴面板，单击“插入图层”按钮，增加一个新图层，并改名为“文字”。,教学过程,Step 4 制作按钮元件“卡通按钮”4.1执行菜单栏上的“插入新建元件”命令，或使用快捷键“Ctrl+F8”，打开“创建新元件”对话框。4.2输入元件名称为“卡通按钮”，然后选择元件类型为“按钮”，最后单击“确定”艾曼纽。进入元件编辑界面。4.3按下快捷键“Ctrl+L”，打开“库”面板。4.4在第1帧，即“弹起”帧，将影片剪辑元件“说明”拖入到当前场景舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合。4.5在第2帧，即“鼠标经过”帧，将影片剪辑元件“滤镜特效”拖入到的当前舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合。4.6在第3帧，即“按下”帧，将影片剪辑元件“说明”拖入到当前舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合，然后给对象实例添加多重滤镜特效，如图6-16所示。4.7在第4帧，即“点击”帧，将影片剪辑元件“说明”拖入带当前场景舞台中，并利用“对齐”面板让对象实例中心与舞台中心重合。利用“矩形工具”在文字“萝卜王子”的位置绘制一盒矩形，然后删除影片剪辑实例，剩下一个矩形图形，如图6-17所示。4.8单击左上角的“场景1”按钮，返回场景。,教学过程,5.1按下快捷键“Ctrl+L”打开“库”面板，将按钮元件“卡通按钮”拖入场景舞台中，并利用“对齐”面板让实例对象与舞台中心重合。5.2给舞台中的按钮元件实例添加“投影”滤镜特效，如图6-18所示。Step 6 保存文件6.1执行菜单栏上的“文件保存”命令，或使用快捷键“Ctrl+S”，保存文件。6.2执行菜单栏上的“控制测试影片”命令，或使用快捷键“Ctrl+Enter”。可以导出并观看动画效果。,教学过程,注意事项本实例实现了文本、按钮、影片剪辑分别应用滤镜特效的综合效果，目的是让读者熟悉滤镜特效的操作方法和实际效果。读者可以自己尝试修改滤镜特效的一些参数，自己体会效果。拓展尝试能不能让鼠标移动到按钮上方，使“萝卜王子”跳起来呢？,课后练习,魔术变换,课后目标评价,通过本节的学习，学生应该熟练掌握滤镜的应用方法，能快速制作特效动画。需要重点强调的是，学生一定要注意滤镜对象的类型，不是所有对象都可以应用滤镜效果的。,谢谢大家,