最简单实用的Flash教程.ppt

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