对象操作和位图应ppt课件

1、第三章第三章 制造动画制造动画Flash网页动画 前一页 下一页 休息本章主要内容本章主要内容l动画制造根底动画制造根底l逐帧动画技法逐帧动画技法l补间动画技法补间动画技法 前一页 下一页 休息 动画制造根底动画制造根底 l时间轴是由时间和层次组成的二维空间l时间由帧表达，动画播放时间 = 总帧数 / 帧速l图层按次序垂直陈列，每层上可绘制不同性质图形对象，上层叠放在下层图形上，各层可单独编辑且互不干扰FLASH动画原理图层图层帧刻度帧刻度关键帧关键帧播放头播放头空白关键帧空白关键帧当前帧当前帧帧速率帧速率已播放时间已播放时间帧阅读帧阅读lFLASH用时间轴来控制和组织影片用时间轴来控制和组织

2、影片 前一页 下一页 休息 动画制造根底动画制造根底 lFLASH动画是以时间轴为根底的帧动画动画是以时间轴为根底的帧动画lFLASH动画由帧组成，帧是动画的根本单动画由帧组成，帧是动画的根本单位位l每个动画由不同画面的帧组成，一切帧按每个动画由不同画面的帧组成，一切帧按播放时间顺序陈列播放时间顺序陈列l动画的制培育是改动延续帧的内容的过程动画的制培育是改动延续帧的内容的过程FLASH动画原理 前一页 下一页 休息 动画制造根底动画制造根底 l帧的分类帧的分类l关键帧：关键帧：l关键帧是定义动画的变化关键环节的关键帧是定义动画的变化关键环节的帧帧l制造制造FLASH动画主要是在制造关键帧动画主

3、要是在制造关键帧l普通帧普通帧l普通位于两个关键帧之间或动画尾部，普通位于两个关键帧之间或动画尾部，用于延续关键帧的画面，起动画过渡用于延续关键帧的画面，起动画过渡作用作用FLASH动画原理 前一页 下一页 休息 动画制造根底动画制造根底 l关键帧性质关键帧性质l关键帧定义了动画的变化环节关键帧定义了动画的变化环节l用户只能在关键帧上制造图形对象用户只能在关键帧上制造图形对象l时间轴上的实心圆点代表有内容的关时间轴上的实心圆点代表有内容的关键帧，空心圆点代表空关键帧键帧，空心圆点代表空关键帧关键帧 前一页 下一页 休息 动画制造根底动画制造根底 l关键帧创建关键帧创建l创建新影片时系统自动创建

4、第一个空关键创建新影片时系统自动创建第一个空关键帧帧l手动操作：插入实关键帧手动操作：插入实关键帧l“插入插入“时间轴时间轴“关键帧或右击关键帧或右击“插入关键帧或插入关键帧或F6l阐明：假设插入的不是第一个关键帧，那阐明：假设插入的不是第一个关键帧，那么自动复制前一关键帧的内容么自动复制前一关键帧的内容l手动操作：插入空关键帧手动操作：插入空关键帧l“插入插入 “时间轴时间轴 “空白关键帧或空白关键帧或右击右击“插入空白关键帧插入空白关键帧关键帧 前一页 下一页 休息 动画制造根底动画制造根底 l普通帧又称静态帧，它承继前面关键帧内容普通帧又称静态帧，它承继前面关键帧内容l分类分类l插值帧两

5、个关键帧之间的一组普通帧插值帧两个关键帧之间的一组普通帧l是系统根据首尾两个关键帧动作设置自动生成是系统根据首尾两个关键帧动作设置自动生成的过渡画面。的过渡画面。l操作：插入后面关键帧后，中间帧自动生成插操作：插入后面关键帧后，中间帧自动生成插值帧。值帧。l延续帧后面没有关键帧的普通帧延续帧后面没有关键帧的普通帧l用于动画背景制造，每帧均延续前面最后一个用于动画背景制造，每帧均延续前面最后一个关键帧画面关键帧画面l操作：操作：l选取最后一个帧选取最后一个帧l菜单：菜单：“插入插入“帧帧l空白帧空白帧l是时间轴上空白矩形，有内容后变成延续空间。是时间轴上空白矩形，有内容后变成延续空间。l动画播放

6、到一切图层上都是空白帧时即自动停动画播放到一切图层上都是空白帧时即自动停顿。顿。普通帧 前一页 下一页 休息 动画制造根底动画制造根底 l普通帧的标识：普通帧的标识：l有内容的普通帧：显示颜色，不同颜有内容的普通帧：显示颜色，不同颜色代表不同类型的动画色代表不同类型的动画l浅蓝色：运动补间动画浅蓝色：运动补间动画l浅绿色：外形补间动画浅绿色：外形补间动画l灰色：静止画面灰色：静止画面l无内容的普通帧：显示空白单元格无内容的普通帧：显示空白单元格l延续帧最后一帧显示空心矩形延续帧最后一帧显示空心矩形普通帧 前一页 下一页 休息l帧的标识可由时间线窗口直接看出：帧的标识可由时间线窗口直接看出： 动

7、画制造根底动画制造根底 帧的识别运动补间运动补间外形补间外形补间错误补间错误补间单个关键帧单个关键帧设置交互动作设置交互动作 前一页 下一页 休息l帧阅读用于控制时间轴中显示帧的特性帧阅读用于控制时间轴中显示帧的特性l内容内容l帧宽度设置帧宽度设置l分为：分为：Tiny(微小微小)、Small(小小)、Normal(规范规范)、Medium(中中)和和Large(大大)五级五级l对帧数较多动画，宽度较窄帧便于操作对帧数较多动画，宽度较窄帧便于操作l帧高度设置帧高度设置l只需一级只需一级Short(较短较短)l帧颜色设置帧颜色设置Tinted Frame(彩色显示帧彩色显示帧)l设置能否用不同颜

8、色标识不同动作帧设置能否用不同颜色标识不同动作帧l画面显示设置画面显示设置lPreview(预览预览)：时间轴上显示画面缩略图：时间轴上显示画面缩略图lPreview In Context(关联预览关联预览)：时间轴上显示舞：时间轴上显示舞台区缩略图台区缩略图 动画制造根底动画制造根底 帧阅读 前一页 下一页 休息l设置帧速帧速决议动画的平滑和衔接性设置帧速帧速决议动画的平滑和衔接性l“修正修正“影片影片l普通互联网和电影的帧速为普通互联网和电影的帧速为12fps帧帧/秒。秒。l规范动画片的帧速为规范动画片的帧速为24fps。l帧的选取帧的选取l选一帧：单击时间线窗口上的帧选一帧：单击时间线窗

9、口上的帧l选多帧：选多帧：l单击第一帧后按单击第一帧后按Shift单击最后一帧单击最后一帧l直接用鼠标在时间轴上拖动直接用鼠标在时间轴上拖动 动画制造根底动画制造根底 帧的编辑 前一页 下一页 休息 动画制造根底动画制造根底 l帧的复制帧的复制l选定一帧或多帧选定一帧或多帧l菜单：快捷菜单菜单：快捷菜单“拷贝帧拷贝帧l单击目的地首帧，目的地允许是另一动画单击目的地首帧，目的地允许是另一动画l菜单：快捷菜单菜单：快捷菜单“粘贴粘贴l帧的挪动帧的挪动l菜单：与复制类似，运用菜单：与复制类似，运用“剪切帧剪切帧“粘粘贴帧贴帧l鼠标：常用于改动动画长度拖动首尾关鼠标：常用于改动动画长度拖动首尾关键帧键

10、帧l直接在时间轴上拖动直接在时间轴上拖动lCtrl +拖动：出现表示可拖动范围的方框拖动：出现表示可拖动范围的方框帧的编辑 前一页 下一页 休息M留意：留意：M帧的复制不可运用鼠标操作帧的复制不可运用鼠标操作M帧剪切后系统根据需求自动改动某些帧帧剪切后系统根据需求自动改动某些帧的性质，以遵守普通帧必需延续关键帧的性质，以遵守普通帧必需延续关键帧内容的规那么。内容的规那么。M关键帧剪切后自动转换为空白关键帧，关键帧剪切后自动转换为空白关键帧，其后未被剪切的第一个普通帧自动转换其后未被剪切的第一个普通帧自动转换为关键帧为关键帧M普通帧单独剪切后系统自动将第一个被普通帧单独剪切后系统自动将第一个被剪

11、切帧转换为空白关键帧剪切帧转换为空白关键帧 动画制造根底动画制造根底 帧的编辑 前一页 下一页 休息 动画制造根底动画制造根底 l帧的删除帧的删除l去除只去内容去除只去内容l快捷菜单快捷菜单“去除帧：将普通帧或去除帧：将普通帧或关键帧变成空白帧关键帧变成空白帧l移除完全删除帧移除完全删除帧l快捷菜单快捷菜单“删除帧：彻底去掉本删除帧：彻底去掉本帧，动画长度缩短帧，动画长度缩短帧的编辑 前一页 下一页 休息 动画制造根底动画制造根底 l帧的反转将动画次序颠倒帧的反转将动画次序颠倒l选取要反转的多个帧选取要反转的多个帧l快捷菜单中选择快捷菜单中选择“翻转帧翻转帧l普通帧与关键帧的转换普通帧与关键帧

12、的转换l普通帧普通帧关键帧：关键帧：l快捷菜单转换成关键帧或转换成空白快捷菜单转换成关键帧或转换成空白关键帧关键帧l如已创建动作动画，那么拖动动作中间如已创建动作动画，那么拖动动作中间恣意帧即转换为关键帧恣意帧即转换为关键帧l关键帧关键帧普通帧：普通帧：l快捷菜单快捷菜单“去除关键帧：将关键帧转去除关键帧：将关键帧转为普通帧，帧上内容承继前一关键帧的为普通帧，帧上内容承继前一关键帧的内容内容帧的编辑 前一页 下一页 休息l动画包括运动、变形、颜色等的改动动画包括运动、变形、颜色等的改动l动画的两种制造方式动画的两种制造方式l逐帧动画：每一帧画面不同，组合成延逐帧动画：每一帧画面不同，组合成延续

13、变化的动画。续变化的动画。l补间动画：只确定起点和终点处的画面，补间动画：只确定起点和终点处的画面，其他由其他由FLASH自动生成自动生成l运动补间：对象运动运动补间：对象运动l外形补间：对象变形外形补间：对象变形l区别：逐帧动画每帧都是关键帧，故体区别：逐帧动画每帧都是关键帧，故体积比补间动画大得多积比补间动画大得多 动画的制造动画的制造 动画的制造方式 前一页 下一页 休息l逐帧动画每一帧都是关键帧逐帧动画每一帧都是关键帧l操作：操作：l创建动画文件创建动画文件l制造第一帧上图形制造第一帧上图形l在第二帧上插入关键帧在第二帧上插入关键帧l将图形做些改动如改动大小、颜色或画将图形做些改动如改

14、动大小、颜色或画面等面等l依次制造其它帧依次制造其它帧l留意：每一帧都必需插入关键帧留意：每一帧都必需插入关键帧 逐帧动画技法逐帧动画技法 制造逐帧动画 前一页 下一页 休息l逐帧动画常用于人体动作等较复杂补逐帧动画常用于人体动作等较复杂补间动画无法制造或效果不好的动画间动画无法制造或效果不好的动画l实例：颠球实例：颠球l用图片制造逐帧动画：眨眼女孩用图片制造逐帧动画：眨眼女孩l复杂人体动作实例：爬行的孩子复杂人体动作实例：爬行的孩子l制造技巧实例：制造技巧实例：l逐个出现的文字逐个出现的文字 逐帧动画技法逐帧动画技法 逐帧动画制造实例 前一页 下一页 休息l补间动画中系统只存储关键帧和变化值

15、补间动画中系统只存储关键帧和变化值l补间动画分为运动补间和外形补间两种补间动画分为运动补间和外形补间两种l两种补间对比：两种补间对比：l一样点：变化过程中都可伴随着位置、一样点：变化过程中都可伴随着位置、尺寸和颜色的变化尺寸和颜色的变化l不同点：不同点：l外形补间的对象是矢量图形外形补间的对象是矢量图形l运动补间的对象是元件实例、组合和位运动补间的对象是元件实例、组合和位图图 补间动画技法补间动画技法 补间动画 前一页 下一页 休息 补间动画技法补间动画技法 l运动补间的特点运动补间的特点l只需实例、组合和文本才干制造运动只需实例、组合和文本才干制造运动补间动画。补间动画。l分别的图形必需转换

16、成元件或组合才分别的图形必需转换成元件或组合才干实现补间干实现补间l补间时头尾关键帧上都是实例、组合补间时头尾关键帧上都是实例、组合和文本和文本l补间过程中可以伴随大小和位置、颜补间过程中可以伴随大小和位置、颜色的变化色的变化运动补间 前一页 下一页 休息补间动画技法补间动画技法 l运动补间动画的创建运动补间动画的创建l创建首关键帧，并在其上创建或导入创建首关键帧，并在其上创建或导入图形且需转换成元件图形且需转换成元件l用用“插入关键帧的方法创建尾关键插入关键帧的方法创建尾关键帧并改动帧上对象形状帧并改动帧上对象形状l创建动作创建动作l选择第一帧，在选择第一帧，在“属性面板属性面板“补间补间框

17、中选框中选“动画动画(动作动作)l右击第一帧或两关键帧间的帧，选右击第一帧或两关键帧间的帧，选“创建补间动画创建补间动画运动补间动画 前一页 下一页 休息 补间动画技法补间动画技法 l运动补间的控制运动补间的控制“属性面板属性面板l“缓动拖动游标控制补间速度，为缓动拖动游标控制补间速度，为正先快后慢正先快后慢l“缩放当首尾关键帧上图形大小不缩放当首尾关键帧上图形大小不一时，能否运动过程中逐渐缩放一时，能否运动过程中逐渐缩放l“旋转运动过程中能否伴随旋转旋转运动过程中能否伴随旋转l没有：不旋转默许没有：不旋转默许l自动：由系统自动决议自动：由系统自动决议l顺时针：顺时针旋转顺时针：顺时针旋转l逆

18、时针：逆时针旋转逆时针：逆时针旋转l后两种要在后面的次数框中选择旋转后两种要在后面的次数框中选择旋转次数次数运动补间动画 前一页 下一页 休息 补间动画技法补间动画技法 l实例一：挪动的老鼠实例一：挪动的老鼠l实例二：挪动字幕实例二：挪动字幕补间动画实例 前一页 下一页 休息 补间动画技法补间动画技法 l外形补间动画的特点：外形补间动画的特点：l外形补间的对象是分别的可编辑图形外形补间的对象是分别的可编辑图形l实例、组合、文本或位图必需实例、组合、文本或位图必需“分别分别后才干变形后才干变形l补间的同时可以伴随对象位置和颜色补间的同时可以伴随对象位置和颜色的变化的变化外形补间动画 前一页 下一

19、页 休息 补间动画技法补间动画技法 l外形补间动画的创建外形补间动画的创建l在当前层上创建起始关键帧并绘制补在当前层上创建起始关键帧并绘制补间图形间图形l创建终点关键帧，方法恣意创建终点关键帧，方法恣意l改动图形外形或重新绘制图形改动图形外形或重新绘制图形l选择起始关键帧，在选择起始关键帧，在“属性面板的属性面板的“补间框中选择补间框中选择“外形外形l实例：实例：l文字变形文字变形l波浪文字波浪文字外形补间动画 前一页 下一页 休息 补间动画技法补间动画技法 l外形补间的控制外形补间的控制“属性面板属性面板l“缓动拖动游标控制补间速度，缓动拖动游标控制补间速度，为正先快后慢为正先快后慢l“混合

20、混合l“分布式过渡较为平滑默许分布式过渡较为平滑默许l“角度式坚持图形棱角角度式坚持图形棱角l实例：实例：l霓虹灯霓虹灯外形补间动画 前一页 下一页 休息补间动画技法补间动画技法 l外形提示外形提示l外形提示用于控制矢量图对象制造外外形提示用于控制矢量图对象制造外形补间动画时外形改动的方向。形补间动画时外形改动的方向。l外形提示是带圈字母标志通常成对出外形提示是带圈字母标志通常成对出如今首尾关键帧中如今首尾关键帧中l形变时标志处图形从首关键帧位置变形变时标志处图形从首关键帧位置变化到尾关键帧对应标志处化到尾关键帧对应标志处l外形提示可以有多个，按字母顺序依外形提示可以有多个，按字母顺序依次出现

21、。次出现。形变动画 前一页 下一页 休息补间动画技法补间动画技法 l外形提示添加方法：外形提示添加方法：l选择图形对象选择图形对象l菜单：修正外形添加外形提示菜单：修正外形添加外形提示l在首关键帧中将红色提示字符挪动到在首关键帧中将红色提示字符挪动到变形开场关键位置变形开场关键位置l在尾关键帧反复同样动作，位置正确在尾关键帧反复同样动作，位置正确时提示标志变成绿色时提示标志变成绿色l反复反复3、4加其它提示至可完全控制变加其它提示至可完全控制变形形形变动画 前一页 下一页 休息补间动画技法补间动画技法 l外形提示的删除：外形提示的删除：l只能一次删除一切提示只能一次删除一切提示l操作方法：操作方法：l菜单：修正外形删除一切提示菜单：修正外形删除一切提示l实例：实例：l变形女孩变形女孩l位图变形位图变形形变动画 前一页 下一页 休息动画定位工具动画定位工具l功能：功能：l同时阅读多个帧以便调整不同帧上关联对象同时阅读多个帧以便调整不同帧上关联对象位置位置l对多个帧上内容同时进展同一编辑操作对多个帧上内容同时进展同一编辑操作l显示显示l选择本工具后在播放头左右出现游标标志并选择本工具后在播放头左右出现游标标志并将标志范围内一切帧上画面全部显示将标志范围内一切帧上画面全部显示l其中当前帧突出显示，其他帧暗淡且不可