《动画制作技巧》PPT课件.ppt

第四章 动画制作技巧,FlashMX网页动画,2,本章主要内容,元件与实例图层在动画中的应用时间轴特效滤镜与混合模式,3,动画中的场景,场景动画的三维控制当二维的时间轴控制不便时，可将不同情况的影片用不同场景制作特性：场景是一个完整的动画序列一个Flash作品可由若干个场景组成播放动画时，依建立顺序逐次播放场景,4,动画中的场景,场景的建立新建动画时，自动建立第一场景菜单：“插入”“场景”可插入新场景时间轴窗口下方按钮可切换场景场景插入后默认名为场景1、场景2、.菜单：“窗口”-“其他面板”-“场景”可打开场景面板，在其中可修改场景名，添加或删除、复制场景,元件与实例,第四章 动画制作技巧,6,元件和实例,元件（符号）元件是Flash中可重复使用的特殊图形对象。元件可以自行创建或从另一动画中复制。为便于管理，动画中所有元件被组织成元件库存放实例：实例是元件的实际应用。将元件从元件库拖入舞台即成为一个实例实例继承元件全部属性。修改元件后全体实例均被修改，而每个实例均可单独修改部分属性。,Flash MX中的元件,7,元件和实例,元件优点：简化动画编辑：形状相似仅大小或颜色不同的同类图形制作一个元件即可。显著缩小动画的大小：同一元件不管创建多少实例，Flash只保留一份副本即可。加快影片播放速度：因元件只需下载一次。可编程性：可为元件设置触发事件以创建复杂的交互式动画,Flash MX中的元件,8,为便于管理FLASH元件被组织成元件库在系统中存放。元件库类型公用库公用库是FLASH系统为用户制作的元件库打开菜单：窗口公用库影片的元件库每个FLASH影片，系统都为其建立一个元件库打开菜单：窗口库FLASH影片元件库是公用的可被任何影片使用。将任意元件库中的元件用鼠标拖至舞台即可成为实例，同时元件亦被复制到本影片元件库。,元件和实例,Flash MX元件库,9,元件类型图形元件（Graphic)：一般为静止图片，不可加入交互动作和声音。电影剪辑元件（Move Clip)：本身即为独立小动画，有自己的时间轴可独立播放，并可加入声音和互动。按钮元件（button）：检测鼠标动作产生互动，并可夹带音效。高级按钮（Smart Clip)：单选、复选、下拉式菜单等复杂按钮。附：导入的位图和声音亦放入元件库。,元件和实例,Flash MX元件库,10,元件和实例,在元件库中直接创建“插入”“新建元件”或单击图库窗口下按钮输入元件名称并选择元件类型在元件编辑模式中编辑元件结束编辑：单击场景名称或场景按钮实例：制作“球”图形元件,创建元件,11,元件和实例,创建影片剪辑元件的特殊性影片剪辑元件是小动画，制作方法与一般动画制作相同可以利用已有元件做影片剪辑的动画对象用影片剪辑元件做动画对象时两者的运动会产生叠加现象播放动画时一般不会看到影片剪辑的动画效果，测试时才可以实例：叠加的老鼠运动,创建元件,12,元件和实例,由图形对象生成元件绘制或导入一个图形或文字选中对象菜单：修改转换成元件输入元件名称并选择元件类型实例：旋转风车,创建元件,13,元件和实例,系统自动创建创建运动渐变动画时，系统有时会自动将对象转换为元件。转换条件：动画对象不是元件实例创建方法是右击中间帧选“创建动画动作”转换类型：图形元件；默认名称：补间1、.,创建元件,14,元件和实例,将FLASH影片转换成电影剪辑元件按Shift单击动画所有层，选中所有帧“编辑”“复制帧”确保没有选取对象，“插入”“新建元件”输入元件名称并选择电影剪辑元件对时间轴上第一帧选择“粘贴帧”单击场景名称或场景按钮退出元件编辑状态,创建元件,15,必须进入元件剪辑模式才能修改元件切换方法双击元件库中元件图标双击元件实例右击选中元件实例编辑、在新窗口中编辑、在新位置中编辑“编辑”菜单编辑元件、编辑所选项目元件库“选项”按钮“编辑”编辑栏右上角元件按钮进入元件编辑模式后可象编辑FLash 图形一样编辑元件,元件和实例,编辑元件,16,元件和实例,按钮的特点：按钮是一种特殊元件，播放动画时可以接受鼠标操作从而触发动作控制动画。按钮可依操作状态附加画面变化和声音。按钮的构造-由四帧动画构成。弹起（Up）鼠标弹起或不使用状态。指针经过（Over）鼠标指针移动到按钮上时的状态。按下（Down）按下按钮时的状态。点击（Hit）定义对鼠标做出反应的区域，以防文字按钮字间对鼠标不反应。,按钮元件,17,元件和实例,新建元件并设置元件类型为按钮进入元件编辑模式在“弹起”帧中绘制或导入图形，注意图形中心点与元件中心十字线对准。在“指针经过”帧中插入一个关键帧。在“属性”面板中改变按钮效果或改变图形。在“按下”帧中做同样操作。“点击”帧如不设计，则按钮在上三帧图形范围内有效，如设计图形则图形即为鼠标有效范围。,制作按钮元件,18,元件和实例,编辑状态：“控制”“启用简单按钮”：编辑状态下按钮即可有反应。“控制”“测试影片”,按钮的测试,19,元件和实例,元件从元件库中拖入舞台区就成为实例查看实例属性属性面板实例类型框：显示或修改实例类型实例名称“交换”按钮用于更改实例颜色：调整颜色属性包括亮度、彩色、色调、Alpha等实例：花的颜色,实例属性,20,元件和实例,图形元件其实亦可带动画，但用其做主动画时至少后面要有一个延续帧影片剪辑元件实例亦可临时转换为图形元件方法：属性面板：类型下拉框中直接选择类型带动画图形元件可以由属性面板控制小动画的播放方式播放方式框：指定图形元件是否播放动画及是否循环“第一帧”：设定图形元件动画从第几帧开始播放,带动画图形元件,21,元件和实例,实例一：镜头推拉效果实例二：图片的渐隐渐出实例三：水波纹,实例属性,22,共享对象库资源,FLASHMX2004允许若干个动画共享一个源动画元件库中的资源。当源动画中的共享对象改变时，所有动画中的同一对象同步更新，相当于将实例使用范围扩大到其他动画分类：运行时共享将源动画中的资源链接为外部文件，播放目标动画时动态载入（更新）共享对象编辑时共享通过局域网实现编辑源动画中共享对象时同步更新目标动画中的共享对象。,23,共享对象,要实现共享对象，首先应在源动画中设置要共享的对象。操作在元件库中选中要共享的元件或对象选项或快捷菜单中选择“链接”“链接”对话框参数：为动作脚本导出：使用脚本调用共享对象为运行时共享导出：一般共享在第一帧导出：将自身文件名加入URL以便共享URL：指定共享对象所在SWF文件名,共享对象的设置,24,共享对象,目标动画中将复制的元件设置为共享型资源。操作建立目标动画并用一般复制元件方法将源动画中的共享对象复制到本动画中在元件库中选中要共享的元件或对象选项或快捷菜单中选择“链接”选择“为运行时共享导入”即将此元件设置为共享的元件。,共享对象的设置,25,共享对象,在目标动画中设置自动更新方式。操作在目标动画元件库中选中共享对象选项或快捷菜单中选择“属性”“高级”按钮“源”选项区总是在发布前更新：设置自动更新“浏览”按钮：设置源动画文件路径“元件”按钮：设置更新的元件设置更新后，一旦源动画中共享对象改变则所有目标动画中同一对象运行后全部自动更新。,共享对象的更新,26,共享对象,实例一：共享元件并更新实例二：在图片和声音上加载链接信息注意：对位图和声音文件的链接引用不能实现自动更新，必须同步修改。但可显著减小目标动画的大小。,共享对象实例,图层的应用,第四章 动画制作技巧,28,图层在动画中的应用,图层用于组织和安排动画的层次图层特点：图层间相互独立，能独立编辑上方图层上的图形对象总是位于下方图层的上面实例：图层的调整不同动作安放在不同图层上才能互不影响利用图层，能轻松高效作出种种特殊效果,图层基本概念,29,图层在动画中的应用,图层类型一般图层遮罩与被遮罩图层：用于制作特殊遮罩动画引导与被引导图层：用于制作特殊沿路径运动动画,图层基本概念,30,时间轴上的图层状态绘图与禁止绘图状态表示本层为当前层，可进行各种操作。显示或隐藏状态如图层处于隐藏状态，编辑时看不见也不能进行任何修改。锁定状态被锁定的图层无法进行任何操作。外框模式处于外框模式层上的所有图形只能显示轮廓。设定状态方法单击图层上表示本状态的点,图层在动画中的应用,图层基本概念,31,创建新图层新建作品只有一个层。创建操作：“插入”“图层”或快捷菜单选“插入图层”。单击图层窗口下方按钮新层默认在旧层上面。创建图层文件夹图层太多时可以创建图层文件夹以分别管理不同性质的图层创建操作：“插入”“图层目录”或快捷菜单选“插入目录”。单击图层窗口下方按钮,图层在动画中的应用,图层操作,32,图层在动画中的应用,重新命名图层双击图层名。改变图层顺序鼠标直接拖动选取图层选取一个图层：单击图层选取多个图层：按 Shift 后单击各图层删除图层选取图层，单击选取图层拖至 右击图层，选择“删除图层”。,图层操作,33,复制图层复制图层实际上是复制图层上的所有帧FLASH允许同时复制多个连续图层上的帧操作选取不同图层上的多帧按 Shift选取多个图层，则自动选取这些图层上的所有帧直接用鼠标拖出包含不同图层不同帧的矩形区右击选“复制帧”插入一个新图层（可以在新文件中）右击新图层上相应帧选“粘贴帧”注意：多个图层复制时除最低层必须自创图层外其余由系统自动插入,图层在动画中的应用,图层操作,34,图层在动画中的应用,图层属性图层属性对话框用于全面设置指定图层的相关参数打开：右击图层选“属性”双击图层名前的图标参数设置图层名称、锁定、类型、外框颜色(Outline)、是否为外框模式(View Layer As Outline)等。,图层操作,35,图层在动画中的应用,图层使用原则：不同动作应使用不同图层。声音一般单独占一图层查看多图层时可将其他图层隐藏为保护设置好的动画，编辑新图层时可将原图层锁定。,图层操作,36,图层在动画中的应用,实例一：飞翔的文字实例二：开放的花实例三：光线写字效果实例四：旋转文字,图层操作实例,37,引导层引导层是一种辅助层，它下方图层可成为被引导层功能：让被引导层上的对象沿引导层上绘制的路径运动创建沿路径运动创建渐变动画右击当前层选择“添加引导层”或单击按钮新添引导层在当前层上方并成为当前层在引导层上绘制路径调整首尾关键帧上对象的位置使其中心点正好位于路径起、终点。将引导层隐藏,图层在动画中的应用,沿路径运动,38,图层在动画中的应用,添加旋转效果选中“属性”面板上“调整到路径”时可使对象沿路径运动同时改变角度“属性”面板中选择旋转参数没有：不旋转（默认）自动：对象以最小角度旋转到终点位置顺时针：顺时针旋转逆时针：旋转后两种要在后面的次数框中选择旋转次数,沿路径运动,39,图层在动画中的应用,动画实例：老鼠的弧线运动行星运动,沿路径运动,40,图层在动画中的应用,一个引导层可以引导若干个被引导层普通图层转换为被引导层任何位于引导层下的图层想成为被引导层，可在图层“属性”框中选“已引导”或将其拖至引导层下方引导层转为普通层被引导层移至引导层的上层在图层“属性”框中选“正常”,沿路径运动,41,遮罩层用于制作探照灯等流动效果遮罩层将与它相关联的层内容掩盖起来遮罩层上有填充内容的地方才会显示下面被遮罩层的内容遮罩层上、渐变色、透明度等属性均被忽略按钮不能使用遮罩层遮罩层的创建选取被遮罩层在上面新建一层绘制图形，并可设置动画右击遮罩层后选择“遮罩层”,图层在动画中的应用,遮罩层动画,42,图层在动画中的应用,与遮罩层的关联遮罩层的下一层是被遮罩层遮罩层下的图层想成为被遮罩层，在图层“属性”框中选“被遮罩”取消与遮罩层的关联被遮罩层移至遮罩层的上层在图层“属性”框中选“正常”,遮罩层动画,43,实例一：文字的淡出效果实例二：位图切换实例三：移动的像框实例四：倒影,图层在动画中的应用,遮罩层动画,时间轴特效,第四章 动画制作技巧,45,时间轴特效,时间轴特效是FLASHMX2004版新增功能，是系统事先制作好的动画特效，可以快速创建动画。使用时间轴特效可以在只创建一个关键帧的情况下得到动画效果应用范围文本、矢量图、组合和图形及按钮元件,46,时间轴特效,创建特效设计动画对象菜单：插入时间轴特效具体特效输入或选择相应参数编辑特效：菜单：修改时间轴特效编辑特效删除特效：菜单：修改时间轴特效删除特效,47,时间轴特效,特效效果变形与转换变形：调整对象大小、位置、ALPHA转换：以对象进行擦除、淡入淡出等逐渐变换特效辅助分散式重制：将对象复制多份逐渐叠加显示复制到网络：将对象复制多份组成网格显示,48,时间轴特效,特效效果效果：分离：产生对象作打散、旋转抛出等效果展开：扩展和收缩对象投影：产生阴影效果模糊：让对象有模糊效果各种特效均有参数可供调整实例：字体的旋幻效果漫天花雨,49,自定义缓入/缓出动画,FLASH8.0 新增此功能可以使补间动画对象在舞台上反复移动制作方法正常制作运动补间动画选择首关键帧，单击属性面板的“缓动”框右边的“编辑”按钮，弹出“自定义缓入/缓出”对话框在直线上单击添加节点，并调整曲线,50,自定义缓入/缓出动画,自定义缓入/缓出动画参数的调整横坐标：帧；纵坐标：变化的百分比正切手柄：水平时为匀速，垂直时变化最快属性：设置缓动的属性类别属性包括：位置、旋转、缩放、颜色、滤镜为所有属性使用一种设置所有属性使用同样缓动添加节点：在线上单击删除节点：选中节点后按“删除”键实例：弹跳球,滤镜与混合模式,第四章 动画制作技巧,52,滤镜,FLASH8.0新增滤镜功能以调整图形效果，并可在补间动画中产生特殊效果滤镜应用范围文本、电影剪辑和按钮滤镜设置由属性面板的“滤镜”选项卡完成，设置方法：选中要添加滤镜的对象属性面板中单击“+”号按钮选择一种滤镜并设置相应参数,53,滤镜,投影滤镜模拟对象向一个表面投影的效果，或在背景中剪出一个形似对象的洞来模拟对象的外观模糊滤镜柔化(模糊)对象的边缘和细节发光滤镜在对象周围产生光芒,滤镜分类,54,滤镜,斜角滤镜为对象应用加亮效果，使其看起来凸出于背景表面渐变发光滤镜在发光表面产生带渐变颜色的发光效果渐变斜角滤镜产生一种凸起效果，使得对象看起来好像从背景上凸起，且斜角表面有渐变颜色调整颜色滤镜可以调整所选对象的亮度、对比度、色相和饱和度,滤镜分类,55,滤镜,滤镜实例：流光异彩的按钮水波荡漾,滤镜分类,56,混合模式,混合模式是FLASH8.0新增的功能。混合模式利用数学算法通过一定的计算来混合叠加在一起的两层图像，改变对象的透明度或颜色间的相互关系，创建复合图像混合模式只对电影剪辑有效应用方法：选中“电影剪辑”对象在属性面板的“混合”框中选择混合模式,57,混合模式,混合模式的种类：一般：正常应用颜色，不与基准颜色有相 互关系图层：可以层叠各个影片剪辑，而不影响 其颜色变暗：只替换比混合颜色亮的区域，暗色彩增殖：将基准颜色复合以混合颜色从而产生较暗的颜色变亮：只替换比混合颜色暗的区域，亮的不变,58,混合模式,混合模式的种类：萤幕：用背景颜色乘以前景颜色的反色，产生高亮度的画面效果叠加：进行色彩增值或滤色强光：产生类似于点光源照射对象的效果增加：在基准颜色的基础上增加混合颜色减去：从背景颜色中去除前景颜色,59,混合模式,混合模式的种类：差异：从基准颜色或混合颜色减去亮度较大的颜色，相当于彩色底片反转：取基准颜色的反色Alpha：使对象完全透明擦除：擦除前景颜色，效果与Alpha相似实例：幻彩图片,60,实例一：笔记本电脑,综合特效制作,动画实例,