flash动画制作步骤Word文档格式.docx

1、,如图所示；在【变形】面板中设置第 40帧图形为“ 1 0 0% ，在属性面板中设置【颜色】为“ a 1 pha”值为“ 70%;在第1帧与 第4 0帧之间添加【补间动画】；至此动画设置如图所示图banner条动画效果三知识梳理知识结构如图所示。图知识结构图1 F 1 as h工作界面打开一个F 1 ash文档进入其工作界面，它包括标题栏、菜单栏、工具箱、时间轴、舞台、 属性面板与面板区，如图所示。图 Fl ash工作界面（1 ）标题栏每一个应用程序窗口文档得最上方都会有一个标题栏，显示当前文档得名称。（2）菜单栏Fl a sh菜单栏共包含11菜单项，每个菜单项有包含若干操作项，具体如图所示。

2、新8,.,CArl+lI打开CtrL+O从站点打齐边打开杲近的文件（X）关闭Ctrl+tt全部关闭Ctrl+Alt+tt保存g）C-trl+S保存并压镐册另存为Ctrl+Shift-另存为根扳Q）. 全部保存辱人0导出莹布设置.CtrL+Shift-ffU垸布预览我布1ShiEt+FL2设备设置-页面谟宣（J）.-C-trL+P扁缉站点（）.退出（8Ctrl+q图 文件菜单.t：i-z I重做Ctrl+rWto Q）Ctrl+X复制电）Ctrl+C粘阳到中对位這匚trl+V牯貼到当前位冒（E）Ctrl+Eki fHV选捋生粘贴Eacspace：直接复判Ctrl+D全选Ctrl+A取消全选d）C

3、trHSkift+A香找和替换（Z）Ctrl+F叠找下一于F3时间铀如卜備需元件理Ctrl+E褊辑阴诜项目ft）在当前位直骗辑暹）全部编扬述首选参数Ctrl+U且走鬼工具面檢字 WW 快）-图编辑菜单转到鱼）放大 编小W 缩啟比率扯）Ctrl+=Ctrl*-k预览複式E）7工祚区Ctrl+Shifm标尺Ctrl+Alt+Shi ft+ft网格Q）胖助蛭电）贴紧翅陆橄边嫌（JDCtrL+H显示鬼状1示（A） 显乎T al卿问Q）CLeL+Alt+J文档辺Ctrl+J转换対元件（L）.T3分离墮）Clrl+B恼图盘）元件我伏疋）鲁井对躱时间轴迪）时间轴将效电）变璀2）排列直）CLrl+G取消组合C

4、trl4Shi ft+（J图视图菜单图插入菜单图文本菜单图修改菜单图命令菜单后退龜）CtrL+Jdt+B转雲龄尾耀）俞进一轅（!）后返一帧0）测试影片址）C trl+lataF调试靠片Q）Ctrl+Shi t+Enter测试磅Ctrl+Alt+ZntfrT测网目（!Ctrl+JJLt+T删除ASO文件他删除ASO文件和液皿影片d）循环播放Q）播放斷有场亘（D启用简单帧动作G）Ctrl+Alt+T启用體单花钮（DCtrl+Mt+J7启用动态预梵址）静音Ci,Fl+AXt+f1工能 7时间轴 工具ty屠性 库q公用库匹）Ctrl*Al+TCWF2Cti-1+LF9行为Shift* T3调试器Shi

5、t+F4襁片酿器A11.+F3f2项目（J）shit+re对齐Ctrl+K混色器00shifttraCtrl+F9CtrlI变形Ctrl+T緬牛Ctrl+TT蛆件检查蹈Al 讨 FT亘它面板工作区布局辺隐藏面穆（F4平锚卫时1耒命名一2直按复制窗口 1 Crl+Al+K图 测试菜单 图 窗口菜单2 Flash工具箱工具箱位于窗口得左侧，用户可以随意拖动到合适得位置。它提供了 F lash常用得各种工具。选择工具选择工具就是最常用得工具之一。使用它不仅可以选择对象 ，还可以移动对象选中选择工具后，在舞台中单击鼠标左键并拖动鼠标即可选择图形 ，如图所示。图选择工具部分选择工具部分选择工具就是修改与

6、调整路径时经常使用得工具 ，它可以通过选择对象得锚点实现编辑、移动与变形。单击部分选择工具按钮，然后单击舞台中图形得轮廓线 ，就会出现很多控制点，如图所示.鼠标移动到控制点上变成形状时，单击可以移动控制点；鼠标移动到2个控制点之间时变成形 状，单击可以拖动图像。图部分选择工具任意变形工具任意变形工具主要就是对选中得对象进行旋转、扭曲与缩放。套索工具 套索工具主要就是对对象局部进行选区 它分成魔术棒与多边形模式。铅笔工具 它用来绘制任意形状得线条与图形。单击铅笔按钮会在选项区域出现铅笔模式选择：伸直、 平滑与墨水3个选项，如图所示。图铅笔模式【伸直】模式可以在绘制过程中将线条自动伸直 ，使其尽量

7、直线化，简单得说伸直模式可以画出平直得线条，并可将近似于三角形、椭圆、矩形与正方形得图形转换为标准得几何图形 【平滑】模式可以在绘制过程中将线条自动平滑 ，使其尽可能成为有弧度得曲线 ，简单得说平滑模式可画出平滑得曲线。【墨水】模式则就是在绘制过程中保持线条得原始状态，即墨水模式可随意画线除此之外，通过属性面板可以对铅笔工具进行笔触颜色、 笔触高度（线宽）与笔触样式（线形）或者自定义笔触样式设置，如图所示图铅笔属性面板钢笔工具使用钢笔工具可以绘制出直线或者平滑流动得曲线 ，在绘制过程中可以通过调整路径节点或节点控制手柄来绘制出复杂得线段或图形。单击钢笔工具，在舞台上单击一点，然后在另一边单击一

8、点，则可以画出一条直线，如图所示。 如果单击另一点得同时拖动鼠标则可以绘制一条曲线，如图所示 .图直线 图曲线【添加锚点】工具：选择该工具单击现有路径，可添加一个锚点 【删除锚点】工具：选择该工具单击现有路径上得一个锚点，则删除该锚点。【转换锚点】工具：选择该工具单击现有路径上得一个锚点， 将其转换为带有独立方向线得转角点。橡皮擦工具橡皮擦工具有两种模式：一种就是水龙头 ，一种就是橡皮擦选择【水龙头工具】，单击您需要擦除得填充区域或笔触段 ，可以快速将其擦除。如果您只擦除一部分笔触或填充区域，就得通过拖动进行擦除橡皮擦提供了 5种擦除模式：【标准擦除】：擦除同一层上得笔触与填充。【擦除填色】：

9、只擦除填充，不影响笔触。【擦除线条】：只擦除笔触，不影响填充。【擦除所选填充】：只擦除当前选定得填充，并不影响笔触（不管笔触就是否被选中）以这 种模式使用橡皮擦工具之前，请选择您要擦除得填充。【内部擦除】：只擦除橡皮擦笔触开始处得填充。如果从空白点开始擦除，则不会擦除任何内容以这种模式使用橡皮擦并不影响笔触。3 F las h元件Flash中得元件有图形元件、按钮元件与影片剪辑元件3种图形元件就是可以重复使用得静态图像 ，它就是作为一个基本图形来使用得 ，一般就是静止得一副图画，每个图形元件占 1帧。例如创建一个星星图形元件。步骤1新建一个F I a s h文档，单击【插入】菜单|【新建元件】

10、命令，在弹出得对话框中输 入“星星”，类型选择“图形”。图创建元件对话框步骤2单击确定按钮后进入星星图形元件得编辑界面。 选择工具栏中得多变形工具 ，在属性面板中设置笔触为“无，填充为“线性白黑渐变”；单击【选项】按钮，设置样式为“星形”、 边数“ 8”、星形顶点大小“ 0、01，如图所示.图工具设置步骤3在界面中单击鼠标左键拖动，即可画出一个星星图形，如图所示。图星星图形按钮元件实际上就是一个只有 4帧得影片剪辑，但它得时间轴不能播放，只就是根据鼠标指针得动作做出简单得响应，并转到相应得帧，通过给舞台上得按钮添加动作语句 而实现fla sh影片强大得交互性。例如创建一个椭圆形按钮元件。步骤1

11、新建一个Fl a sh文档，单击【插入】菜单丨【新建元件】命令，在弹出得对话框中 输入“椭圆形”，类型选择“按钮”。步骤2单击确定按钮，进入“椭圆形 ”按钮元件编辑界面，它有 4个状态，如图所示。图按钮编辑界面步骤3在【弹起】状态，选择工具栏中得椭圆工具按钮，设置属性面板笔触为“无” ，填充为“ # 009 9 0 0 ”，单击鼠标左键在界面中拖动,即可画出一个椭圆形按钮得形状 ,如图所示.图【弹起】状态步骤4在【鼠标经过】状态，添加一个关键帧。选中椭圆形，在属性面板中设置填充颜色为“ # 3 3 CC33 ”，同理在【按下】与【单击】状态也可以改变椭圆形得颜色。步骤5将库中得按钮拖动到场景得

12、舞台中，设置舞台大小与按钮一致 ，使用【对齐】面板设置按钮得位置为水平居中、垂直居中，预览效果如下。步骤6选择舞台中得按钮，在属性面板中选择【滤镜】，单击按钮可以添加一种滤镜效果, 单击按钮可以删除一种已经添加得滤镜效果，如图所示。图滤镜效果设置影片剪辑元件可以理解为电影中得小电影 ，可以完全独立于场景时间轴，并且可以重复播放。影片剪辑就是一小段动画， 用在需要有动作得物体上， 它在主场景得时间轴上只占1帧，就可以包含所需要得动画，影片剪辑就就是动画中得动画 “影片剪辑 ”必须要进入影片测试里才能观瞧得到 例如创建一个3s得星空星星闪烁得效果步骤1新建一个Flash文档,首先创建一个星星图形,

13、如图所示.步骤2新建一个影片剪辑动画 “闪烁得星星”。选中图层1得第一帧， 将星星图形从库中拖到影片得编辑界面，然后单击图层1得第3 6中添加一个关键帧，修改星星图形得颜色为“ AL P HA” ,值为“ 20%然后在图层1得第1到第3 6帧之间添加补间动画；效果如图所示， 这样一个星星得颜色由深到浅得影片剪辑动画就创建好了。图星星闪烁影片剪辑步骤3将影片剪辑拖动到场景 1得舞台中，运行就可以瞧到效果了。为了更好得模拟星空 得效果，可以多做几个不同效果得星星闪烁得影片剪辑。4 Flas h动画F l ash动画归纳起来包括逐帧动画、补间动画、遮罩动画与引导层动画 4类.（1）逐帧动画在时间帧上

14、逐帧绘制帧内容称为逐帧动画， 由于就是一帧一帧得画， 所以逐帧动画具有非常大得灵活性，几乎可以表现任何想表现得内容。常用得几种创建逐帧动画得方法：方法1:用导入得静态图片建立逐帧动画，用 j p g、pn g等格式得静态图片连续导入 F 1as h中,就会建立一段逐帧动画。方法2：绘制矢量逐帧动画，用鼠标或压感笔在场景中一帧帧得画出帧内容。方法3:文字逐帧动画，用文字作帧中得元件，实现文字跳跃、旋转等特效。方法4:导入序列图像，可以导入 g i f序列图像、swf动画文件产生得动画序列。例如创建一个文字逐帧动画。步骤1新建一个Flash文档，命名为“文字逐帧动画、 f 1 a,设置【属性】面板

15、中得文档大小属性为宽8 00像素、高150像素，如图所示。标题:描述助设为秋认值凹 确走 取消 步骤2选择【文件】丨【导入】丨【导入到库】菜单选项 ，在打开得对话框中选择需要导入得素材文件，单击【确定】按钮 ，此时素材导入到库中，如图所示。：i 库-耒命料-g文字選桢制画“曰 v农石t）jo fir图库步骤3将“ Bei ji ng、jpg拖动到舞台中，调整其大小使其覆盖整个舞台。步骤4 单击【时间轴】面板下方得添加新图层按钮，添加【图层2】 。步骤5鼠标单击【图层2】得第一帧，然后选择工具箱中得 【文本】按钮,在打开得【属性】 面板中，设置【字体】为“华文楷体 ”，【字体大小】为“ 70”，

16、【字体颜色】为“ #0 0 9900”。 步骤6在舞台中输入“森兴送您大自然”这 7个文字。步骤7选中文字，选择【修改】丨【分离】命令 ，文字被打散。效果如图所示 步骤8选择图层1得第35帧，插入一个普通帧。按住【CTU键,选中【图层2】得第1帧、 第5帧、第10帧、第1 5帧、第2 0帧、第25帧、第3 0帧、第35帧，插入一个关键帧 如图所示.图添加关键帧步骤9选择【图层2】得第1帧，按下【Del e t e】键删除所有得文字.步骤10选择【图层2】得第5帧,删除“兴送您大自然”这 6个字。步骤11选择【图层2】得第10帧，删除“送您大自然”这5个字。步骤1 2同理设置【图层2】得第15帧

17、、第20帧、第25帧、第30帧、第35帧上得文字。 步骤13选择【控制】菜单丨【测试影片】命令，效果如图所示。图文字逐帧动画补间动画F 1 ash中在两个关键帧中间要做“补间动画” ，才能实现图画得运动，插入补间动画后两个关键帧之间得插补帧由计算机自动运算生成；补间动画分成两类：一类就是形 状补间，用于形状得动画 ；另一类就是动作补间用于图形及元件得动画形状补间动画形状补间动画就是在F1 as h得时间帧面板上，在一个关键帧上绘制一个形状 ，然后得值或形状来创建得动画，它可以实现两个图形之间颜色、形状、大小、位置得相互变化.形状补间动画建立后 ，时间帧面板得背景色变为淡绿色， 在起始帧与结束帧

18、之间也有一个长长得箭头；构成形状补间动画得元素多为用工具栏工具绘制出得形状，而 不能就是图形元件、按钮、文字等 , 如果要使用图形元件、按钮、文字，则必先打散（Ctrl +B）后才可以做形状补间动画例如创建一个形状补间动画 , 一个圆逐渐变成一个字。步骤1新建一个Fl ash文档，命名为形状补间、 fla.步骤 2 单击【图层 1 】得第 1 帧；选择工具箱中得【圆形】工具按钮，在【属性】面板中设置【笔触】为“无” 、【填充】为“红色 ”；在舞台中画一个宽 90、5得一个圆，修改其相对舞台得对齐方式为“水平居中、垂直居中” 。步骤3单击【图层1】得第 2 5帧，添加一个关键帧，按下【 d e

19、le t e】删除原来得圆; 选择工具箱中得【文字】按钮，在打开得【属性】面板中，设置【字体】为“华文楷 体, 【字体大小】为“ 70” , 【字体颜色】为“红色” ；在舞台中输入一个字“变” ，修改其 相对舞台得对齐方式为“水平居中、垂直居中” 。步骤4 选中文字，然后选择【修改】菜单丨【分离】命令步骤 5 鼠标单击她【图层 1】得第 1 帧到第 25帧中得任意帧，在属性面板中设置【补间】 为“形状”。步骤6按下【CTRL +【EN TEF】，测试效果,如图所示。图 形状补间动作补间动画动作补间动画就是指在 Fl as h得时间帧面板上 ，在一个关键帧上放置一个元件，然后在另一个关键帧改变这

20、个元件得大小、颜色、位置、透明度等， Fla sh 将自动根据二者之间得帧得值创建得动画。动作补间动画建立后 , 时间帧面板得背景色变为淡紫色 , 在起始帧与结束帧之间有一个长长得箭头 ; 构成动作补间动画得元素就是元件，包括影片剪辑、图形元件、按钮、文字、位图等 , 但不能就是形状，只有把形状组合或者转换成元件后才可以做动作补间动画。 下面得遮罩动画与引导层动画中用得都就是动作补间动画 , 这里就不再举例了。（3 ）遮罩动画遮罩动画就是 Fl a sh中得一个很重要得动画类型，很多效果丰富得动画都就是通过 遮罩动画来完成得。“遮罩”主要有2种用途，一个作用就是用在整个场景或一个特定区域，使场

21、景外得 对象或特定区域外得对象不可见 ,另一个作用就是用来遮罩住某一元件得一部分，从 而实现一些特殊得效果。例如设置遮罩动画 ,在一个全黑得界面中 ,一个圆在运动 ,下面显示一个一幅风景图得部分内容。步骤1新建一个Fl ash文档，命名为“遮罩、fla ”，在【属性】面板中设置文档【背景】 为“黑色 。步骤2添加一个【图层2】，选择【文件】菜单丨【导入】丨【导入到库】命令，选择一幅 图片.步骤3从【库】中将该图片拖入舞台 ，在【对齐】面板中设置【匹配大小】为“宽度匹配、 高度匹配”。步骤4添加一个【图层3】，选择工具箱中得【圆形】工具按钮 ，在【属性】面板中设置【笔触】为“无”、【填充】为“红

22、色 ”；在舞台中画一个宽 100得圆。选中该圆，按【F8】 将该圆转换成一个图形元件。步骤5在【图层3】得第25帧、第5 0帧分别添加关键帧；分别改变第25帧、第50帧就是 圆得位置；在第1帧到第25帧与第25帧到第5 0帧之间添加【补间动画】。步骤6选中【图层3】，单击右键在弹出得菜单中选择【遮罩】 ，如图所示。B h冷州 锁定其也图层筛入国层删除閤层引导层 济抑引导层显示遽罩菇入文件来刪陽文件夹展开文件夹折靈文件夹展幵所有立件夹 折瘠所有丈件糞属性- 图设置遮罩层步骤7按【CTRL!与【E NTER】测试影片，效果如图所示。图遮罩效果（4）引导层动画在影片中将一个或多个图形链接到一个引导路

23、径 ，使这些图形沿着既定得路径运动得形式被称为引导层动画。例如设置引导层动画，一辆汽车沿着事先预定得路线行驶。步骤1新建一个F lash文档，命名为“引导层、f la”，设置文档【背景】为“绿色”步骤2添加一个【图层2】，选择【文件】菜单丨【导入】 |【导入到库】命令，选择一幅汽车图片步骤3从【库】中将该图片拖入舞台，选则汽车图像，按下【F8】转换成图形，如图所示。图添加汽车元件步骤4单击时间轴上得【图层1】右击在弹出得下拉菜单中选择 【添加引导层】，鼠标单击【引导层】得第1帧;然后单击工具箱中得铅笔按钮，在舞台中划出一条曲线，如图所示。图添加引导层步骤5选中【图层1】与【引导层】得第 40帧

24、，添加关键帧。步骤6 调整【图层1】得第1帧汽车得位置与第 40帧汽车得位置，并添加【补间动画】 可以瞧到汽车沿着曲线运动，但就是当汽车上坡与下坡时车头方向不对 ，需要在适当得位置添加关键帧，对汽车进行微调。步骤7设置完成得效果如图所示。I输_片 -s M| 鱼辰宦 1 ,M1 *IT 20 35 *D 4E 50 FS fifl BS |f=. rt4、3模块完成情况评估F 1 ash宣传动画设计应以商业化为目标 ，需要设计者与企业进行不断得沟通 ，一方面要满足企业行业需求，另一方面要满足浏览者得审美需求。设计完成后，从专业技能与职业素养方面进行考核 ，考核内容如表所示情境评价方式评价标准分值企业网站动 画得制作学生互评10 %能够小组成员互相协作、敬 业、认真完成分工任务教 师 评 价过程考核30%遵守学校得各项规章制度拥有分析冋题、解决冋题得能 力拥有独立思考意识、勇于克服 困难得素质网站宣传动 画40%作品：色彩搭配要与整个界面与谐统一宣传动画设计要有创意 设计报告：规范合理答辩20%语言表达：口齿清楚流利 仪表气质:举止大方PPT设计：内容充实、