Flash平面动画制作课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《Flash平面动画制作课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 平面 动画 制作 课件
- 资源描述:
-
1、FlashFlash平面动画制作平面动画制作第第3 3章章 FlashFlash平面动画制作平面动画制作教学目标教学目标 教学重点、难点教学重点、难点 本章小结本章小结 教学内容教学内容 教学目标教学目标 通过这章的学习,学生可以熟练的掌握逐通过这章的学习,学生可以熟练的掌握逐帧动画、运动补间动画、形状补间动画、遮帧动画、运动补间动画、形状补间动画、遮罩层动画和引导动画这罩层动画和引导动画这5 5种动画的制作方法和种动画的制作方法和技巧。技巧。第第3章章 FlashFlash平面动画制作平面动画制作 教学重点与难点教学重点与难点 第第3 3章章 FlashFlash平面动画制作平面动画制作 逐
2、帧动画、运动补间动画、形状补间动逐帧动画、运动补间动画、形状补间动画、遮罩层动画和引导动画的制作方法和画、遮罩层动画和引导动画的制作方法和设计技巧。设计技巧。教学内容教学内容 本章小结本章小结第第3 3章章 FlashFlash平面动画制作平面动画制作本章计划授课本章计划授课14学时学时本节内容本节内容FlashFlash平面动画的基本概念平面动画的基本概念FlashFlash平面动画的基本制作方法平面动画的基本制作方法平面动画的设计技巧平面动画的设计技巧练习练习3.1 Flash平面动画制作的概述平面动画制作的概述动画动画任何随着时间而发生的位置或者形态上的改变。任何随着时间而发生的位置或者
3、形态上的改变。Flash动画是由一个个动画是由一个个“帧帧”上的图片连接而成的,帧是动上的图片连接而成的,帧是动画画 最基本的单位。最基本的单位。舞台舞台是制作动画的地方,在播放器中播放动画时,只有舞是制作动画的地方,在播放器中播放动画时,只有舞台中的对象被显示。台中的对象被显示。工作区域工作区域舞台和周围的灰度区域舞台和周围的灰度区域场景场景是动画的另一个组成部分是是动画的另一个组成部分是“场景场景”的变换,就像一的变换,就像一部电影不可能只在一个地方拍摄一样,制作部电影不可能只在一个地方拍摄一样,制作Flash动画也需要有动画也需要有不同的场景。不同的场景。一、一、FlashFlash平面
4、动画的基本概念平面动画的基本概念3.1 Flash平面动画制作的概述平面动画制作的概述1、逐帧动画、逐帧动画 将动画的每一帧均设置为关键帧,通过改变将动画的每一帧均设置为关键帧,通过改变每一个关键帧中的图像而产生动画效果。每一个关键帧中的图像而产生动画效果。逐帧动画是逐帧动画是Flash所提供的最基本的动画形式。所提供的最基本的动画形式。2、形状补间动画、形状补间动画 形状补间动画被应用于基本形状的变化,形状补间动画被应用于基本形状的变化,它是某一个对象在一定时间内其形状发生过渡型渐变的动画。它是某一个对象在一定时间内其形状发生过渡型渐变的动画。形状补间动画用位于时间轴上动画的开始帧与结束帧之
5、间形状补间动画用位于时间轴上动画的开始帧与结束帧之间区域的一个绿色的连续箭头表示。区域的一个绿色的连续箭头表示。二、二、FlashFlash平面动画的基本制作方法平面动画的基本制作方法3.1 Flash平面动画制作的概述平面动画制作的概述3、运动补间动画、运动补间动画运动补间动画被应用于把对象由一个运动补间动画被应用于把对象由一个地方移动到另一个地方的情况,也可应用于形成物体的缩放、地方移动到另一个地方的情况,也可应用于形成物体的缩放、倾斜或者旋转的动画,还可用于形成元件的颜色和透明度变倾斜或者旋转的动画,还可用于形成元件的颜色和透明度变化的动画。化的动画。运动补间动画用位于时间轴上动画的开始
6、帧与结束帧之运动补间动画用位于时间轴上动画的开始帧与结束帧之间区域的一个蓝色的连续箭头表示。间区域的一个蓝色的连续箭头表示。二、二、FlashFlash平面动画的基本制作方法平面动画的基本制作方法3.1 Flash平面动画制作的概述平面动画制作的概述4、遮罩动画、遮罩动画遮罩动画是将一个图层设置为遮罩层,此图遮罩动画是将一个图层设置为遮罩层,此图层中的对象将相应地转换为遮罩对象。其它图层则为被遮罩层中的对象将相应地转换为遮罩对象。其它图层则为被遮罩层,这些图层的对象被遮罩对象所屏蔽的那部分才可显示。层,这些图层的对象被遮罩对象所屏蔽的那部分才可显示。5、引导动画、引导动画引导动画实际上是在运动
7、补间动画的基础上引导动画实际上是在运动补间动画的基础上添加一个引导图层,该图层有一条可以引导运动方向的引导添加一个引导图层,该图层有一条可以引导运动方向的引导线,使另一个图层中的对象依据此引导线进行运动的动画。线,使另一个图层中的对象依据此引导线进行运动的动画。二、二、FlashFlash平面动画的基本制作方法平面动画的基本制作方法3.1 Flash平面动画制作的概述平面动画制作的概述注意以下几个要点:注意以下几个要点:1 1要想吸引观众,最重要的是让动作具有一定的含义。要想吸引观众,最重要的是让动作具有一定的含义。2 2动作应该支持动画的内容和主题。动作应该支持动画的内容和主题。3 3动作可
8、以像文章和颜色一样传达情绪、感情和个性。动作可以像文章和颜色一样传达情绪、感情和个性。4 4在日常生活中仔细观察动作并记录下来,建立一个创建在日常生活中仔细观察动作并记录下来,建立一个创建动画时的动画时的“资源库资源库”。5 5动作的设计要符合自然规律。动作的设计要符合自然规律。三、三、FlashFlash平面动画的设计技巧平面动画的设计技巧3.1 Flash平面动画制作的概述平面动画制作的概述本节内容本节内容案例效果案例效果操作步骤操作步骤技术要点技术要点练习练习3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例 一、案例效果一、案例效果重点与难点:重点与难点:逐帧动画的制作技巧和卡
9、通人物的绘图技巧。逐帧动画的制作技巧和卡通人物的绘图技巧。3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例二、操作步骤二、操作步骤本案例是在本案例是在2.5“小青蛙小青蛙”案例的基础上制作而成。案例的基础上制作而成。1 1:打开素材:打开素材“青蛙侧面青蛙侧面”的的Flash工程文件。并把工程文件。并把文文件另存为件另存为“运动的小青蛙运动的小青蛙”2 2:制作逐帧动画:制作逐帧动画 第一步:第一步:建立一个命名为建立一个命名为“运动合成运动合成”的影片剪辑的影片剪辑元件。元件。3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例二、操作步骤二、操作步骤第二步:第二步:打开打开
10、“库库”面板把面板把“头头”、“身体身体”、“左左手手”、“右手右手”、“左脚左脚”、“右脚右脚”元件拖到元件拖到“运运动合成动合成”元件中,并分布到各个图层以对应的名字命元件中,并分布到各个图层以对应的名字命名名 。第三步:第三步:分别检查左右手、头和脚的中心点位置,根分别检查左右手、头和脚的中心点位置,根据人的基本运动规律来确定各个关节运动的中心点。据人的基本运动规律来确定各个关节运动的中心点。3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例二、操作步骤二、操作步骤第四步:第四步:画脚的动作画脚的动作第1帧第2帧第3帧第4帧第5帧第6帧第7帧3.2“运动的小青蛙运动的小青蛙”逐帧
11、动画案例逐帧动画案例二、操作步骤二、操作步骤第五步:第五步:在对应的帧上依次设置如下相应的动作。在对应的帧上依次设置如下相应的动作。3测试影片,保存文件,并导出影片测试影片,保存文件,并导出影片 3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例三、技术要点三、技术要点1、制作逐帧动画的基本步骤:、制作逐帧动画的基本步骤:(1)选择一关键帧作为逐帧动画的开始帧。)选择一关键帧作为逐帧动画的开始帧。(2)在开始帧中绘制或导入动画序列中的第)在开始帧中绘制或导入动画序列中的第1张图片。张图片。(3)选择下一关键帧,并进行任意修改或导入绘制一张)选择下一关键帧,并进行任意修改或导入绘制一张新
12、图片。新图片。(4)继续添加关键帧并改变相应关键帧的内容直到最终)继续添加关键帧并改变相应关键帧的内容直到最终完成动画。完成动画。(5)测试影片并导出一个测试影片并导出一个.swf文件。文件。3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例2 2、卡通人物的绘图技巧、卡通人物的绘图技巧(1)身体的比例:)身体的比例:当你画真实人物时,身高一般是按六当你画真实人物时,身高一般是按六至七个头来画的,而卡通人物,最常见的比例是三至四至七个头来画的,而卡通人物,最常见的比例是三至四个头高个头高。(2)基本结构:)基本结构:卡通人物多数是以球体或圆柱体为基础,卡通人物多数是以球体或圆柱体为基础
13、,因为这两种形状比较容易掌握。因为这两种形状比较容易掌握。下图是绘制卡通人物的一般流程下图是绘制卡通人物的一般流程:三、技术要点三、技术要点3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐帧动画案例(1)在制作逐帧动画时,前后帧之间的位置关系如何?在制作逐帧动画时,前后帧之间的位置关系如何?(2)利用青蛙为元素制作一组青蛙走路的动画利用青蛙为元素制作一组青蛙走路的动画(参考从前言中所参考从前言中所提供的网址下载的本章的提供的网址下载的本章的“练习参考练习参考”文件夹中的文件夹中的Flash工程工程文件文件“走路参考走路参考”)。四、练习四、练习 3.2“运动的小青蛙运动的小青蛙”逐帧动画案例逐
14、帧动画案例本节内容本节内容案例效果案例效果操作步骤操作步骤技术要点技术要点练习练习3.3“恭贺新禧恭贺新禧”案例案例一、案例效果一、案例效果重点与难点:重点与难点:形状补间动画的特点、创建方法,及如何设置形状提示形状补间动画的特点、创建方法,及如何设置形状提示点来控制形状补间动画的中间过程。点来控制形状补间动画的中间过程。3.3“恭贺新禧恭贺新禧”案例案例二、操作步骤二、操作步骤1 1新建文档并命名新建文档并命名 启动启动AdobeAdobeFlashFlashCS3CS3后,新建一个文档,对背景颜后,新建一个文档,对背景颜色和舞台大小进行相应的设置,保存文档,命名为色和舞台大小进行相应的设置
15、,保存文档,命名为“恭贺新恭贺新禧禧”。2.设置背景图片设置背景图片 将将”图层图层1”改名为改名为“背景背景”,把素材中的背景图片文件,把素材中的背景图片文件“焰火焰火”导入到舞台,并设置宽为导入到舞台,并设置宽为400、高为、高为300,居中对齐,居中对齐,扩展到扩展到100帧。锁定图层。帧。锁定图层。3.3“恭贺新禧恭贺新禧”案例案例二、操作步骤二、操作步骤3 3绘制灯笼绘制灯笼 第一步:第一步:插入插入4个新图层个新图层,分别命名为,分别命名为“恭恭”、“贺贺”、“新新”、“禧禧”。将。将“贺贺”、“新新”、“禧禧”三个图层锁定。三个图层锁定。单击单击“恭恭”图层的第图层的第20帧,按
16、帧,按F6键增加一个关键帧。利用键增加一个关键帧。利用“矩矩形工具形工具”和和“椭圆工具椭圆工具”绘制如下左绘制如下左“灯笼灯笼”图形:图形:第二步:第二步:分别在分别在“贺贺”、“新新”、“禧禧”图层中第图层中第20帧单击帧单击F6键添加键添加关键帧,将灯笼粘贴到屏幕上并调整到适当的位置。如上右图。关键帧,将灯笼粘贴到屏幕上并调整到适当的位置。如上右图。3.3“恭贺新禧恭贺新禧”案例案例二、操作步骤二、操作步骤4绘制绘制“恭贺新禧恭贺新禧”四个文字四个文字 第一步:第一步:解锁解锁“恭恭”图层,锁定其它所有图层。在第图层,锁定其它所有图层。在第40帧添加帧添加一个关键帧。将原来的灯笼删掉。单
17、击【文本工具】,设置字一个关键帧。将原来的灯笼删掉。单击【文本工具】,设置字体为体为“华文彩云华文彩云”,字大小为,字大小为“74”,字体颜色为纯红色,使,字体颜色为纯红色,使用【文本工具】中输入用【文本工具】中输入“恭恭”字。将此汉字摆在原来灯笼的位字。将此汉字摆在原来灯笼的位置。选中此汉字,用置。选中此汉字,用Ctrl+B键将其打散成形状。将打散的汉字键将其打散成形状。将打散的汉字的内外边界颜色均设置为纯黄色。的内外边界颜色均设置为纯黄色。第二步:第二步:用同样的方法给用同样的方法给“贺贺”、“新新”和和“禧禧”图层也分别图层也分别在第在第40帧绘制一个帧绘制一个“贺贺”、“新新”和和“禧
18、禧”字。最终效果如图字。最终效果如图 3.3“恭贺新禧恭贺新禧”案例案例二、操作步骤二、操作步骤5绘制其它关键帧,并设置形变动画绘制其它关键帧,并设置形变动画第一步:第一步:解锁解锁“恭恭”、“贺贺”、“新新”和和“禧禧”四个图层。给四个图层。给此四个图层均在第此四个图层均在第40帧、第帧、第60帧和第帧和第80帧添加一个关键帧。帧添加一个关键帧。第二步:第二步:鼠标右击鼠标右击“恭恭”图层的第图层的第20帧至第帧至第40帧之间,在弹出帧之间,在弹出的快捷菜单中选择的快捷菜单中选择“创建补间形状创建补间形状”,用同样的方法给,用同样的方法给“恭恭”图层的第图层的第60帧至第帧至第80帧之间也创
19、建形状补间动画。帧之间也创建形状补间动画。用同样的方法给用同样的方法给“贺贺”、“新新”、“禧禧”三个图层的第三个图层的第20帧至第帧至第40帧之间、第帧之间、第60帧至第帧至第80帧之间也创建形状补间动画。帧之间也创建形状补间动画。6、测试影片,保存文件,并导出影片。、测试影片,保存文件,并导出影片。3.3“恭贺新禧恭贺新禧”案例案例三三 、技术要点、技术要点1.制作形状补间动画制作形状补间动画 形状补间动画的方法有如下三种:形状补间动画的方法有如下三种:(1)选择开始关键帧和结束关键帧间的任何一帧,在)选择开始关键帧和结束关键帧间的任何一帧,在“属性属性”面板中设置。面板中设置。(2)右击
20、开始关键帧和结束关键帧间的任何一帧,在)右击开始关键帧和结束关键帧间的任何一帧,在快捷菜单中选择快捷菜单中选择“创建补间形状创建补间形状”。(3)单击开始关键帧和结束关键帧间的任何一帧,选)单击开始关键帧和结束关键帧间的任何一帧,选择择【插入插入】【时间轴】【时间轴】【创建补间形状】菜单项【创建补间形状】菜单项。3.3“恭贺新禧恭贺新禧”案例案例三三 、技术要点、技术要点2.设置形状提示点设置形状提示点 在已经创建了一个基本的形状补间动画后,可以按照在已经创建了一个基本的形状补间动画后,可以按照以下步骤添加形状提示点:以下步骤添加形状提示点:(1)首先在时间轴中的形状补间动画的开始关键帧中选)
21、首先在时间轴中的形状补间动画的开始关键帧中选择一个形状,然后单击择一个形状,然后单击【修改修改】【形状】【形状】【添加形状提【添加形状提示】菜单项,示】菜单项,Flash会在舞台上放置一个用字母标记的红会在舞台上放置一个用字母标记的红色小圆圈,这就是形状提示点。可以用以上方法添加多个色小圆圈,这就是形状提示点。可以用以上方法添加多个形状提示点,它们都按字母顺序标识。形状提示点,它们都按字母顺序标识。(2)在开始关键帧的形状上确定一个点,用)在开始关键帧的形状上确定一个点,用【箭头工【箭头工具】进行选择并移动第一个形状提示点,把它放在形状上具】进行选择并移动第一个形状提示点,把它放在形状上一个用
22、户想要其与最终形状中的一块区域进行匹配的区域一个用户想要其与最终形状中的一块区域进行匹配的区域上(比如说,一个棱角或一段曲线)上(比如说,一个棱角或一段曲线)3.3“恭贺新禧恭贺新禧”案例案例三三 、技术要点、技术要点(3)当把播放头移动到形状补间动画的结束帧上时,会)当把播放头移动到形状补间动画的结束帧上时,会看到一个与放在开始帧上的标了字母的形状提示点相看到一个与放在开始帧上的标了字母的形状提示点相匹配的另一个标了相同字母的形状提示点。把这个形匹配的另一个标了相同字母的形状提示点。把这个形状提示点用状提示点用【箭头工具】定位,从而在最终形状上标【箭头工具】定位,从而在最终形状上标记出一块应
23、该与初始形状上特定区域相匹配的区域记出一块应该与初始形状上特定区域相匹配的区域。当结束关键帧中的形状提示点的颜色由红色变成了绿当结束关键帧中的形状提示点的颜色由红色变成了绿色(如图色(如图3.43所示),而在开始关键帧中的形状提示所示),而在开始关键帧中的形状提示点由红色变成了黄色,则表示形状提示点已经与作品点由红色变成了黄色,则表示形状提示点已经与作品建立了正确的连接。建立了正确的连接。(4)将播放头在时间轴上移动预览新的形变过程。不停)将播放头在时间轴上移动预览新的形变过程。不停地加入形状提示点,或对它们进行重新定位,直到动地加入形状提示点,或对它们进行重新定位,直到动画产生出了理想的形变
24、过程。画产生出了理想的形变过程。3.3“恭贺新禧恭贺新禧”案例案例(1)制作一个笑脸到哭脸的变脸形变动画,效果如下图)制作一个笑脸到哭脸的变脸形变动画,效果如下图所示。所示。(提示:笑脸系列形状可采用【文本工具】输入,字体(提示:笑脸系列形状可采用【文本工具】输入,字体采用采用“Windings”,输入大写字母,输入大写字母“L”则可输入一个笑则可输入一个笑脸,其它两张脸对应着大写字母脸,其它两张脸对应着大写字母“K”和和“L”。)。)四、练习四、练习 3.3“恭贺新禧恭贺新禧”案例案例(2)(2)制作一个变手的形变动画,并通过设置形状提示点来制作一个变手的形变动画,并通过设置形状提示点来控制
25、手指之间的对应变换位置。动画中手的姿势如下图控制手指之间的对应变换位置。动画中手的姿势如下图所示。所示。(提示:手的系列形状可采用(提示:手的系列形状可采用“文本工具文本工具”输入,字体输入,字体采用采用“Windings”,输入大写字母,输入大写字母“A”“G”实现)实现)四、练习四、练习 3.3“恭贺新禧恭贺新禧”案例案例本节内容本节内容案例效果案例效果操作步骤操作步骤技术要点技术要点练习练习3.4“宇宙集锦宇宙集锦”案例案例一、案例效果一、案例效果重点与难点:重点与难点:运动补间动画的制作方法和技巧,及如何设置旋转、运动运动补间动画的制作方法和技巧,及如何设置旋转、运动的快慢和逐渐消失的
展开阅读全文