《Flash动画实例教程ppt课件.ppt》由会员分享，可在线阅读，更多相关《Flash动画实例教程ppt课件.ppt（82页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。Flash CS4动画制作实例教程2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 本章主要内容：本章主要内容： FlashFlash动画的特点和应用；动画的特点和应用； Flash CS4Flash CS4的工
2、作界面；的工作界面； Flash CS4Flash CS4界面的设置；界面的设置； 基本文件的操作。基本文件的操作。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 1.1 1.1 认识认识 Flash CS4Flash CS41.1.1 Flash1.1.1 Flash动画的特点动画的特点 Flash的主要特点如下：n Flash使用了矢量图形和流式播放技术，可以随意调整缩放，而不会影响图形文件的大小和质量。
3、n 通过使用关键帧和元件，使所生成的“.swf”格式的动画文件非常小，便于在网络上播放和传播。n Flash制作的动画，能够交互式地将音乐、动画、声效等融合在一起，很多用户已经把Flash当做一个开发多媒体的首选工具。n Flash拥有功能强大的ActionScript语言，它采用了与JavaScript类似的语法结构，拥有自己的ActionScript函数、属性和目标对象等，并且兼容并支持Flash 低版本。 1.1.2 Flash1.1.2 Flash动画的应用动画的应用 1 1制作动画短片制作动画短片 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管
4、理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 2 2制作游戏制作游戏3 3制作制作MTVMTV4 4制作多媒体教学课件制作多媒体教学课件5 5制作制作InternetInternet应用程序应用程序6 6制作网页制作网页1.2 Flash CS41.2 Flash CS4的工的工作界面，如右图作界面，如右图1-11-1所示。所示。菜单栏标题栏布局模式舞台属性面板绘图工具箱时间轴/图层/动画编辑器窗口1.2.1 1.2.1 标题栏标题栏1.2.2 1.2.2 菜单栏菜单栏 1.2.3 1.2.
5、3 主工具栏主工具栏1.2.4 1.2.4 绘图工具箱绘图工具箱图1-12Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 单击“小三角”可以展开下一级菜单进行选择1.2.4 1.2.4 绘图工具箱绘图工具箱图1-2 绘图工具箱如右图1-2所示,它包含了10多种绘图工具，用户可以使用这些工具对图像或选定区进行操作。单击绘图工具箱右上角的 按钮，可以将工具箱折叠为图标 。若要展开面板可单击 按钮或 图标；另外，可以
6、把面板缩放成单列或多列。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。2第1章 Flash CS4入门 1.2.5 1.2.5 时间轴时间轴 时间轴面板如右图所示，它的主要组件是层、帧和播放头，还包括一些信息指示器，如图1-3所示。 层帧播放头信息指示器1.2.6 1.2.6 场景与舞台场景与舞台 在当前编辑的动画窗口中，我们把动画内容编辑的整个区域叫做场景。舞台就是绘制和编辑动画内容的矩形区域 ，具体如图1-4所示。 图1-3Flash
7、 CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 场景名称舞台工作区舞台比例图1-4 场景和舞台 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 1.3 Flash CS41.3 Flash CS4界面的设置界面的设置1.3.1 1.3.
8、1 动画属性的设置动画属性的设置 按照下列步骤设置动画属性：第1步：打开【属性】面板,它会显示整个动画的属性。第2步：点击【550400像素】右侧的【编辑】按钮，弹出【文档属性】对话框。第3步：在【帧频】框键入正确的放映速度，即帧每秒。默认值24，即动画的每一秒要显示24帧画面。第4步：在【尺寸】框中，输入电影的宽度和高度值。最小为18像素，最大为2880像素。第5步：点击【背景颜色】右侧的色框，在弹出的颜色面板里用户可以选择动画背景的颜色。第6步：单击【确定】。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导
9、向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第1章 Flash CS4入门 1.3.2 1.3.2 时间轴线的设置时间轴线的设置1.3.3 1.3.3 工具栏、工具面板的设置工具栏、工具面板的设置 工具栏、工具面板以及工作区等都可以在屏幕上任意拖动，用户可以将其拖放到最适合自己操作的位置。 1.4 基本文件的操作 1.4.1 1.4.1 创建新文档创建新文档 1.4.2 Flash1.4.2 Flash文档的操作文档的操作2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值
10、追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训1 1 ：设计一个小球从上向下运动的动画设计一个小球从上向下运动的动画 实训实训2 2：设计一个小球由大渐小的动画 第1章 Flash CS4入门 提示提示: :先用椭圆工具绘一个小球,然后在第1关键帧把小球位置放在舞台上方，在第30关键帧把小球位置放在舞台下方,最后在第1帧至30帧之间创建补间形状动画。提示提示: :用椭圆工具绘一个小球； 用变形工具将第30关键帧的小球缩小；在第1帧至30帧之间创建补间形状动画。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励
11、机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第2章 工具的使用 本章主要内容：本章主要内容： 矢量图和位图；矢量图和位图； 线条和填充图形；线条和填充图形； Flash CS4Flash CS4常用工具的功能及其使用。常用工具的功能及其使用。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一：制作一张制作一张“几何形体图几何形体图” , ,效果如图2-1所示。任务二：任务二：制作一张制
12、作一张“荷花图荷花图”，效果如图2-2所示。第2章 工具的使用（图2-1）（图2-2）2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务三：任务三：制作一张制作一张“春天美景图春天美景图” , ,效果如图2-3所示。第2章 工具的使用（图2-3）2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合
13、作环境。问题与思考：问题与思考：第2章 工具的使用 Flash CS4Flash CS4的工具箱中的各种工具如的工具箱中的各种工具如何使用？何使用？ 如何绘制图形？如何绘制图形？ 如何编辑图形？如何编辑图形？2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第2章 工具的使用2.2.1 2.2.1 矢量图和位图矢量图和位图 矢量图形使用称作矢量的直线和曲线描述图像，矢量也包括颜色和位置属性。矢量图形与分辨率无关，它适合于线性图，特别是二维卡通
14、动画，能够有效地减少文件容量。位图图形使用称作像素的排列在网格内的彩色点来描述图像。在编辑位图图形时，修改的是像素，而不是直线和曲线。位图图形跟分辨率有关，位图适合表现层次和色彩细腻丰富，包含大量细节的图像。 2.2.2 2.2.2 线条和填充图形线条和填充图形 线条，是指用线条工具、钢笔工具、铅笔工具绘制的图形以及由椭圆工具、矩形工具绘制的边框线。调整线条的粗细可以使用属性面板中的“笔触”数值的大小来改变；改变线条颜色可以使用墨水瓶工具。 填充图形，是指用刷子工具绘制的图形，或者是由椭圆工具、矩形工具绘制的图形的填充部分。填充图形的颜色不能通过墨水瓶工具来改变，只能使用颜料桶工具来调整。2F
15、lash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第2章 工具的使用2.2.3 2.2.3 工具介绍工具介绍（图2-4 绘图工具箱）2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训1 1 ：制作制作“几何图形几何图形” 实训实训2 2：制作制作“乡间美景图乡间美景图 ”，效果如图，效果
16、如图2-52-5所示。所示。 要求：要求：绘制正方形、矩形、多边形、圆、五角星等几何图表，并自定颜色填充。第2章 工具的使用图2-52Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。 要求：要求：用3D工具制作由6张大小相同但内容不同的图片构成的正方体图形第2章 工具的使用实训实训4 4：制作制作“正方体图正方体图 ” ” 实训实训3 3：设计制作设计制作“卡通人物图卡通人物图 ”，效果如图，效果如图2-62-6所示。所示。 图2-62Fla
17、sh CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第3章 文本处理本章主要内容：本章主要内容： 文本的类型及属性的设置；文本的类型及属性的设置； 文本的输入及编辑；文本的输入及编辑； 文字效果和静态动画的制作。文字效果和静态动画的制作。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一
18、：制作制作 “ “渐变色的文字渐变色的文字”的动画的动画 , ,效果如图3-1所示。任务二：任务二：制作制作 “ “金属文字金属文字”的动画的动画 ，效果如图3-2所示。第3章 文本处理（图3-1）（图3-2）2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务三：任务三：制作一幅制作一幅“霓虹广告霓虹广告”的动画的动画 , ,效果如图3-3所示。第3章 文本处理（图3-3 第1帧和第5帧的效果图）2Flash CS4Flash CS4动动
19、画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。问题与思考：问题与思考：第3章 文本处理 文本有哪些类型？文本有哪些类型？ 文字转化为矢量图形的方法是什么？文字转化为矢量图形的方法是什么？ 如何制作文字效果？如何制作文字效果？ 静态动画如何制作？静态动画如何制作？2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。2第3章 文本处理
20、3.2.1 3.2.1 文本及其类型文本及其类型 在Flash CS4中，文本类型可分为3种：静态文本、动态文本和输入文本。三种类型的切换方法是在文本工具属性面板的第一个下拉列表框中选择。 一般情况下默认的文本是静态文本，在动画播放过程中，静态文本区域中的文字是不可编辑和改变的，但是可以对静态文本块进行缩放、旋转或者扭曲，可以为他们指定不同的颜色和透明度效果。动态文本就是可编辑的文本，在动画播放过程中，文本区域的文字可通过事件的激发来改变。输入文本就是在动画播放过程中，提供我们输入文本，产生交互。它允许用户在空的文本区域中输入文字，用于填充表格，回答调查的问题或者输入密码等。 3.2.2 3.
21、2.2 设置文本属性设置文本属性3.2.3 3.2.3 设置段落属性设置段落属性1 1设置段落的对齐方式设置段落的对齐方式2 2设置边距和间距设置边距和间距Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第3章 文本处理3.2.4 3.2.4 文本的输入文本的输入 分为水平方向输入和垂直方向输入两种。分为水平方向输入和垂直方向输入两种。 3.2.5 3.2.5 文本的编辑文本的编辑1 1转换文本类型转换文本类型2. 2. 分散文字：分散文字：
22、 分散文字就是将文字转换为矢量图形，具体操作是使用【修改】/【分离】命令。 3. 3. 填充文字填充文字 注意：注意：一旦把字符转换成线条和填充以后，就不能把它们作为文本来编辑。即使重新组合字符或者把它们转换成符号，也不能再应用字体、字距或是段落选项。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训1 1 ：制作制作“数学公式数学公式” ，效果如图3-4所示。实训实训2 2：制作制作“空心字空心字 ”，效果如图，效果如图3-53-5
23、所示。所示。 第3章 文本处理图3-4实训实训3 3：设计制作“霓虹灯广告”。图3-52Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第4章 元件和库本章主要内容：本章主要内容： 元件的类型；元件的类型； 元件的创建和编辑；元件的创建和编辑； 实例的编辑；实例的编辑； 库的使用；库的使用； 元件的制作元件的制作 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为
24、导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一：制作制作 “ “渐变色的文字渐变色的文字”的动画的动画 , ,效果如图3-1所示。任务二：任务二：制作制作 “ “金属文字金属文字”的动画的动画 ，效果如图3-2所示。第4章 元件和库（图3-1）（图3-2）2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一：如何创建图形元件如何创建图形元件 。第4章 元件和库（图4-1)要求要求: :创建
25、一图形元件，效果如图4-1所示 任务二：任务二：如何创建图形元件如何创建图形元件 。要求要求: :创建一“动态按钮”元件，设置四个关键帧中按钮颜色属性变化，鼠标在“动态按钮”上“按下”、“弹起”等不同状态会出现不同的效果，如图4-2所示。图4-2“鼠标按下”和“鼠标弹起”时按钮状态2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第4章 元件和库（图4-3)任务三：任务三：如何创建影片剪辑元件如何创建影片剪辑元件 。要求要求: :创建一影片剪
26、辑元件，组成四个正方形在舞台上旋转的动画，如图4-3所示 。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。问题与思考：问题与思考：第4章 元件和库 元件的类型有哪些？元件的类型有哪些？ 如何制作元件？如何制作元件？ 如何使用元件？如何使用元件？ 元件库如何使用？元件库如何使用？2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文
27、化氛围，依赖既开放又相互信任的合作环境。第4章 元件和库4.2.1 4.2.1 在动画中使用元件的优点在动画中使用元件的优点1 1可以简化动画的制作过程可以简化动画的制作过程2 2减小文件大小减小文件大小3 3方便网络传输方便网络传输4.2.2 4.2.2 元件的类型元件的类型 元件主要有图形、影片剪辑和按钮3种类型，不同类型的元件有着不同的作用。 4.2.3 4.2.3 元件的创建元件的创建 1 1创建新元件创建新元件2 2将舞台元素转换为元件将舞台元素转换为元件2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为
28、导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第4章 元件和库4.2.4 4.2.4 编辑元件编辑元件 1 1编辑元件的方法编辑元件的方法2 2元件的编辑元件的编辑 4.2.5 4.2.5 创建与编辑实例创建与编辑实例1 1将元件的实例添加至舞台将元件的实例添加至舞台2 2编辑实例编辑实例4.2.6 4.2.6 库和公用库库和公用库1 1定义公用库定义公用库2 2使用公用库使用公用库2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相
29、互信任的合作环境。实训实训1 1 ：制作制作“环环相扣图形元件环环相扣图形元件” ，效果如图4-4所示。实训实训2 2：制作“变色按钮” ，效果如图，效果如图4-54-5所示。所示。 第4章 元件和库图4-4实训实训3 3：制作“一小球从大变小的影片剪辑元件” 。图4-5“弹起”时效果 “鼠标经过”时效果 “按下”时效果 要求：要求：将实训1至实训3所制作的元件从库中拖放到舞台上，将实训3转换为图形元件。 实训实训4 4：实例的编辑2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文
30、化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画动画的原理动画的原理；帧的概念、分类和基本操作；帧的概念、分类和基本操作；逐帧动画的创建。逐帧动画的创建。本章主要内容：本章主要内容：2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 任务一：任务一：制作制作“奔跑的豹子奔跑的豹子”动画动画要求：要求：制作一只豹子奔跑运动（设计效果如下图5-1所示）。图5-12Flash CS4Flash CS4动动画制作教程画制作教程
31、有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 任务二：任务二：制作制作“倒计时效果倒计时效果”动画动画要求：要求：制作在一个红色圆角矩形背景下显示“5、4、3、1、GO！”的倒计时动画效果（设计效果如下图5-2所示）。图5-22Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 要求：要求：制作花盆中的花儿逐渐成长，
32、并生成一朵花的动画效果（设计效果如下图5-3所示）。任务三：任务三：制作制作“花逐渐成长的过程花逐渐成长的过程”动画动画图5-32Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 动画的基本原理是什么？动画的基本原理是什么？ 如何创建逐帧动画？如何创建逐帧动画？什么叫帧？什么叫帧？帧分为几种类型？帧分为几种类型？如何操作帧？如何操作帧？问题与思考：问题与思考：2Flash CS4Flash CS4动动画制作教程画制作教程有利于
33、学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 5.2.1 5.2.1 动画基本原理动画基本原理 动画就是通过连续播放一系列画面，给视觉造成连续变化的图画，它的基本原理与电影、电视一样，都是视觉原理。动画不是“会动的画”，而是“画出来的运动”。5.2.2 5.2.2 帧的显示形式及操作帧的显示形式及操作 1. 帧的概念：构成动画的每一个画面叫做一个帧。2. 帧的分类：空白帧、关键帧和空白关键帧3. 帧的操作：包括添加帧 、删除帧 、清除关键帧 、选择所有帧 、复制帧 、粘贴帧 、移动帧 和
34、翻转帧 5.2.3 5.2.3 逐帧动画知识介绍逐帧动画知识介绍创建逐帧动画的典型方法主要有以下几种：n从外部导入素材生成逐帧动画，如导入静态的图片和序列图像等。n使用数字或者文字制作逐帧动画，如实现文字跳跃或旋转等特效动画。n绘制矢量逐帧动画。应用各种设计工具在场景中绘制矢量逐帧动画。2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 实训实训1 1 ：制作制作“手指计数手指计数”动画，如图动画，如图5-45-4所示。所示。
35、实训实训2 2： 制作制作“毛笔写字毛笔写字”动画，如图动画，如图5-55-5所示所示 图5-4图5-52Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第5章 逐帧动画 实训实训3 3： 制作制作“变脸变脸”动画，如图动画，如图5-65-6所示。所示。 实训实训4 4： 制作制作“卡通人走路卡通人走路”动画动画 提示：提示： 用绘制工具绘制卡通人物走路的图形元件：在各关键帧中，直接修改人物走路的图形元件，使不同时刻的走路姿势不一样，从而创建
36、逐帧动画。图5-62Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第6章 补间形状动画创建补间形状动画需要的条件；创建补间形状动画需要的条件；如何创建补间形状动画；如何创建补间形状动画；补间形状动画的属性设置；补间形状动画的属性设置；形状提示符的使用：形状提示符的使用：图层的基本操作。图层的基本操作。本章主要内容：本章主要内容：2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激
37、励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一：制作制作“矩形变心形（矩形变心形（1 1）”动画。动画。效果如图6-1所示 （图（图6-1）要求：要求：矩形有规律地变化成心形（效果如图6-2所示）。任务二：任务二：制作制作“矩形变心形（矩形变心形（2 2）”动画动画（图（图6-2）第6章 补间形状动画 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务三：任务三：制作制作“文字变形
38、文字变形”动画。动画。要求：要求：制作一个英文字母“A”变化成字母“B”的动画（效果如图6-3所示）。（图6-3）要求：要求：先由一个树桩渐渐生长成一棵树，然后在树枝上桃花朵朵绽放。（效果如图6-4所示）。任务四：任务四：制作制作“桃花朵朵开桃花朵朵开”动画动画（图6-4）第6章 补间形状动画 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。如何创建补间形状动画？如何创建补间形状动画？创建补间形状动画有什么条件？创建补间形状动画有什么条件？
39、如何控制补间形状变化？如何控制补间形状变化？图层的作用是什么？图层的作用是什么？如何创建和编辑图层？如何创建和编辑图层？问题与思考：问题与思考：第6章 补间形状动画 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。6.2.1 6.2.1 补间形状动画补间形状动画 第6章 补间形状动画 1创建补间形状动画需要的条件创建补间形状动画需要的条件 补间形状动画可以实现两个图形之间颜色、形状、大小和位置的过渡。创建补间形状动画需要一定的条件：n 在一
40、个补间形状动画中至少要有两个关键帧。n 这两个关键帧中的对象必须是可编辑的矢量图形对象。一次补间一个形状通常可以获得最佳效果。如果一次补间多个形状，则所有的形状必须在同一个层上。如果要使用群组对象、图符引例对象或位图图像创建形状补间动画，需要先将其分离成矢量图形。n 这两个关键帧中的图形必须有一些变化，否则制作的动画将没有动的效果。2 2创建补间形状动画创建补间形状动画 创建补间形状动画有两种方法，一是通过右键菜单创建补间形状动画，二是使用菜单命令创建补间形状动画。 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场
41、为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第6章 补间形状动画 3 3删除补间形状动画删除补间形状动画4. 4. 补间形状动画属性设置补间形状动画属性设置 设置运动速度设置动画中间形状效果5 5形状提示形状提示 首先选择已经创建补间形状动画两个关键帧之间的任意一帧，然后打开帧【属性】面板，如右图6-5所示。 在制作补间形状动画后，加入形状提示可控制更加复杂的形状变化。 图6-52Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相
42、互信任的合作环境。第6章 补间形状动画 6.2.2 6.2.2 图层图层1 1图层面板，如下图图层面板，如下图6-66-6所示。所示。2 2图层的基本操作图层的基本操作 图层图标可编辑图层图标隐藏/显示图层锁定图标显示所有图层的轮廓删除图层新建图层新建图层文件夹图6-62Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训1 1 ：制作制作“矩形变圆形矩形变圆形”动画动画实训实训2 2：制作制作“文字变化文字变化”动画动画第6章 补间形状
43、动画 提示：提示：制作数字“2”向数字“3”的形状补间动画前要把文字分离，创建补间动画后需加入形状提示控制形变，如下图6-7所示。 图6-72Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训3 3：制作制作“图形变文字图形变文字”动画动画 实训实训4 4：制作制作“文字变图形文字变图形”动画动画 要求要求：一个“心”字逐渐地变成了心形，然后又变化为两个心形的动画，效果如下图6-9所示。第6章 补间形状动画 要求：要求：四颗五角星从礼盒
44、中旋转而出，随即转变为“节日快乐”四个字的动画，如下图6-8所示。图6-8图6-92Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第7章 传统补间动画创建传统补间动画需要的条件；创建传统补间动画需要的条件；传统补间动画的创建；传统补间动画的创建；传统补间动画的属性设置；传统补间动画的属性设置；场景的使用场景的使用本章主要内容：本章主要内容：2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满
45、活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。任务一：任务一：制作制作“小球碰撞小球碰撞”动画，动画， 效果如图7-1所示。（图（图7-1）任务二：任务二：制作制作“旋转的风车旋转的风车”动画，动画，效果如图7-2所示。（图（图7-2）第7章 传统补间动画 要求：要求：制作一幅动画，一个红色小球垂直下落时碰到地面上的绿色小球，红球弹起，绿球向远处滚去并慢慢消失（效果如图7-1所示）。任务三：任务三：制作制作“多场景动画多场景动画”。要求：要求：按片头、动画、片尾3个场景的顺序播放动画内容。 2Flash CS4Flash CS4动动画制作
46、教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。问题与思考：问题与思考：第7章 传统补间动画传统补间动画与补间形状动画有什么区别？传统补间动画与补间形状动画有什么区别？创建传统补间动画，应满足什么条件？创建传统补间动画，应满足什么条件？ 多场景动画如何制作？多场景动画如何制作？ 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第7章
47、传统补间动画7.2.1 7.2.1 传统补间动画传统补间动画1. 1. 创建传统补间动画条件创建传统补间动画条件n 在两个关键帧中，只能有一个元件的实例或群组物体、文字。n 必须作用在相同的对象上才能创造出移动和缩放的效果。n 动画的两个关键帧画面不能有矢量图形存在。2. 创建创建传统补间动画方法传统补间动画方法 创建传统补间动画也有两种方法，一种是通过右键快捷菜单，一种通过菜单命令。 3. 删除删除传统补间动画传统补间动画4. 4. 传统补间动画的属性设置传统补间动画的属性设置（1）缓动：通过【缓动】选项右边输入一个数值来调整变化速率，从而创建更为自然的由先慢后快或先快后慢的减速效果。 （2
48、）旋转：用于设置对象旋转的动画 2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。第7章 传统补间动画（3）【贴紧】：勾选该项，可以将对象贴紧到引导线上。（4）【同步】：勾选项该项，可以使图形元件实例的动画和主时间同步。（5）【调整到路径】：制作运动引导线动画时，勾选该项，可以使动画对象沿着路径运动。（6）【缩放】：勾选项该项，用于改变对象的大小。 7.2.2 7.2.2 场景场景1 1场景的使用场景的使用 执行【窗口】/【其他面板】/【场景
49、】命令，则会调出【场景】面板，使用场景的好处和模块化设计的优势一样，便于分工协作、便于修改。2 2场景的添加和切换场景的添加和切换 3 3场景的命名场景的命名4 4场景的删除及复制场景的删除及复制2Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训1 1 ：制作制作“矩形变圆形矩形变圆形”动画动画实训实训2 2：制作制作“旋转的指针旋转的指针”动画动画 第7章 传统补间动画 要求：要求：通过改变对象位置、【颜色】和“Alpha”值，创建
50、传统补间动画的方法。 提示：提示：先创建“指针”图形元件，并把它的变形中心调整到指针下端。然后通过改变【变形】面板中的【旋转】值创建传统补间动画。实训实训3 3：制作制作“图片翻转图片翻转”动画，效果如下图动画，效果如下图7-3所示。所示。 图图7-37-32Flash CS4Flash CS4动动画制作教程画制作教程有利于学习和创新的组织管理机制，创造充满活力的创新激励机制，以市场为导向，以顾客价值追求为中心的企业文化氛围，依赖既开放又相互信任的合作环境。实训实训4 4：制作制作“卡通火车在行驶卡通火车在行驶”动画动画 ，效果如下图7-4所示。第7章 传统补间动画 提示：提示：先分层绘制“田