《最简单实用的Flash教程.pptx》由会员分享，可在线阅读，更多相关《最简单实用的Flash教程.pptx（55页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、一、动画简介动画原理人眼具有“视觉残留”特性，当一系列静止的画面以一定的速率连续播放时，就会形成运动的视觉效果。帧与帧速率动画中播放的每一幅画面称为一帧，每秒钟播放的帧数称为帧速率。帧速率达到每秒 10 帧以上，产生运动感。帧速率达到每秒 15 帧以上，运动画面平滑流畅。电影的帧速率为每秒 24 帧。第1页/共55页一、动画简介常用的动画制作软件二维平面动画GIF AnimatorFlash三维立体动画3D Studio MAXMayaSoftimage 3D第2页/共55页二、Flash 软件安装与环境设置Flash 软件安装解压、绿化创建桌面快捷方式Flash 文件及打开方式 fla Fl
2、ash 源文件，使用 Flash.exe 打开 swf Flash 动画文件，使用 FlashPlayer.exe 打开第3页/共55页三、Flash 软件界面菜单栏舞台时间轴属性面板库面板工具箱第4页/共55页时间轴三、Flash 软件界面帧数率帧数率运行时间运行时间第5页/共55页三、Flash 软件界面属性面板：根据所选择的内容不同，属性面板发生变化文档属性散件属性元件属性帧属性工具属性第6页/共55页三、Flash 软件界面工具箱“绘图绘图”部分部分“选取选取”部分部分“填充填充”部分部分“查看查看”部分部分“颜色颜色”部分部分“选项选项”部分部分第7页/共55页练习：绘制椭圆选择“椭
3、圆工具”在“属性面板”上设置“椭圆工具”的属性：填充，笔触，起始结束角度，内径按住 Shift 键，绘制正圆用“选择工具”双击选中椭圆，在“属性面板”上修改“椭圆形 状”的属性：位置和大小，填充和笔触第8页/共55页练习：绘制多边形与星形1.使用“多角星形工具”绘制 5 边形2.使用“多角星形工具”绘制 5 角幸运星第9页/共55页四、散件散件（形状）选中后呈现点状纹理可以部分选择用“选择工具”选择形状的填充用“选择工具”选择形状的笔触用“选择工具”或“套索工具”选择形状的一部分可以任意变形未选中形状时，光标接近形状的角点 ，可以改变角点的位置未选中形状时，光标接近形状的线条 ，可以改变线条的
4、形状同一图层中，互连的形状会融合。第10页/共55页五、元件元件的类型图形元件影片剪辑元件按钮元件创建元件的方法方法一：新建元件（Ctrl+F8）方法二：转换为元件（F8）第11页/共55页五、元件元件的特点选中后被蓝框包围不可以部分选择即使在同一图层中，也不相互融合第12页/共55页六、库面板库是存放元件、图片、声音、视频等元素的地方库中的资源可以重复使用第13页/共55页七、元件的实例元件存放在库里，将元件从库拖到舞台上，产生元件的一个“实例”。元件的属性位置和大小色彩效果：亮度、色调、Alpha第14页/共55页七、元件的实例元件与实例的关系实例依赖于元件而存在修改元件，会更新所有实例删
5、除元件，实例也会被删除实例可以有独特个性修改一个实例的大小、亮度、色调或透明度，不会影响元件和其他实例第15页/共55页八、编辑元件编辑元件方法1：在舞台上双击实例，进入“元件编辑界面”方法2：在库面板中双击元件，进入“元件编辑界面”返回场景单击这里单击这里第16页/共55页九、帧帧的类型空白关键帧 ：无内容的关键帧，可以编辑。关键帧 ：有内容的关键帧，可以编辑。普通帧 ：内容由 Flash 根据前一关键帧自动生成，不 可以编辑。补间帧 ：内容由 Flash 根据开始关键帧和结束关键帧 自动生成，不可以编辑。第17页/共55页九、帧帧操作在帧上右击，在菜单中选择相应的操作F6，插入关键帧（复制
6、前一关键帧的图像）F7，插入空白关键帧F5，插入帧按住【Shift】，可以选择连续的多个帧选中帧，光标尾部带有方框 ，通过拖拽移动帧的位置第18页/共55页九、帧的属性标签补间缓动0 均速运动正值 减速运动负值 加速运动旋转顺时针逆时针声音第19页/共55页十、图层锁定或解除锁定图层锁定或解除锁定图层将图层显示为轮廓将图层显示为轮廓显示或隐藏图层显示或隐藏图层新建图层新建图层删除图层删除图层新建文件夹新建文件夹图层：像透明的玻璃，用于管理多个形状和动画第20页/共55页十一、Flash动画基本类型逐帧动画：每一帧都是设计师绘制的关键帧。补间动画：设计师只绘制首、尾关键帧，两个关键帧之间的插补帧
7、由 Flash 自动运算生成。补间形状：适用于散件补间动作：适用于元件的实例第21页/共55页十一、Flash 基本动画类型第22页/共55页1.逐帧动画逐帧动画：每一帧都是关键帧。实例：（1）奔跑的小人（2）打字效果第23页/共55页（1）奔跑的小人设置舞台属性，大小为 200*250，帧速率为 12。选择菜单“文件导入导入到库”，将 5 张小人图片导入到库。在第 1 帧，从“库”中将 01.gif 图片拖到舞台上。在第 2 帧插入空白关键帧，从“库”中将 02.gif 图片拖到舞台上。在第 3 帧插入空白关键帧，从“库”中将 03.gif 图片拖到舞台上。在第 4 帧插入空白关键帧，从“库
8、”中将 04.gif 图片拖到舞台上。在第 5 帧插入空白关键帧，从“库”中将 05.gif 图片拖到舞台上。保存文件，按“Ctrl+Enter”测试影片。第24页/共55页（2）打字效果设置舞台属性，大小为 400*200，颜色为深蓝。在第 5 帧插入空白关键帧。选用“文本工具”，在属性面板上设置字体“黑体”，样式“Bold”，大小“80点”，颜色“白”。在舞台上输入文本“世界地理”。选中文本，按键盘上的“Ctrl+B”，将其打散为 4 个文本。在第 10 帧插入关键帧。在第 15 帧插入关键帧。在第 20 帧插入关键帧。在第 25 帧插入帧。在第 5 帧删除后 3 个文本。在第 10 帧删
9、除后 2 个文本。在第 15 帧删除后 1 个文本。保存文件，按“Ctrl+Enter”测试影片。第25页/共55页2.形状补间动画形状补间：用于“形状”的变换实例：（1）“圆形”变“矩形”（2）变形文字“ABC”（3）变形图片“鱼”第26页/共55页（1）圆形变矩形设置舞台属性，大小为 400*300，颜色为深蓝。在第 1 帧的舞台上绘制一个圆形（注意，这时第 1 帧由空白关键帧转换为关键帧）。在第 5 帧插入关键帧（注意，第 5 帧的图像是对第 1 帧图像的复制）。在第 20 帧插入空白关键帧，在舞台上绘制一个矩形。在第 25 帧插入帧。在 5 20 任意帧上右击，选择“创建补间形状”。保
10、存文件，按“Ctrl+Enter”测试影片。第27页/共55页（2）变形文字设置舞台属性，大小为 300*300，颜色为深蓝。选用“文本工具”，在属性面板上设置字体“Arial”，样式“Bold”，大小“200点”，颜色“黄”。在第 1 帧的舞台上输入文本“A”。在第 5 帧插入关键帧。在第 20 帧插入关键帧，将文本改为“B”。在第 25 帧插入关键帧。在第 40 帧插入关键帧，将文本改为“C”。在第 45 帧插入关键帧。在第 60 帧插入关键帧，将文本改为“A”。在每个关键帧的舞台上选中文字，按“Ctrl+B”将其打散。在 525，2540，4560 帧上“创建补间形状”。保存文件，按“C
11、trl+Enter”测试影片。第28页/共55页（3）变形图片设置舞台属性。选择菜单“文件导入导入到库”，将图片“鱼”导入到库。在第 1 帧，从“库”中将图片“鱼”拖到舞台上。选择“任意变形工具”，按住Shift键，等比例调整图片的大小。选中图片“鱼”，按“Ctrl+B”将其打散。在第 10 帧插入关键帧。在第 30 帧插入空白关键帧，输入文本“鱼”。选中文本“鱼”，按“Ctrl+B”将其打散。在第 40 帧插入帧。在 1030 帧上“创建补间形状”。保存文件，按“Ctrl+Enter”测试影片。第29页/共55页3.动作补间动画动作补间：用于“实例”的变换实例（1）沿直线运动的小球（2）时隐
12、时现的小球（3）心动（4）星星旋转（5）旋转并移动的矩形（6）弹跳的小球（7）水滴第30页/共55页（1）沿直线运动的小球设置舞台属性，大小为 600*200，颜色为浅蓝。在第 1 帧的舞台上绘制一个小球（笔触颜色为无、填充颜色为放射状渐变），将小球置于舞台左边。选中小球，按键盘上的 F8，将其转为图形元件。在第 24 帧插入关键帧。在第 24 帧的舞台上，按住 Shift 键，水平向右移动小球。在 124 任意帧上右击，选择“创建传统补间”。保存文件，按“Ctrl+Enter”测试影片。第31页/共55页（2）时隐时现的小球设置舞台属性，大小为 600*200，颜色为浅蓝。在第 1 帧的舞台
13、上绘制一个小球，将小球置于舞台左边。选中小球，按键盘上的 F8，将其转为图形元件。在第 15 帧插入关键帧，按住 Shift 键将小球移动到舞台中央。在第 30 帧插入关键帧，按住 Shift 键将小球移动到舞台右边。选中第 15 帧，在舞台上选中小球元件，在属性面板上设 置“色彩效果样式Alpha”值为 0。在 115 任意帧上右击，选择“创建传统补间”。在 1530 任意帧上右击，选择“创建传统补间”。保存文件，按“Ctrl+Enter”测试影片。第32页/共55页（3）心动新建文件，设置舞台属性。选择菜单“视图网格显示网络”。选择菜单“视图网格编辑网络”，设置如图：选择菜单“视图标尺”。
14、然后从标尺中拖出 辅助线，如图：6格格6格格4格格7格格第33页/共55页（3）心动选择“钢笔工具”，在“属性面板”上设置“笔触”颜色为黑色，“笔触”宽度为“1”，在第 1 帧的舞台上绘制一个心形。绘制完成后，切换到“选择工具”。选择“窗口颜色”菜单命令，在颜色面板上设置“填充”类型和颜色，如图：第34页/共55页使用“颜料桶工具”，填充心形。注意：如果不能填充，请设置颜料桶工具的“空隙大小”选项为“封闭大空隙”。（3）心动第35页/共55页删除心形的笔触。选中心形，按键盘上的 F8，将其转为图形元件。使用“任意变形工具”，按住 Shift 键，将心形等比例缩小。在第 15 帧插入关键帧。在第
15、 30 帧插入关键帧。在第 15 帧，使用“任意变形工具”，按住 Shift 键，将心形等比例放大，并旋转一定的角度。在 115 任意帧上右击，选择“创建传统补间”。在 1530 任意帧上右击，选择“创建传统补间”。保存文件，按“Ctrl+Enter”测试影片。（3）心动第36页/共55页（4）星星旋转设置舞台属性，大小为 300*300，颜色为深蓝。在第 1 帧的舞台上绘制一个星形。选中星形，按 键盘上的 F8，将其转为图形元件。在第 24 帧插入关键帧。在 124 任意帧上右击，选择“创建传统补间”。选中 124 任意一帧，在属性面板上设 置“旋转值”为“顺时针”。保存文件，按“Ctrl+
16、Enter”测试影片。第37页/共55页（5）矩形旋转并移动设置舞台属性，大小为 600*200，颜色为浅蓝。在第 1 帧的舞台上绘制一个矩形，将矩形置于舞台左边。选中矩形，按键盘上的 F8，将其转为图形元件。在第 24 帧插入关键帧，按住 Shift 键将矩形移动到舞台右边。在 124 任意帧上右击，选择“创建传统补间”。选中 124 任意一帧，在属性面板上设 置“旋转值”为“顺时针”。保存文件，按“Ctrl+Enter”测试影片。第38页/共55页（6）球体弹跳设置舞台属性，大小为 200*600，颜色为浅蓝。在第 1 帧的舞台上绘制一个小球，将小球置于舞台顶部。选中小球，按 键盘上的 F
17、8，将其转为图形元件。在第 15 帧插入关键帧。在第 30 帧插入关键帧。选中第 15 帧，按住 Shift 键将小球移动到舞台底部。在 115 任意帧上右击，选择“创建传统补间”，在属性面板上设置缓动值为“-100（加速运动）”。在 1530 任意帧上右击，选择“创建传统补间”，在属性面板上设置缓动值为“100（减速运动）”。第39页/共55页（7）水滴设置舞台属性，大小为 500*500，颜色为深蓝。将第 1 图层命名为“水滴”。在第 1 帧的舞台上使用“钢笔工具”绘制一个水滴。选择菜单“窗口颜色”，在颜色面板上设置“填充”类型和颜色，如图：第40页/共55页（7）水滴使用“颜料桶工具”，
18、填充水滴。删除水滴的笔触。选中水滴，按键盘上的 F8，将其转为图形元件。使用“任意变形工具”，按住 Shift 键，等比例调整水滴大小。在第 15 帧插入关键帧，按住 Shift 键将水滴移动到舞台下方。在 115 任意帧上右击，选择“创建传统补间”，在属性面板上设置缓动值为“-100”。新建第 2 图层，将第 2 图层命名为“涟漪”。在第 15 帧插入关键帧，使用“椭圆工具”绘制涟漪（白边空心椭圆）。选中涟漪，按键盘上的 F8，将其转为图形元件。第41页/共55页（7）水滴将“涟漪”图层调整到“水滴”图层的下方。在“涟漪”图层的第 30 帧插入关键帧。使用“任意变形工具”，按住 Shift
19、键，等比例放大“涟漪”。在舞台上选中“涟漪”，在属性面板上设置其 Alpha 值为 0。在“涟漪”图层的 15 30 任意帧上右击，选择“创建传统补间”。保存文件，按“Ctrl+Enter”测试影片。第42页/共55页十二、Flash 动画其它类型路径动画：添加运动引导层遮罩动画：设置遮罩层脚本动画：添加 ActionScript 语言第43页/共55页1.路径动画制作路径动画的步骤：（1）制作一个“传统补间”动画（2）添加“传统运动引导层”（3）绘制路径（4）对齐路径（5）调整到路径实例（1）沿曲线运动的小球（2）飞舞的蝴蝶（3）月球绕地球运动 第44页/共55页（1）沿曲线运动的小球新建文
20、件，设置舞台属性。在第 1 帧的舞台上绘制一个小球，并放置在舞台左边。选中小球，按键盘上的 F8，将其转为图形元件。在第 30 帧插入关键帧，在 1 30 任意帧上右击，选择“创建传统补间”。在“图层 1”上右击，选择“添加传统运动引导层”。然后用“铅笔”工具的“平滑模式”绘制路径。选中图层 1，分别将第 1 帧和第 30 帧舞台上的小球对齐到路径两端。保存文件，按“Ctrl+Enter”测试影片。第45页/共55页（2）飞舞的蝴蝶新建文件，设置舞台属性，帧速率为 12。选择菜单“文件导入导入到库”，将图片“蝴蝶.gif”导入到库。注意，此时库里的“蝴蝶.gif（相当于位图 1）、位图 2、位
21、图 3”等都是静态图片，只有影片剪辑“元件1”是动态的蝴蝶。在第 1 帧，从“库”中将“元件1”拖到舞台上，并放置在舞台左边。在第 80 帧插入关键帧。在 1 80 任意帧上右击，选择“创建传统补间”。在“图层 1”上右击，选择“添加传统运动引导层”。然后用“铅笔”工具的“平滑模式”绘制路径。选中图层 1，分别将第 1 帧和第 80 帧舞台上的蝴蝶对齐到路径两端。选中 180 任意一帧，在属性面板上勾选“调整到路径”。保存文件，按“Ctrl+Enter”测试影片。第46页/共55页（3）月球绕地球运动 新建文件，设置舞台属性。将图层 1 命名为“地球”。在该图层第 1 帧的舞台上绘制一个蓝色圆
22、形作为地球，并放置在舞台中心。在第 60 帧插入帧。将图层 2 命名为“月亮”。在该图层第 1 帧的舞台上绘制一个黄色圆形作为月亮。选中黄色圆形，按键盘上的 F8，将其转为图形元件。在第 60 帧插入关键帧。在“月亮”图层的 1 60 任意帧上右击，选择“创建传统补间”。在“月亮”图层上右击，选择“添加传统运动引导层”。用“椭圆”工具绘制圆形路径。然后用“橡皮”工具在圆形路径上擦出一个开口。选中“月亮”图层，分别将第 1 帧和第 60 帧舞台上的黄色圆形对齐到路径两端。保存文件，按“Ctrl+Enter”测试影片。第47页/共55页2.遮罩动画遮罩的概念“遮罩层”用于遮挡“被遮罩层”遮罩层上的
23、内容就像一个“洞”把“被遮罩层”显示出来实例（1）五彩文字（2）探照灯第48页/共55页（1）五彩文字新建文件，设置舞台属性。选择菜单“窗口颜色”，在颜色面板上设置“笔触”为“无”。“填充”类型为“线性渐变”，颜色如图：在图层 1 第 1 帧的舞台上绘制一个矩形，放置在舞台中央，宽度大约为四分之三个舞台。新建图层 2。在图层 2 第 1 帧的舞台上用文本工具输入“五彩池”，文本字体为“华文琥珀”，“五彩池”文本宽度要正好等于矩形宽度。在图层 1 第 1 帧的舞台上复制一个矩形，将新矩形放置在原矩形的左侧。按 Shift 键同时选中两个矩形，按 Ctrl+G 将它们组合。在图层 1 的第 60
24、帧插入关键帧，将组合矩形水平移动到舞台右侧，其左侧与文本“五彩池”的左侧对齐。创建传统补间。在图层 2 的第 60 帧插入帧。在图层 2 上右击，选择“遮罩层”。第49页/共55页（2）探照灯新建文件，设置舞台属性。在图层 1 第 1 帧的舞台上绘制一个深蓝色矩形，覆盖整个舞台。用文本工具输入“Dream”，文本颜色为深棕色。在第 60 帧插入帧。新建图层 2。在图层 2 第 1 帧的舞台上绘制一个灰白色矩形，覆盖整个舞台。单击图层 2 的眼睛图标，隐藏图层 2。用“选择工具”选中图层 1 舞台上的文本对象，右击选择“复制”。单击图层 2 的眼睛图标，显示图层 2。在图层 2 第 1 帧的舞台
25、上右击，选择“粘帖”。用文本工具选中“Dream”，在属性面板上将文本颜色为桔黄色。在第 60 帧插入帧。第50页/共55页（2）探照灯新建图层 3。在图层 3 第 1 帧的舞台上绘制一个红色圆形，并将红色圆形放置在舞台左边。选中红色圆形，按键盘上的 F8，将其转为图形元件。在图层 3 的第 60 帧插入关键帧，按住 Shift 键将红色圆形移动到舞台右边。在图层 3 的 160 任意帧上右击，选择“创建传统补间”。在“图层 3”上右击，选择“遮罩层”。保存文件，按“Ctrl+Enter”测试影片。第51页/共55页按钮元件十三、按钮第52页/共55页公用库十三、按钮第53页/共55页按钮动作十三、按钮on(press)gotoAndPlay(1);第54页/共55页感谢您的观看！第55页/共55页