Flash CS3中文版动画制作基础 教学课件 李如超 04.ppt

《Flash CS3中文版动画制作基础 教学课件 李如超 04.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、认识图层的概念。认识帧的概念。掌握逐帧动画的设计思路。掌握逐帧动画的制作方法。掌握逐帧动画的制作技巧。本章学习要求第4章制作逐帧动画4.1认识图层4.2认识帧4.3创建逐帧动画4.4动物的奥运本章大纲4.1认识图层4.1.1知识准备──图层的类型和操作图层的类型。普通图层主要用于组织动画内容。引导层主要用于为动作补间动画添加引导路径。遮罩层主要用于实现遮罩的视觉效果。图层的操作。【要点提示】隐藏图层只是为了方便编辑，它并不影响发布，在发布的动画中无论是否隐藏都将显示出来。本案例主要讲解PSD文件的导入和图层的相关操作。4.1.2典型案例──孩子的天真【设计思路】导入PSD文件。编辑

2、图层。制作动态文字。【设计效果】创建图4-10所示效果。图4-10最终设计效果【操作步骤】导入PSD文件。编辑图层。添加文字“孩子的天真”制作动态文字。(文字的透明度由0变为100的过程）保存测试影片，完成动画的制作。【案例小结】通过本案例的学习，让读者熟悉在FlashCS3中导入PSD文件的方法和掌握图层的相关操作，同时初步认识动画的制作过程和方法，为以后的动画制作打下基础。4.2认识帧4.2.1知识准备──帧的类型和操作帧的类型。关键帧。关键帧是指内容改变的帧，它的作用是定义动画中的对象变化。普通帧。普通帧是指内容没有变化的帧，通常用来延长动画的播放时间，以使动画更为平滑生动。

3、关键帧、空白关键帧、AS代码帧、形状补间动画普通帧帧的操作。对帧的操作有3种方式：菜单命令（见图4-22）、鼠标右键快捷菜单（见图4-23）和键盘快捷键。图4-22选择【编辑】下的菜单命令图4-23用鼠标右键单击帧弹出的快捷菜单命令快捷键功能说明创建补间动画在当前选择的帧左右的关键帧之间创建动作补间动画创建补间形状在当前选择的帧左右的关键帧之间创建形状补间动画插入帧F5在当前位置插入一个普通帧，此帧将延续上帧的内容删除帧Shift+F5删除所选择的帧插入关键帧F6在当前位置插入关键帧并将前一关键帧的作用时间延长到该帧之前插入空白关键帧F7在当前位置插入一个空白关键帧清除关键帧Shi

4、ft+F6清除所选择的关键帧，使其变为普通帧转换为关键帧将选择的普通帧转换为关键帧转换空白关键帧将选择的帧转换为空白关键帧剪切帧Ctrl+Alt+X将当前选择的帧剪切到剪贴板复制帧Ctrl+Alt+C将当前选择的帧复制到剪贴板粘贴帧Ctrl+Alt+V将剪切或复制的帧粘贴到当前位置清除帧Alt+Backspace清除所选择的帧，使其变为空白关键帧选择所有帧Ctrl+Alt+A选择时间轴中的所有帧翻转帧将所选择的帧翻转，只有在选择了两个或两个以上的关键帧时该命令才有效同步符号如果所选帧中包含图形元件实例，那么执行此命令将确保在制作动作补间动画时图形元件的帧数与动作补间动画的帧数同步动

5、作F9将当前选择的帧添加ActionScript代码表4-1帧操作命令本案例重点讲解帧的运用。4.2.2典型案例──闪动的精彩【设计思路】边框制作。导入图片。制作渐变动画。【设计效果】创建图4-24所示效果。图4-24最终设计效果【操作步骤】边框制作。导入图片1。制作渐变动画1。设置第1帧和第30帧的“图片01”元件的【Alpha】值为“0%”。上：边框效果左：导入图片1后的效果渐变动画1的时间轴显示导入图片2。制作渐变动画2。设置第25帧处的“图片02”元件的【Alpha】值为“0%”。保存测试影片，完成动画制作。【案例小结】通过本案例的学习，可以使读者熟悉帧的相关操作并使用帧来

6、创建简单的补间动画，为以后的动画制作打下基础。4.3创建逐帧动画4.3.1知识准备──逐帧动画的原理逐帧动画是逐一创建出每一帧上的动画内容，然后顺序播放各动画帧的动画类型。逐帧动画的原理。创建逐帧动画的方法。从外部导入素材生成逐帧动画。使用数字或者文字制作逐帧动画。绘制矢量逐帧动画。本例主要使用逐帧动画的制作原理，逐步显示毛笔和文字，描绘真实的写字过程。4.3.2典型案例──神来之笔【设计思路】制作背景。制作毛笔效果。制作写字过程。【设计效果】创建图4-35所示效果。图4-35最终设计效果【操作步骤】制作背景。制作毛笔效果。制作写字过程。将字逐帧的擦去，擦除过程是按照写“神”字的笔

7、顺的逆序进行的，从落笔一直到起笔。而后对“文字”层的所有帧进行【翻转帧】。文字擦除后的效果对毛笔进行逐帧动画，使其追随文字的运动。运动完成后对毛笔施加停止“stop();”动作。最后一帧效果最终的【时间轴】状态保存测试影片，完成动画的制作。【案例小结】本例灵活运用了逐帧动画之间的交互和帧的翻转功能，使毛笔的移动和文字的显示巧妙地结合在一起，形成流畅的书写动作。通过本例的学习，可使读者在掌握使用文字制作逐帧动画的方法的同时，进一步熟悉基本动画设计工具的使用方法。4.4动