第三章flash_制作动画.ppt

第第三三章章 制作动画制作动画FlashMX2004动态网页设计 前一页 下一页 休息本章主要内容本章主要内容l动画制作基础动画制作基础l逐帧动画技法逐帧动画技法l补间动画技法补间动画技法2 前一页 下一页 休息 动画制作基础动画制作基础 lFLASH动画是以时间轴为基础的帧动画动画是以时间轴为基础的帧动画FLASH动画由帧组成，帧是动画的基本单位动画由帧组成，帧是动画的基本单位每个动画由不同画面的帧组成，所有帧按播每个动画由不同画面的帧组成，所有帧按播放时间顺序排列放时间顺序排列动画的制作就是改变连续帧的内容的过程动画的制作就是改变连续帧的内容的过程FLASH动画原理4 前一页 下一页 休息 动画制作基础动画制作基础 l帧的分类帧的分类关键帧：关键帧：关键帧是定义动画的变化关键环节的帧关键帧是定义动画的变化关键环节的帧制作制作FLASH动画主要是在制作关键帧动画主要是在制作关键帧普通帧普通帧一般位于两个关键帧之间或动画尾部，用于延一般位于两个关键帧之间或动画尾部，用于延续关键帧的画面，起动画过渡作用续关键帧的画面，起动画过渡作用FLASH动画原理5 前一页 下一页 休息 动画制作基础动画制作基础 l关键帧性质关键帧性质关键帧定义了动画的变化环节关键帧定义了动画的变化环节用户只能在关键帧上制作图形对象用户只能在关键帧上制作图形对象时间轴上的实心圆点代表有内容的关键时间轴上的实心圆点代表有内容的关键帧，空心圆点代表空关键帧帧，空心圆点代表空关键帧关键帧6 前一页 下一页 休息 动画制作基础动画制作基础 l关键帧创建关键帧创建创建新影片时系统自动创建第一个空关键帧创建新影片时系统自动创建第一个空关键帧手动操作：插入实关键帧手动操作：插入实关键帧“插入插入”“时间轴时间轴”“关键帧关键帧”或右击或右击“插入插入关键帧关键帧”或或F6说明：如果插入的不是第一个关键帧，则自动复制前说明：如果插入的不是第一个关键帧，则自动复制前一关键帧的内容一关键帧的内容手动操作：插入空关键帧手动操作：插入空关键帧“插入插入”“时间轴时间轴”“空白关键帧空白关键帧”或右击或右击“插入空白关键帧插入空白关键帧关键帧7 前一页 下一页 休息 动画制作基础动画制作基础 l普通帧又称静态帧，它继承前面关键帧内容普通帧又称静态帧，它继承前面关键帧内容l分类分类插值帧两个关键帧之间的一组普通帧插值帧两个关键帧之间的一组普通帧是系统根据首尾两个关键帧动作设置自动生成的过渡画面。是系统根据首尾两个关键帧动作设置自动生成的过渡画面。操作：插入后面关键帧后，中间帧自动生成插值帧。操作：插入后面关键帧后，中间帧自动生成插值帧。延续帧后面没有关键帧的普通帧延续帧后面没有关键帧的普通帧用于动画背景制作，每帧均延续前面最后一个关键帧画面用于动画背景制作，每帧均延续前面最后一个关键帧画面操作：操作：选取最后一个帧选取最后一个帧菜单：菜单：“插入插入”“帧帧”空白帧空白帧是时间轴上空白矩形，有内容后变成连续空间。是时间轴上空白矩形，有内容后变成连续空间。动画播放到所有图层上都是空白帧时即自动停止。动画播放到所有图层上都是空白帧时即自动停止。普通帧8 前一页 下一页 休息l帧的标识可由时间线窗口直接看出：帧的标识可由时间线窗口直接看出：动画制作基础动画制作基础 帧的识别运动补间运动补间形状补间形状补间错误补间错误补间单个关键帧单个关键帧设置交互动作设置交互动作10 前一页 下一页 休息l帧浏览用于控制时间轴中显示帧的特性帧浏览用于控制时间轴中显示帧的特性l内容内容帧宽度设置帧宽度设置分为：分为：Tiny(微小微小)、Small(小小)、Normal(标准标准)、Medium(中中)和和Large(大大)五级五级对帧数较多动画，宽度较窄帧便于操作对帧数较多动画，宽度较窄帧便于操作帧高度设置帧高度设置只有一级只有一级Short(较短较短)帧颜色设置帧颜色设置Tinted Frame(彩色显示帧彩色显示帧)设置是否用不同颜色标识不同动作帧设置是否用不同颜色标识不同动作帧画面显示设置画面显示设置Preview(预览预览)：时间轴上显示画面缩略图：时间轴上显示画面缩略图Preview In Context(关联预览关联预览)：时间轴上显示舞台区缩略图：时间轴上显示舞台区缩略图 动画制作基础动画制作基础 帧浏览11 前一页 下一页 休息l设置帧速帧速决定动画的平滑和连贯性设置帧速帧速决定动画的平滑和连贯性“修改修改”“影片影片”一般互联网和电影的帧速为一般互联网和电影的帧速为12fps（帧帧/秒）。秒）。标准动画片的帧速为标准动画片的帧速为24fps。l帧的选取帧的选取选一帧：单击时间线窗口上的帧选一帧：单击时间线窗口上的帧选多帧：选多帧：单击第一帧后按单击第一帧后按Shift单击最后一帧单击最后一帧直接用鼠标在时间轴上拖动直接用鼠标在时间轴上拖动 动画制作基础动画制作基础 帧的编辑12 前一页 下一页 休息 动画制作基础动画制作基础 l帧的复制帧的复制选定一帧或多帧选定一帧或多帧菜单：快捷菜单菜单：快捷菜单“拷贝帧拷贝帧”单击目的地首帧，目的地允许是另一动画单击目的地首帧，目的地允许是另一动画菜单：快捷菜单菜单：快捷菜单“粘贴粘贴”l帧的移动帧的移动菜单：与复制类似，使用菜单：与复制类似，使用“剪切帧剪切帧”“粘贴粘贴帧帧”鼠标：常用于改变动画长度（拖动首尾关键帧）鼠标：常用于改变动画长度（拖动首尾关键帧）直接在时间轴上拖动直接在时间轴上拖动Ctrl+拖动：出现表示可拖动范围的方框拖动：出现表示可拖动范围的方框帧的编辑13 前一页 下一页 休息M注意：注意：帧的复制不可使用鼠标操作帧的复制不可使用鼠标操作帧剪切后系统根据需要自动改变某些帧的性帧剪切后系统根据需要自动改变某些帧的性质，以遵守普通帧必须延续关键帧内容的规质，以遵守普通帧必须延续关键帧内容的规则。则。关键帧剪切后自动转换为空白关键帧，其后未被关键帧剪切后自动转换为空白关键帧，其后未被剪切的第一个普通帧自动转换为关键帧剪切的第一个普通帧自动转换为关键帧普通帧单独剪切后系统自动将第一个被剪切帧转普通帧单独剪切后系统自动将第一个被剪切帧转换为空白关键帧换为空白关键帧 动画制作基础动画制作基础 帧的编辑14 前一页 下一页 休息 动画制作基础动画制作基础 l帧的删除帧的删除清除只去内容清除只去内容快捷菜单快捷菜单“清除帧清除帧”：将普通帧或关键帧：将普通帧或关键帧变成空白帧变成空白帧移除完全删除帧移除完全删除帧快捷菜单快捷菜单“删除帧删除帧”：彻底去掉本帧，动：彻底去掉本帧，动画长度缩短画长度缩短帧的编辑15 前一页 下一页 休息 动画制作基础动画制作基础 l帧的反转将动画次序颠倒帧的反转将动画次序颠倒选取要反转的多个帧选取要反转的多个帧快捷菜单中选择快捷菜单中选择“翻转帧翻转帧”l普通帧与关键帧的转换普通帧与关键帧的转换普通帧普通帧关键帧：关键帧：快捷菜单转换成关键帧或转换成空白关键帧快捷菜单转换成关键帧或转换成空白关键帧如已创建动作动画，则拖动动作中间任意帧即转如已创建动作动画，则拖动动作中间任意帧即转换为关键帧换为关键帧关键帧关键帧普通帧：普通帧：快捷菜单快捷菜单“清除关键帧清除关键帧”：将关键帧转为普通：将关键帧转为普通帧，帧上内容继承前一关键帧的内容帧，帧上内容继承前一关键帧的内容帧的编辑16 前一页 下一页 休息l动画包括运动、变形、色彩等的改变动画包括运动、变形、色彩等的改变l动画的两种制作方式动画的两种制作方式逐帧动画：每一帧画面不同，组合成连续变逐帧动画：每一帧画面不同，组合成连续变化的动画。化的动画。补间动画：只确定起点和终点处的画面，其补间动画：只确定起点和终点处的画面，其余由余由FLASH自动生成自动生成运动补间：对象运动运动补间：对象运动形状补间：对象变形形状补间：对象变形区别：逐帧动画每帧都是关键帧，故体积比区别：逐帧动画每帧都是关键帧，故体积比补间动画大得多补间动画大得多 动画的制作动画的制作 动画的制作方式17 前一页 下一页 休息l逐帧动画每一帧都是关键帧逐帧动画每一帧都是关键帧l操作：操作：创建动画文件创建动画文件制作第一帧上图形制作第一帧上图形在第二帧上插入关键帧在第二帧上插入关键帧将图形做些改变如改变大小、颜色或画面等将图形做些改变如改变大小、颜色或画面等依次制作其它帧依次制作其它帧M注意：每一帧都必须插入关键帧注意：每一帧都必须插入关键帧测试动画效果测试动画效果 逐帧动画技法逐帧动画技法 制作逐帧动画18 前一页 下一页 休息l文字实例：文字实例：伸长的线条伸长的线条l最常见运用人体动作实例：最常见运用人体动作实例：眨眼女孩眨眼女孩l复杂人体动作实例：复杂人体动作实例：爬行的孩子爬行的孩子l制作技巧实例：制作技巧实例：逐个出现的文字逐个出现的文字 逐帧动画技法逐帧动画技法 逐帧动画制作实例19 前一页 下一页 休息l补间动画中系统只存储关键帧和变化值补间动画中系统只存储关键帧和变化值l补间动画分为运动补间和形状补间两种补间动画分为运动补间和形状补间两种l运动补间是对象的移动运动补间是对象的移动l形状补间就是变形形状补间就是变形l两种补间对比：两种补间对比：相同点：变化过程中都可伴随着位置、尺寸和颜色相同点：变化过程中都可伴随着位置、尺寸和颜色的变化的变化不同点：不同点：形状补间的对象是矢量图形形状补间的对象是矢量图形运动补间的对象是元件实例、组合和位图运动补间的对象是元件实例、组合和位图 补间动画技法补间动画技法 补间动画20 前一页 下一页 休息 补间动画技法补间动画技法 l运动补间的特点运动补间的特点只有实例、组合和文本才能制作运动补只有实例、组合和文本才能制作运动补间动画。间动画。分离的图形必须转换成符号或组合才能分离的图形必须转换成符号或组合才能实现补间实现补间补间时头尾关键帧上都是实例、组合和补间时头尾关键帧上都是实例、组合和文本文本补间过程中可以伴随大小和位置、颜色补间过程中可以伴随大小和位置、颜色的变化的变化运动补间21 前一页 下一页 休息 补间动画技法补间动画技法 l运动补间动画的创建运动补间动画的创建1.创建首关键帧，并在其上创建或导入图创建首关键帧，并在其上创建或导入图形且需转换成元件形且需转换成元件2.用用“插入关键帧插入关键帧”的办法创建尾关键帧的办法创建尾关键帧并改动帧上对象状态并改动帧上对象状态3.创建动作创建动作选择第一帧，在选择第一帧，在“属性属性”面板面板“补间补间”框框中选中选“动作动作”右击第一帧或两关键帧间的帧，选右击第一帧或两关键帧间的帧，选“创建创建补间动画补间动画”运动补间动画22 前一页 下一页 休息 补间动画技法补间动画技法 l运动补间的控制运动补间的控制“属性属性”面板面板“简易简易”拖动游标控制补间速度，为正先快拖动游标控制补间速度，为正先快后慢后慢“缩放缩放”当首尾关键帧上图形大小不一时，当首尾关键帧上图形大小不一时，是否运动过程中逐渐缩放是否运动过程中逐渐缩放“旋转旋转”运动过程中是否伴随旋转运动过程中是否伴随旋转没有：不旋转（默认）没有：不旋转（默认）自动：由系统自动决定自动：由系统自动决定顺时针：顺时针旋转顺时针：顺时针旋转逆时针：逆时针旋转逆时针：逆时针旋转后两种要在后面的次数框中选择旋转次数后两种要在后面的次数框中选择旋转次数“对齐对齐”与辅助线对齐与辅助线对齐运动补间动画23 前一页 下一页 休息 补间动画技法补间动画技法 l实例一：移动的老鼠实例一：移动的老鼠l实例二：移动字幕实例二：移动字幕补间动画实例24 前一页 下一页 休息 补间动画技法补间动画技法 l形变动画的创建形变动画的创建在当前层上创建起始关键帧并绘制补间在当前层上创建起始关键帧并绘制补间图形图形用插入关键帧的办法创建终点帧用插入关键帧的办法创建终点帧改变图形形状或删除旧图重新绘制图形改变图形形状或删除旧图重新绘制图形选择起始关键帧，在选择起始关键帧，在“属性属性”面板的面板的“补间补间”框中选择框中选择“形状形状”形变动画25 前一页 下一页 休息 补间动画技法补间动画技法 l形变动画的特点：形变动画的特点：形状补间的对象是分离的可编辑图形形状补间的对象是分离的可编辑图形实例、组合、文本或位图必须实例、组合、文本或位图必须“分离分离”后才能变形后才能变形补间的同时可以伴随对象位置和颜色的补间的同时可以伴随对象位置和颜色的变化变化实例：实例：文字变形文字变形进度条模拟进度条模拟形变动画26 前一页 下一页 休息 补间动画技法补间动画技法 l形状补间的控制形状补间的控制“属性属性”面板面板“简易简易”拖动游标控制补间速度，为拖动游标控制补间速度，为正先快后慢正先快后慢“混合混合”“分布式分布式”过渡较为平滑（默认）过渡较为平滑（默认）“角度式角度式”保持图形棱角保持图形棱角实例：实例：霓虹灯霓虹灯位图变形位图变形形变动画27 前一页 下一页 休息动画定位工具动画定位工具l功能：功能：同时浏览多个帧以便调整不同帧上关联对象位置同时浏览多个帧以便调整不同帧上关联对象位置对多个帧上内容同时进行同一编辑操作对多个帧上内容同时进行同一编辑操作l显示显示选择本工具后在播放头左右出现游标标记并将标选择本工具后在播放头左右出现游标标记并将标记范围内所有帧上画面全部显示记范围内所有帧上画面全部显示其中当前帧突出显示，其他帧暗淡且不可编辑其中当前帧突出显示，其他帧暗淡且不可编辑l打开与关闭打开与关闭由时间轴窗口底部一组相应按钮操作由时间轴窗口底部一组相应按钮操作所有按钮均为反复按钮所有按钮均为反复按钮洋葱皮工具28 前一页 下一页 休息l填充模式显示填充模式显示显示时间轴标尺上起始游标和终止游标之间的帧。显示时间轴标尺上起始游标和终止游标之间的帧。显示模式：当前帧颜色最深，其他帧依次变浅。显示模式：当前帧颜色最深，其他帧依次变浅。M注意：只能对当前帧编辑注意：只能对当前帧编辑非补间动画只显示当前帧和范围内关键帧非补间动画只显示当前帧和范围内关键帧l游标设置改变显示范围游标设置改变显示范围允许显示标记：关闭洋葱皮也显示游标允许显示标记：关闭洋葱皮也显示游标固定绘图纸：锁定游标使其不随播放指针移动固定绘图纸：锁定游标使其不随播放指针移动绘图纸绘图纸2/绘图纸绘图纸5：左右各显示：左右各显示2（5）帧）帧绘图全部：显示两旁所有帧绘图全部：显示两旁所有帧l线框模式显示线框模式显示除当前帧外，所有范围内帧只显示线框除当前帧外，所有范围内帧只显示线框动画定位工具动画定位工具洋葱皮工具29 前一页 下一页 休息l多帧编辑多帧编辑用于同时操作不同帧上对象。用于同时操作不同帧上对象。多帧工具能以渐淡的形式显示游标范围内所多帧工具能以渐淡的形式显示游标范围内所有的帧有的帧M注意：只显示范围内的关键帧注意：只显示范围内的关键帧M注意：不能对锁定层进行洋葱皮显示和编辑注意：不能对锁定层进行洋葱皮显示和编辑使用使用“编辑编辑”“全选全选”保证不遗漏帧全部保证不遗漏帧全部选中选中选定多帧后可对全部选中对象作同一操作选定多帧后可对全部选中对象作同一操作动画定位工具动画定位工具洋葱皮工具30 前一页 下一页 休息补间动画技法补间动画技法 l形状提示形状提示形状提示用于控制矢量图对象制作形状形状提示用于控制矢量图对象制作形状补间动画时形状改变的方向。补间动画时形状改变的方向。形状提示是带圈字母标记通常成对出现形状提示是带圈字母标记通常成对出现在首尾关键帧中在首尾关键帧中形变时标记处图形从首关键帧位置变化形变时标记处图形从首关键帧位置变化到尾关键帧对应标记处到尾关键帧对应标记处形状提示可以有多个，按字母顺序依次形状提示可以有多个，按字母顺序依次出现。出现。形变动画31 前一页 下一页 休息补间动画技法补间动画技法 l形状提示添加方法：形状提示添加方法：1.选择图形对象选择图形对象2.菜单：修改形状添加形状提示菜单：修改形状添加形状提示3.在首关键帧中将红色提示字符移动到变在首关键帧中将红色提示字符移动到变形开始关键位置形开始关键位置4.在尾关键帧重复同样动作，位置正确时在尾关键帧重复同样动作，位置正确时提示标记变成绿色提示标记变成绿色5.重复重复3、4加其它提示至可完全控制变形加其它提示至可完全控制变形形变动画32 前一页 下一页 休息补间动画技法补间动画技法 l形状提示的删除：形状提示的删除：只能一次删除所有提示只能一次删除所有提示操作方法：操作方法：菜单：修改形状删除所有提示菜单：修改形状删除所有提示l实例：实例：变形女孩变形女孩形变动画3334