最简单实用的Flash教程.ppt

1、动画素材,专题四-单元四,一、动画简介,动画原理 人眼具有“视觉残留”特性，当一系列静止的画面以一定的速率连续播放时，就会形成运动的视觉效果。 帧与帧速率 动画中播放的每一幅画面称为一帧，每秒钟播放的帧数称为帧速率。 帧速率达到每秒 10 帧以上，产生运动感。帧速率达到每秒 15 帧以上，运动画面平滑流畅。 电影的帧速率为每秒 24 帧。,一、动画简介,常用的动画制作软件 二维平面动画 GIF Animator Flash 三维立体动画 3D Studio MAX Maya Softimage 3D,二、Flash 软件安装与环境设置,Flash 软件安装 解压、绿化 创建桌面快捷方式 Fla

2、sh 文件及打开方式 fla Flash 源文件，使用 Flash.exe 打开 swf Flash 动画文件，使用 FlashPlayer.exe 打开,三、Flash 软件界面,菜单栏 舞台 时间轴 属性面板 库面板 工具箱,时间轴,三、Flash 软件界面,帧数率,运行时间,三、Flash 软件界面,属性面板：根据所选择的内容不同，属性面板发生变化 文档属性 散件属性 元件属性 帧属性 工具属性,三、Flash 软件界面,工具箱,“绘图”部分,“选取”部分,“填充”部分,“查看”部分,“颜色”部分,“选项”部分,练习：绘制椭圆,选择“椭圆工具” 在“属性面板”上设置“椭圆工具”的属性：填

3、充，笔触，起始结束角度，内径 按住 Shift 键，绘制正圆 用“选择工具”双击选中椭圆，在“属性面板”上修改“椭圆形 状”的属性：位置和大小，填充和笔触,练习：绘制多边形与星形,1. 使用“多角星形工具”绘制 5 边形 2. 使用“多角星形工具”绘制 5 角幸运星,四、散件,散件（形状） 选中后呈现点状纹理 可以部分选择 用“选择工具”选择形状的填充 用“选择工具”选择形状的笔触 用“选择工具”或“套索工具”选择形状的一部分 可以任意变形 未选中形状时，光标接近形状的角点 ，可以改变角点的位置 未选中形状时，光标接近形状的线条 ，可以改变线条的形状 同一图层中，互连的形状会融合。,五、元件,

4、元件的类型 图形元件 影片剪辑元件 按钮元件 创建元件的方法 方法一：新建元件（Ctrl + F8） 方法二：转换为元件（F8）,五、元件,元件的特点 选中后被蓝框包围 不可以部分选择 即使在同一图层中，也不相互融合,六、库面板,库是存放元件、图片、声音、视频等元素的地方 库中的资源可以重复使用,七、元件的实例,元件存放在库里，将元件从库拖到舞台上，产生元件的一个“实例”。 元件的属性 位置和大小 色彩效果：亮度、色调、Alpha,七、元件的实例,元件与实例的关系 实例依赖于元件而存在 修改元件，会更新所有实例 删除元件，实例也会被删除 实例可以有独特个性 修改一个实例的大小、亮度、色调或透明

5、度，不会影响元件和其他实例,八、编辑元件,编辑元件 方法1：在舞台上双击实例，进入“元件编辑界面” 方法2：在库面板中双击元件，进入“元件编辑界面” 返回场景,单击这里,九、帧,帧的类型 空白关键帧 ：无内容的关键帧，可以编辑。 关键帧 ：有内容的关键帧，可以编辑。 普通帧 ：内容由 Flash 根据前一关键帧自动生成，不 可以编辑。 补间帧 ：内容由 Flash 根据开始关键帧和结束关键帧 自动生成，不可以编辑。,九、帧,帧操作 在帧上右击，在菜单中选择相应的操作 F6，插入关键帧（复制前一关键帧的图像） F7，插入空白关键帧 F5，插入帧 按住【Shift】，可以选择连续的多个帧 选中帧，

6、光标尾部带有方框 ，通过拖拽移动帧的位置,九、帧的属性,标签 补间 缓动 0 均速运动 正值 减速运动 负值 加速运动 旋转 顺时针 逆时针 声音,十、图层,锁定或解除锁定图层,将图层显示为轮廓,显示或隐藏图层,新建图层,删除图层,新建文件夹,图层：像透明的玻璃，用于管理多个形状和动画,十一、Flash动画基本类型,逐帧动画：每一帧都是设计师绘制的关键帧。 补间动画：设计师只绘制首、尾关键帧，两个关键帧之间的插补帧由 Flash 自动运算生成。 补间形状：适用于散件 补间动作：适用于元件的实例,十一、Flash 基本动画类型,1. 逐帧动画,逐帧动画：每一帧都是关键帧。 实例： （1）奔跑的小

7、人 （2）打字效果,（1）奔跑的小人,设置舞台属性，大小为 200 * 250，帧速率为 12 。 选择菜单“文件导入导入到库”，将 5 张小人图片导入到库。 在第 1 帧，从“库”中将 01.gif 图片拖到舞台上。 在第 2 帧插入空白关键帧，从“库”中将 02.gif 图片拖到舞台上。 在第 3 帧插入空白关键帧，从“库”中将 03.gif 图片拖到舞台上。 在第 4 帧插入空白关键帧，从“库”中将 04.gif 图片拖到舞台上。 在第 5 帧插入空白关键帧，从“库”中将 05.gif 图片拖到舞台上。 保存文件，按“ Ctrl + Enter”测试影片。,（2）打字效果,设置舞台属性，

8、大小为 400 * 200，颜色为深蓝。 在第 5 帧插入空白关键帧。 选用“文本工具”，在属性面板上设置字体“黑体”，样式“Bold”，大小“80点”，颜色“白”。 在舞台上输入文本“世界地理”。选中文本，按键盘上的“Ctrl+B”，将其打散为 4 个文本。 在第 10 帧插入关键帧。 在第 15 帧插入关键帧。 在第 20 帧插入关键帧。 在第 25 帧插入帧。 在第 5 帧删除后 3 个文本。在第 10 帧删除后 2 个文本。在第 15 帧删除后 1 个文本。 保存文件，按“Ctrl + Enter”测试影片。,2. 形状补间动画,形状补间：用于“形状”的变换 实例： （1）“圆形”变“

9、矩形” （2）变形文字“ABC” （3）变形图片 “ 鱼”,（1）圆形变矩形,设置舞台属性，大小为 400 * 300，颜色为深蓝。 在第 1 帧的舞台上绘制一个圆形（注意，这时第 1 帧由空白关键帧转换为关键帧）。 在第 5 帧插入关键帧（注意，第 5 帧的图像是对第 1 帧图像的复制）。 在第 20 帧插入空白关键帧，在舞台上绘制一个矩形。 在第 25 帧插入帧。 在 5 20 任意帧上右击，选择“创建补间形状”。 保存文件，按“Ctrl + Enter”测试影片。,（2）变形文字,设置舞台属性，大小为 300 * 300，颜色为深蓝。 选用“文本工具”，在属性面板上设置字体“Arial”

10、，样式“Bold”，大小“200点”，颜色“黄”。 在第 1 帧的舞台上输入文本“A”。 在第 5 帧插入关键帧。 在第 20 帧插入关键帧，将文本改为“B”。 在第 25 帧插入关键帧。 在第 40 帧插入关键帧，将文本改为“C”。 在第 45 帧插入关键帧。 在第 60 帧插入关键帧，将文本改为“A”。 在每个关键帧的舞台上选中文字，按“Ctrl+B”将其打散。 在 525，2540，4560 帧上“创建补间形状”。 保存文件，按“Ctrl + Enter”测试影片。,（3）变形图片,设置舞台属性。 选择菜单“文件导入导入到库”，将图片“鱼”导入到库。 在第 1 帧，从“库”中将图片“鱼”

11、拖到舞台上。 选择“任意变形工具”，按住Shift键，等比例调整图片的大小。 选中图片“鱼”，按“Ctrl+B”将其打散。 在第 10 帧插入关键帧。 在第 30 帧插入空白关键帧，输入文本“鱼”。 选中文本“鱼”，按“Ctrl+B”将其打散。 在第 40 帧插入帧。 在 1030 帧上“创建补间形状”。 保存文件，按“Ctrl + Enter”测试影片。,3. 动作补间动画,动作补间：用于“实例”的变换 实例 （1）沿直线运动的小球 （2）时隐时现的小球 （3）心动 （4）星星旋转 （5）旋转并移动的矩形 （6）弹跳的小球 （7）水滴,（1）沿直线运动的小球,设置舞台属性，大小为 600 *

12、 200，颜色为浅蓝。 在第 1 帧的舞台上绘制一个小球（笔触颜色为无、填充颜色为放射状渐变），将小球置于舞台左边。 选中小球，按键盘上的 F8 ，将其转为图形元件。 在第 24 帧插入关键帧。 在第 24 帧的舞台上，按住 Shift 键，水平向右移动小球。 在 124 任意帧上右击， 选择“创建传统补间”。 保存文件，按“Ctrl + Enter”测试影片。,（2）时隐时现的小球,设置舞台属性，大小为 600 * 200，颜色为浅蓝。 在第 1 帧的舞台上绘制一个小球，将小球置于舞台左边。 选中小球，按键盘上的 F8 ，将其转为图形元件。 在第 15 帧插入关键帧，按住 Shift 键将小

13、球移动到舞台中央。 在第 30 帧插入关键帧，按住 Shift 键将小球移动到舞台右边。 选中第 15 帧，在舞台上选中小球元件，在属性面板上设 置 “色彩效果样式Alpha” 值为 0。 在 115 任意帧上右击，选择“创建传统补间”。 在 1530 任意帧上右击，选择“创建传统补间”。 保存文件，按“Ctrl + Enter”测试影片。,（3）心动,新建文件，设置舞台属性。 选择菜单“视图网格显示网络”。 选择菜单“视图网格编辑网络”，设置如图： 选择菜单“视图标尺”。然后从标尺中拖出 辅助线，如图：,（3）心动,选择“钢笔工具”，在“属性面板”上设置“笔触”颜色为黑色， “笔触”宽度为“

14、1”，在第 1 帧的舞台上绘制一个心形。 绘制完成后，切换到“选择工具”。 选择“窗口颜色”菜单命令，在颜色面板上设置“填充”类型和颜色，如图：,使用“颜料桶工具”，填充心形。注意：如果不能填充，请设置颜料桶工具的“空隙大小”选项为“封闭大空隙”。,（3）心动,删除心形的笔触。 选中心形，按键盘上的 F8 ，将其转为图形元件。 使用“任意变形工具”，按住 Shift 键，将心形等比例缩小。 在第 15 帧插入关键帧。 在第 30 帧插入关键帧。 在第 15 帧，使用“任意变形工具”，按住 Shift 键，将心形等比例放大，并旋转一定的角度。 在 115 任意帧上右击，选择“创建传统补间”。 在

15、 1530 任意帧上右击，选择“创建传统补间”。 保存文件，按“Ctrl + Enter”测试影片。,（3）心动,（4）星星旋转,设置舞台属性，大小为 300 * 300，颜色为深蓝。 在第 1 帧的舞台上绘制一个星形。 选中星形，按 键盘上的 F8 ，将其转为图形元件。 在第 24 帧插入关键帧。 在 124 任意帧上右击， 选择“创建传统补间”。 选中 124 任意一帧，在属性面板上设 置“旋转值”为 “顺时针”。 保存文件，按“Ctrl + Enter”测试影片。,（5）矩形旋转并移动,设置舞台属性，大小为 600 * 200，颜色为浅蓝。 在第 1 帧的舞台上绘制一个矩形，将矩形置于舞

16、台左边。 选中矩形，按键盘上的 F8 ，将其转为图形元件。 在第 24 帧插入关键帧，按住 Shift 键将矩形移动到舞台右边。 在 124 任意帧上右击， 选择“创建传统补间”。 选中 124 任意一帧，在属性面板上设 置“旋转值”为 “顺时针”。 保存文件，按“Ctrl + Enter”测试影片。,（6）球体弹跳,设置舞台属性，大小为 200 * 600，颜色为浅蓝。 在第 1 帧的舞台上绘制一个小球，将小球置于舞台顶部。 选中小球，按 键盘上的 F8 ，将其转为图形元件。 在第 15 帧插入关键帧。 在第 30 帧插入关键帧。 选中第 15 帧，按住 Shift 键将小球移动到舞台底部。

17、 在 115 任意帧上右击，选择“创建传统补间”，在属性面板上设置缓动值为“-100（加速运动）”。 在 1530 任意帧上右击，选择“创建传统补间” ，在属性面板上设置缓动值为“100（减速运动）”。,（7）水滴,设置舞台属性，大小为 500 * 500，颜色为深蓝。 将第 1 图层命名为“水滴”。 在第 1 帧的舞台上使用“钢笔工具”绘制一个水滴。 选择菜单“窗口颜色”，在颜色面板上设置“填充”类型和颜色，如图：,（7）水滴,使用“颜料桶工具”，填充水滴。 删除水滴的笔触。 选中水滴，按键盘上的 F8 ，将其转为图形元件。 使用“任意变形工具”，按住 Shift 键，等比例调整水滴大小。

18、在第 15 帧插入关键帧，按住 Shift 键将水滴移动到舞台下方。 在 115 任意帧上右击，选择“创建传统补间”，在属性面板上设置缓动值为“-100”。 新建第 2 图层 ，将第 2 图层命名为“涟漪”。 在第 15 帧插入关键帧，使用“椭圆工具”绘制涟漪（白边空心椭圆）。 选中涟漪，按键盘上的 F8 ，将其转为图形元件。,（7）水滴,将“涟漪”图层调整到“水滴”图层的下方。 在“涟漪”图层的第 30 帧插入关键帧。使用“任意变形工具”，按住 Shift 键，等比例放大“涟漪”。在舞台上选中“涟漪”，在属性面板上设置其 Alpha 值为 0。 在“涟漪”图层的 15 30 任意帧上右击，选

19、择“创建传统补间”。 保存文件，按“Ctrl + Enter”测试影片。,十二、Flash 动画其它类型,路径动画：添加运动引导层 遮罩动画：设置遮罩层 脚本动画：添加 ActionScript 语言,1. 路径动画,制作路径动画的步骤： （1）制作一个“传统补间”动画 （2）添加“传统运动引导层” （3）绘制路径 （4）对齐路径 （5）调整到路径 实例 （1）沿曲线运动的小球 （2）飞舞的蝴蝶 （3）月球绕地球运动,（1）沿曲线运动的小球,新建文件，设置舞台属性。 在第 1 帧的舞台上绘制一个小球，并放置在舞台左边。 选中小球，按键盘上的 F8 ，将其转为图形元件。 在第 30 帧插入关键帧

20、， 在 1 30 任意帧上右击，选择“创建传统补间”。 在“图层 1”上右击，选择“添加传统运动引导层”。然后用“铅笔”工具的“平滑模式”绘制路径。 选中图层 1，分别将第 1 帧和第 30 帧舞台上的小球对齐到路径两端。 保存文件，按“Ctrl + Enter”测试影片。,（2）飞舞的蝴蝶,新建文件，设置舞台属性，帧速率为 12。 选择菜单“文件导入导入到库”，将图片“蝴蝶.gif”导入到库。注意，此时库里的“蝴蝶.gif（相当于位图 1）、位图 2、位图 3”等都是静态图片，只有影片剪辑“元件1”是动态的蝴蝶。 在第 1 帧，从“库”中将“元件1”拖到舞台上，并放置在舞台左边。 在第 80

21、 帧插入关键帧。 在 1 80 任意帧上右击，选择“创建传统补间”。 在“图层 1”上右击，选择“添加传统运动引导层”。然后用“铅笔”工具的“平滑模式”绘制路径。 选中图层 1，分别将第 1 帧和第 80 帧舞台上的蝴蝶对齐到路径两端。 选中 180 任意一帧，在属性面板上勾选“调整到路径”。 保存文件，按“Ctrl + Enter”测试影片。,（3）月球绕地球运动,新建文件，设置舞台属性。 将图层 1 命名为“地球”。在该图层第 1 帧的舞台上绘制一个蓝色圆形作为地球，并放置在舞台中心。在第 60 帧插入帧。 将图层 2 命名为“月亮”。在该图层第 1 帧的舞台上绘制一个黄色圆形作为月亮。选

22、中黄色圆形，按键盘上的 F8 ，将其转为图形元件。在第 60 帧插入关键帧。 在“月亮”图层的 1 60 任意帧上右击，选择“创建传统补间”。 在“月亮”图层上右击，选择“添加传统运动引导层”。用“椭圆”工具绘制圆形路径。然后用“橡皮”工具在圆形路径上擦出一个开口。 选中“月亮”图层，分别将第 1 帧和第 60 帧舞台上的黄色圆形对齐到路径两端。 保存文件，按“Ctrl + Enter”测试影片。,2. 遮罩动画,遮罩的概念 “遮罩层”用于遮挡“被遮罩层” 遮罩层上的内容就像一个“洞”把“被遮罩层”显示出来 实例 （1）五彩文字 （2）探照灯,（1）五彩文字,新建文件，设置舞台属性。 选择菜单“窗口颜色”，在颜色面板上设置“笔触”为“无”。“填充”类型为“线性渐变”，颜色如图： 在图层 1 第 1 帧的舞台上绘制一个矩形，放置在舞台中央，宽度大约为四分之三个舞台。 新建图层 2。在图层 2 第 1 帧的舞台