flash动画制作教程

1、信息技术之动画制作教程Flash动画制作2内容提要内容提要三、基本概念矢量图、点阵图矢量图、点阵图，元件、库、实例、帧和关键帧、时间轴、层、对象的组合与分离二、Flash基本绘图四、Flash动画1、制作动作补间动画和形状补间动画2、制作引导层动画和遮罩动画3、声音的导入和制作影片剪辑一、Flash简介、基本操作3FlashFlash简介简介1、Flash是Micromedia公司推出的网页设计和网页动画制作动画制作软件。2、Flash支持动画、声音和交互动画、声音和交互，具有强大的多媒体编辑功能，使用Flash可以设计出引导时尚潮流的网站、动画、多媒体及互动影像。FlashFlash简介简介

2、4、可整合图形、音乐、视频等多媒体元素，并可整合图形、音乐、视频等多媒体元素，并可实现用户与动画的交互实现用户与动画的交互1 1、矢量技术、矢量技术，生成的文件容量小文件容量小，适合网络传输2 2、播放插件很小，、播放插件很小，很容易下载和安装3 3、通用性好，、通用性好，在各浏览器中都是统一的样式4FlashFlash工作界面工作界面工具箱时间轴舞台元件库面板85FlashFlash基本操作基本操作1、创建Flash文档“文件”/ “新建”-“新建文档”-“Flash文档”2、设置文档属性“修改”/ “文档”命令，在“文档属性”对话框中设置文档的大小、背景色、动画帧频率和标尺的单位64、保存

3、文档执行 “文件”/ “保存”命令，在“另存为”对话框中设置要保存文件的名称、路径Flash源文件的后缀是.fla3、在Flash中导入对象执行 “文件”/ “导入” “导入到舞台”命令，可以导入外部的图像、声音、视频等文件FlashFlash基本操作基本操作75、输出动画执行 “文件”/ “导出”/ “导出影片”命令，可以把作品输出成.swf格式的动画文件FlashFlash基本操作基本操作FlashFlash基本操作基本操作6、新建元件新建-元件（选择类型）-命名-确定元件类型元件类型作用作用可反复取出使用的图片图片，用于构建动画主时间轴上的内容，一般是只含一帧的静止图片只含一帧的静止图片

4、。按钮元件按钮元件是用于创建动画交互控制交互控制的按钮，以响应鼠标响应鼠标事件事件。影片剪辑元件影片剪辑元件是可以反复取出使用的一段小动画一段小动画，可独立于可独立于主动画播放主动画播放。111、绘制线条 线条工具绘制各种类型线段操作：在舞台按下鼠标左键拖动鼠标绘制操作：在舞台按下鼠标左键拖动鼠标绘制技巧：按下技巧：按下ShiftShift键，可绘制直线键，可绘制直线属性面板位于舞台的正下方属性面板位于舞台的正下方FlashFlash基本绘图基本绘图 钢笔工具 绘制精确的路径、直线或曲线，可调节直线的角度和长度，修改曲线的弧度 铅笔工具可随意绘制各种线条和形状，有三种模式可供选择12操作：单击

5、单击左键选择起点，选择第二个点时，按下按下鼠标左键不放不放并移动鼠标移动鼠标，调节线条的角度、长度以及幅度。操作：按下按下鼠标左键，进行图像的绘制即可。绘制线条FlashFlash基本绘图基本绘图FlashFlash基本绘图基本绘图-任务任务一、利用钢笔工具 ，绘制一个心形（或者其他你喜欢的图形）步骤：1、新建“心形”图形元件 2、选择、选择“钢笔工具钢笔工具”- -选择选择“笔触颜色笔触颜色” 3 3、单击左键选择起点单击左键选择起点 4、选择第二个点时，按下鼠标左键不放并移动鼠、选择第二个点时，按下鼠标左键不放并移动鼠 标，调节线条的角度、长度以及幅度。标，调节线条的角度、长度以及幅度。二

6、、用铅笔工具 ，绘制一个你喜欢的图形。步骤：1、新建“心形”图形元件 2 2、选择、选择“铅笔工具铅笔工具”- -选择选择“笔触颜色笔触颜色” 3 3、按下鼠标左键进行绘制即可、按下鼠标左键进行绘制即可注：技巧：按下技巧：按下ShiftShift键，可绘制直线键，可绘制直线FlashFlash基本绘图基本绘图2、绘制图形 椭圆工具绘制椭圆或圆笔触颜色笔触颜色填充颜色 透明 矩形工具 绘制矩形或正方型 多角星型工具 绘制多边型或星型13操作：选择颜色等属性后，按下按下鼠标左键不放不放，进行图像的绘制即可。技巧：按下技巧：按下ShiftShift键，可绘制正圆、正方形。键，可绘制正圆、正方形。 颜

7、料桶工具 可以为图形填充颜色填充颜色14FlashFlash基本绘图基本绘图3 3、设置图形颜色设置图形颜色 墨水瓶工具填充或改变图形的轮廓线颜色轮廓线颜色FlashFlash基本绘图基本绘图-任务任务三、用颜料桶工具 ，给已绘制“心形”填充为大红色。用墨水瓶工具 ，将边线颜色变为暗红色。（提示选择工具，对准需要填充的图形点击鼠标左键）新建多边形图形元件，绘制一个五角星和一个正圆、一个正方形。（提示利用Shift键）15Flash基本绘图编辑图形 任意变形工具 填充变形工具用于移动、旋转、缩放和变形对象用于变换具有渐变填充的效果16Flash基本绘图编辑图形 选择工具用于选中对象和改变对象的边

8、线对象和改变对象的边线 部分选择工具用于修改图形大小、形状和路径图形大小、形状和路径移动移动改变角度改变角度改变形状改变形状技巧：按下技巧：按下CtrlCtrl键，可将对象边线拖拽出角度。键，可将对象边线拖拽出角度。利用控制点利用控制点17对象的组合与分离 执行“修改修改”/“/“组合组合”命令，可以将多个对象组合为一个整 体，对这个整体进行单独的编辑。 执行“修改修改”/“/“分离分离( (取消组合）取消组合）”命令，可以将整体的图形对象打散，将打散的图作为一个可编辑的元素进行编辑技巧：复制图形对象（技巧：复制图形对象（ctrlT+c Ctrl+DctrlT+c Ctrl+D）FlashFl

9、ash基本绘图基本绘图-任务任务四、利用选择工具和部分选择工具，对绘制好的图形对象边线进行调整，使图形对象更好的完善、美观。五、综合练习利用本课所学的工具，新建元件“四叶草”，在元件中绘制三种不同颜色的四叶草、并将它们组合为一个对象。技巧技巧-变形命令的使用变形命令的使用新建“花儿元件”，将图层1命名为花朵。选用椭圆工具，将笔触设置为无，采用线性填充，颜色设置为 ，绘制出椭圆。使用油漆桶工具，从上到下拉动填充。1.新建图层2.双击文字重命名选择图层，按下鼠标左键可以拖动调整图层的上下位置3.显示或者隐藏所有图层4.锁定或解除锁定所有图层图层简单使用介绍图层简单使用介绍技巧技巧-变形命令的使用变

10、形命令的使用新建图层，命名为叶子，利用所学工具绘制出叶子。新建图层，命名为花枝，绘制花枝。使用填充变形工具 选中椭圆，将中心点放置在最下方， 点击窗口变形命令，输入参数，点击复制并应用变形按钮。综合练习综合练习运用本课所学工具，绘制如图所示的花儿和花盆椭圆工具直线工具形状调整：箭头工具（选择工具）矩形工具椭圆工具使用放射状填充18Flash基本绘图知识点小结基本绘图知识点小结1、新建Flash文档、新建元件2、绘制图形对象（直线、椭圆、矩形、铅笔、钢笔等工具）（直线、椭圆、矩形、铅笔、钢笔等工具）3 3、为图形对象填充渐变颜色、为图形对象填充渐变颜色（墨水瓶、颜料桶、滴管）（墨水瓶、颜料桶、滴

11、管）4 4、复制图形对象、复制图形对象（ctrlT+c Ctrl+DctrlT+c Ctrl+D）5 5、图形对象的变形操作、图形对象的变形操作（选择工具（选择工具 箭头工具箭头工具 、任意变形工具）、任意变形工具）6、多个图形对象的组合操作（组合Ctrl+G，分离Ctrl+shift+G）7、保存文件8、导出gif格式文件知识点：知识点：文本工具文本工具操作：1 1、输入、输入：选中文本工具，单击舞台单击舞台，出现文本输入框即可进行文字的输入2 2、属性、属性设置：在输入的状态下，选中文字，使用舞台下方选中文字，使用舞台下方的属性面板可对文字的属性进行设置（字体、颜色、大小）的属性面板可对文

12、字的属性进行设置（字体、颜色、大小）输入文字与编辑文字形状输入文字与编辑文字形状输入文字与编辑文字形状输入文字与编辑文字形状3 3、修改：、修改：输入完成后，若要对文字进行修改（1）选选中文本工具（2）移移动到文字上，当I时，单击单击鼠标左键，回到文字编辑状态，可对文字进行修改设置4 4、删除、删除：用箭头工具，选中文字，直接使用键盘“Delete”Delete”删除输入文字与编辑文字形状输入文字与编辑文字形状文本变形文本变形任意变形工具使文本变形文本分离为普通图形文本分离为普通图形（难点）（难点）“修改”/“分离”（ctrl+B）或者选中文字右键单击分离，文本分离为独立文字，再次分离，成为普

13、通矢量图形注意：进行分离操作前，必须选择箭头工具注意：进行分离操作前，必须选择箭头工具范例范例制作空心字制作空心字制作空心字方法：输入文字方法：输入文字分离文字分离文字墨水瓶添加轮廓墨水瓶添加轮廓填充设置为无填充设置为无-空心字符图形空心字符图形步骤：新建falsh文档新建“空心字”图形元件1、使用文本工具输入文字Flash，使用属性面板或“文本”菜单，设置大小颜色等2、对文字进行两次修改两次修改分离分离（选中右键单击分离）3、选择墨水瓶工具墨水瓶工具，选择笔触颜色为蓝色，在文字上单击鼠标填充线条颜色。4、选择文字，将填充颜色 设置为无5、选中文字图形，使用属性面板，可对文字的的边线大小进行修

14、改6、保存文件范例范例制作阴影字制作阴影字制作阴影文字输入文字输入文字分离文字分离文字复制文字复制文字使用柔化边缘命令使用柔化边缘命令调整图层位置调整图层位置阴影字阴影字步骤：新建falsh文档新建“阴影字”图形元件1、使用文本工具输入文字“怡福中学” ，使用属性面板或“文本”菜单，设置大小颜色等2、对文字进行两次修改两次修改分离分离（选中右键单击分离）3、新建图层，将分离后的文字复制到该图层4、对文字进行“修改修改/ /形状形状/ /柔化填充边缘柔化填充边缘”命名5、调整图层，将图层1拖放到图层2上，调整文字位置6、保存文件8了解计算机图形图像处理技术了解计算机图形图像处理技术数字化图像数据

15、在计算机中一般有存储方式存储方式特点特点位图模式位图模式采用点阵方式来记录，从图像左上角第一个点开始，到右下角最后一个点结束，记录所有像素的颜色值。该存储模该存储模式比较适合于式比较适合于内容复杂的图像和真实的内容复杂的图像和真实的照片，但照片，但图像在放图像在放大和缩小的过程中会失真，占用磁盘空间也较大。大和缩小的过程中会失真，占用磁盘空间也较大。矢量图模式矢量图模式存储图像内容的存储图像内容的轮廓部分轮廓部分。优点是图像的。优点是图像的缩放不会引起图缩放不会引起图像失真像失真，图像的存储，图像的存储空间空间比位图方式要比位图方式要少少得多，而且便于得多，而且便于修改。修改。9位图图像位图图

16、像位图图像由像素组成，每个像素都被分配一个特定位置和位图图像由像素组成，每个像素都被分配一个特定位置和颜色值。颜色值。数码相机拍摄的照片、扫描仪扫描的稿件以及绝大数码相机拍摄的照片、扫描仪扫描的稿件以及绝大多数的图片都属于点阵图。多数的图片都属于点阵图。位图图像与分辨率有关分辨率有关，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘21元件元件定义：元件是指在定义：元件是指在FlashFlash中创建的，可以在中创建的，可以在动画中反复使用的元素动画中反复使用的元素。作用：使得作用：使得动画制作更为简单，动画文件

17、明显减小，播放速度显著提高动画制作更为简单，动画文件明显减小，播放速度显著提高。元件类型作用图形元件可反复取出使用的图片，用于构建动画主时间轴上的内容，一般是只含一帧的静止图片。按钮元件是用于创建动画交互控制的按钮创建动画交互控制的按钮，以响应鼠标事件。影片剪辑元件是可以反复取出使用的一段小动画，可独立于主动画播放。22元件库、实例元件库、实例一个Flash动画中创建的元件都存放在元件库中元件都存放在元件库中，我们只要把元件库中的元件拖放到场景中把元件库中的元件拖放到场景中，就可以，就可以创建创建一个相应一个相应的的实例实例。元件库中的对象可在动画中多次重复使用多次重复使用。库面板：库面板：C

18、TRL+LCTRL+L窗口窗口库库230t 时间轴时间轴123456Flash采用时间轴的方式设计和安排每一个对象设计和安排每一个对象（ 演员 ）的出场顺序和表现方式出场顺序和表现方式。它相当于电影导演使用的摄影表，即在什么时间，哪位演员上场、说什么台词、做什么动作动作演员场景24时间轴面板时间轴面板1234名称名称作用作用1 1、顶区、顶区切换和显示场景名称。切换和显示场景名称。用来在动画文件间切换、编辑场景和编辑元件间切换2 2、图层区、图层区每个图层都包含一些舞台中的动画元素，上面层中的元素遮盖下包含一些舞台中的动画元素，上面层中的元素遮盖下面图层中的元素面图层中的元素3 3、时间帧区、

19、时间帧区Flash影片将播放时间分解为帧将播放时间分解为帧，用来设置动画运动的方式、播放，用来设置动画运动的方式、播放的顺序和时间等的顺序和时间等4 4、状态栏、状态栏指示所选帧编号、当前帧频以及到当前帧为止的运动时间25帧与关键帧帧与关键帧时间轴以时间轴以“帧帧”（FrameFrame）为单位为单位，生成的动画以“每秒每秒n n帧帧”（fpsfps）的速度进行播放。“关键帧”（KeyFrameKeyFrame）指在动画表演过程中，此关键帧的此关键帧的表演内容与先前的一些普通帧内容大不相同表演内容与先前的一些普通帧内容大不相同，而呈现出关键性的动作或内容的变化（只有关键帧中的内容才能够被选取和

20、编辑只有关键帧中的内容才能够被选取和编辑）第第25帧帧26图层图层图层（Layer）就是在画面上规划出的虚拟（空间）层级虚拟（空间）层级。在这些不同的（空间）层级上放进各自的对象，这些对象这些对象除非经由特殊设置，否则不会互相产生影响。除非经由特殊设置，否则不会互相产生影响。上面图层的对象将挡住所有在它下面图层的对象上面图层的对象将挡住所有在它下面图层的对象27 声音的导入声音的导入1、 导入到库:“文件文件”/“/“导入导入”/“/“导入到库导入到库”2、播放声音：1）新建一个图层新建一个图层2）选中要添加声音的层选中要添加声音的层，选择声音开始的帧选择声音开始的帧，将声音直接从库窗口拖动到

21、舞台上（用户可以为声音创建任意多的层，每个层所起的作用就好像声音通道，在播放时，所有层中的声音组合在一起）声音导入声音导入三种类型的声音三种类型的声音声音类型声音类型特点特点数据流可控制声音与动画同步可控制声音与动画同步，将声音分配到每个帧中，与动画同时停止。开始在其开始的关键帧显示时播放在其开始的关键帧显示时播放时间指的是声音的播放与一个事件相关播放与一个事件相关，只有当事件被触发，才会播放声音。设置按钮激发声音就是最典型的范例。28Flash编辑声音的功能较弱，不能录音不能录音，在实际应用中，通常使用其他的软件获得和编辑声音，然后再导入导入到Flash中为动画配音。Windows附带的录音

22、机：可实现用电脑的声卡录音、和对声音进行简单编辑共享软件GoldWave:可实现用电脑的声卡录音、截取VCD、CD光碟中的声音、声音剪辑、制作各种特效音等声音的获取声音的获取任务任务1、新建flash文件，导入图片，新建一个以星空为名的图形元件，在舞台中新建一个以背景命名的图层，将元件拖放到该图层。2、导入“星空”mp3格式的声音到库中，在舞台上新建一个图层，以星空命名，在第五帧出插入关键帧，将“星空”拖放到舞台上，设置从第五帧开始播放，到第八十帧停止播放。3、保存文件，导出swf格式的文件，关闭文件，在桌面上新建一个以座位号+班级号+名字的文件夹，将fla格式与gif格式的文件放入该文件夹中

23、，提交作业。29使用使用FlashFlash制作动画制作动画动画是由一幅幅静止的图像一幅幅静止的图像，按照一定的速度连续播放一定的速度连续播放形成的画面。动画类型动画类型作用作用逐帧动画创建每帧动画的内容，然后逐帧播放动作补间动画指同一个对象不同状态的变化同一个对象不同状态的变化，其变化效果是由Flash控制的，常用于制作对象的位移、尺寸缩放、位移、尺寸缩放、旋转、颜色渐变等效果旋转、颜色渐变等效果形状补间动画指两个图形对象两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从一个图形转换为另一个图形动画效果是从一个图形转换为另一个图形使用使用flashflash制作动画制作动画逐

24、帧动画：创建每个关键帧动画的内容，然后逐帧播放。实例：新建花儿开放影片剪辑元件选择椭圆工具 绘制 -使用箭头工具+ctrl调整 -在第5帧插入关键帧第10帧插入关键帧 -第15帧插入关键帧 第20插入关键帧制作逐帧动画制作逐帧动画花儿开放花儿开放1、新建flash文档2、导入图片1-6到库面板，新建花儿开放影片剪辑元件，利用标尺、网格线（右键单击标尺（网格线）对齐。3、分别在第1帧、第10帧、第20帧、第30帧、第40帧、第50帧插入关键帧，并放入对应的图片。4、回到主场景，把影片剪辑拖入到主场景中。5、测试影片：6、调整修改练习练习第1帧第10帧第20帧第30帧第40帧第50帧练习练习1 1

25、利用所学的逐帧动画原理，制作上下运动的小球动画提示：新建“小球”影片剪辑选择椭圆工具及填充颜色在第一帧处绘制小球，在第五帧处插入关键帧，并向下垂直移动小球的位置图层图层概念：是在画面上规划出的虚拟（空间）层级虚拟（空间）层级。作用：可在这些不同的（空间）层级上放进各自的对象，这些对象除非经由特殊设置，否则不会互相产生影响。这些对象除非经由特殊设置，否则不会互相产生影响。特点：上面图层的对象将挡住所有在它下面图层的对象。特点：上面图层的对象将挡住所有在它下面图层的对象。图层图层1.新建图层2.新建引导层3.新建图层文件夹6.显示或者隐藏所有图层7.锁定或解除锁定所有图层4.双击可重命名选择图层，

26、按下鼠标左键可以拖动调整图层的上下位置5.右键单击对选定图层进行系列操作中心点中心点概念：物体运动时，固定不变的点，与物理上的中心点一致。使用 任意变形工具选中物体后，即可看到物体的中心点 ，将鼠标放置在中心点处，按下鼠标左键，可移动中心点 。综合提高练习综合提高练习2 2用所学过的逐帧动画原理，制作“飞舞的胡蝶”提示 1、新建飞舞的蝴蝶影片剪辑 2、新建6个图层，将身体的各个部位分别绘制在不同的图层上。 3、在第五帧处，插入关键帧，调整身体各个部分的位置及大小。 难点：调整身体各部分的大小及位置时，需要把握好中心点。调整翅膀的大小以及触角的长短即可完成动画翅膀的中心点逐帧动画的应用逐帧动画的

27、应用1、写字、眨眼睛、（人或者动物）走路等等都可以使用逐帧动画制作动作补间动画动作补间动画动作补间动画：是在两个关键帧两个关键帧中创建出来的，两个关键帧必须是同一个对象同一个对象的两个不同状态两个不同状态，中间部分由电脑自动计算完成。补间的对象：一定一定是“图形元件图形元件”或是“影片剪辑影片剪辑”，可对对象的大小，移动，颜色，透明度，旋转属性大小，移动，颜色，透明度，旋转属性进行改变。 动作补间动画动作补间动画-面板属性面板属性1）简易又叫缓动，）简易又叫缓动，变速变速的意思，正值是先快后慢，负值则相反的意思，正值是先快后慢，负值则相反 。2）旋转：对象在运动过程中）旋转：对象在运动过程中自

28、动的旋转自动的旋转，可以选择旋转的次数，可以选择旋转的次数 旋转方式：旋转方式：【无无】（默认设置）、（默认设置）、【自动自动】、【顺时针顺时针】、【逆时针逆时针】3）调整到路径：将补间对象的基线调整到运动路径，主要用于）调整到路径：将补间对象的基线调整到运动路径，主要用于引导线运动引导线运动。4）同步：使图形元件）同步：使图形元件实例实例的动画和的动画和主时间轴主时间轴同步。同步。5）对齐：根据）对齐：根据注册点（中心点）注册点（中心点）将将补间对象补间对象附加到运动路径附加到运动路径，主要也用于，主要也用于引导线运动引导线运动。对象面板对象面板补间动画属性面板补间动画属性面板补间动画补间动

29、画-舞蝶飞舞舞蝶飞舞（位置、大小变化）（位置、大小变化）步骤：1、新建“补间动画蝴蝶飞舞”影片剪辑元件。2、将已制作好的逐帧动画逐帧动画“蝴蝶飞舞蝴蝶飞舞”，拖放在“补间动画蝴蝶飞舞”第一帧上，在第25帧插入关键帧，改变蝴蝶的位置及大小。3、在1-25帧中，任选一帧，右键单击创建补间动画4、将补间动画蝴蝶飞舞”拖入场景中测试效果。补间动画补间动画-舞蝶飞舞舞蝶飞舞（位置、大小变化）（位置、大小变化）5、美化动画（添加背景图片） 导入“背景”图片到库面板，在主场景添加图层，放置在最下方，命名为“背景图层”，将背景图片放入，并通过任意变形工具调整背景图片，使背景图片大小与舞台吻合。知识回顾知识回顾

30、补间动画补间的对象一定是对象一定是“图形元件图形元件”或是或是“影片剪辑影片剪辑”，可对对象的大小，位置（移动），对象的大小，位置（移动），颜色，透明度，旋转属性进行改变。颜色，透明度，旋转属性进行改变。本课实例：文字补间动画本课实例：文字补间动画31动作补间-文字动画1位置移动Hay层中的文字从舞台上方移动到舞台中间（从第1帧到第10帧，整个长度延长到第15帧）Look层中的文字从舞台左边移动到舞台右边左边移动到舞台右边（从第5帧开始至第10帧-第一次位移），然后从舞台右边移到舞台中间（从第10帧开始至第15帧-第二次位移）。上下移动上下移动左右移动左右移动32动作补间-文字动画11.新建文

31、件：尺寸550*400，新建“文字动画”影片剪辑。修改图层名称为hay，并输入文字Hay，大小54，黑色。2.把文字转换为元件，调整文字位置至舞台左上方。3.在Hay层中的第15帧插入关键帧，将文字的位置移动到舞台中间。4.选择Hay层中的第1帧， 创建动作补间动画，把动画延长到20帧（即在第20帧处右键单击-插入帧）。5、新建一个图层，输入文字LOOK!，大小54，黑色。采用上述方创建look图层的动画。动作补间-文字动画16、Look层中的文字从舞台左边移动到舞台右边（从第从第5 5帧开始至帧开始至第第1515帧帧- -第一次位移第一次位移），然后从舞台右边移到舞台中间（从第15帧开始至第

32、20帧-第二次位移）。7、回到主场景，导入“背景”图片，将图层1改名为背景图层并放入图片，图层2改名为文字图层，放入文字动画。8、美化动画，新建图层，命名为蝴蝶，将上节课制作好的蝴蝶动画添加到此图层。33动作补间-文字动画2透明和缩放效果第一层创建文字Micromedia ，转换为图形元件，延长到20帧第二层在第10帧插入关键帧，将文字图形元件拖入，第20帧插入关键帧，把实例放大，透明，在第10帧创建补间动画Micromedia34动作补间动作补间- -文字动画文字动画2 2（透明度、大小的变化）（透明度、大小的变化）1、新建Flash文档：尺寸300*100，背景色白色。2、新建 “文字动画

33、”元件，将图层1命名为Macromedia，并输入文字Macromedia，文字的风格是Arial Black，大小30，红色。3 、 选 取 文 字 ， 把 文 字 转 换 为 元 件 , 元 件 名 称 为Macromedia 。4、新建图层，在该层的第10帧上插入关键帧。按F11F11键（窗口-库）打开元件库面板，从中选择Macromedia元件并将它拖到舞台上。文字动画文字动画2 2（透明度、大小的变化）（透明度、大小的变化）5、在该层的第20帧上插入关键帧，将实例用自由变形工具拉大，通过属性面板的颜色列表改变成透明色（即alpha=15）。6、在该层的第10帧创建补间动画把图层1延长

34、到20帧,在第10帧上对齐两个层上实例的中心点7、添加背景图片美化动画35动作补间-旋转风车（旋转以及大小的改变）旋转和颜色变化制作风车外型，转换为元件第30帧、60帧各插入一个关键帧第30帧改变颜色和缩小风车外观第1帧和30帧创建补间动画1.新建Flash文档，新建“风车”影片剪辑元件，在图层1上制作风车外形：绘制一个无描边的（笔触颜色为无）无描边的（笔触颜色为无）黄色矩形利用部分选择工具部分选择工具将矩形的左下角删除,右下角往左下方移动。利用任意变形工具调整中心点利用任意变形工具调整中心点到底端选择“窗口窗口”/ / “变形变形”命令命令，弹出 “变形”对话框，在旋转文本框中输入，单击该对

35、话框右下角的“拷贝并应用变形拷贝并应用变形”按钮就可完成风车外形的绘制。2. 将风车转化为“风车图形”图形元件3.在第3030帧和帧和6060帧帧各插入一个关键帧4.在第第3030帧改变风车的颜色为红色帧改变风车的颜色为红色,60%,60%,按住按住shiftshift键不放，键不放，使用任意变形工具缩小风车的大小，并围绕中心点旋转使用任意变形工具缩小风车的大小，并围绕中心点旋转5.在第1帧和第30帧创建补间动画，并设置第第1 1帧和第帧和第3030帧帧旋转是顺时针旋转是顺时针1 1次。次。动作补间实例讲解动作补间实例讲解1、花好月圆-文字变形1）、文字的分离分离/ /分离到图层分离到图层命令

36、2）、文字变形（利用任意变形工具任意变形工具）3）、动作补间动画4）、空白帧空白帧2、图像切换1）、 alphaalpha通道通道制作图像淡入淡出的效果2）、动作补间动画3）、空白帧的使用37动作补间-文字变形1.1. 新建新建Flash 750Flash 750* *425425文档文档, ,新建一个新建一个“花好月圆花好月圆”影片剪辑影片剪辑2.2. 将图层将图层1 1命名为命名为 “背景背景”(1).(1). 执行执行 命令命令, ,导入导入 “花好月圆花好月圆.jpg.jpg”图像，将图片拖入图像，将图片拖入到到“花好月圆花好月圆”的背景图层中。的背景图层中。文文字字变变形形，文文字字

37、分分散散到到图图层层(2).在信息面板上调整导入图像的大小和舞台相同,位置重合3.插入新图层,默认为图层2(1)使用文本工具输入 “花好月圆”,设置48号,隶书,黑色(2)将文字放在右侧,执行 “修改”/ “分离”命令,将这四个字分离成单独的文字(3)将分离的文字全部选中,执行 “修改”/“时间轴”/ “分散到图层”（选中文字右键单击）命令,将四个字分散到四个图层(4) 删除图层238动作补间-文字变形39动作补间-文字变形4.选择 “花”文字,转换为图形元件,名称为“花”,注册点在中心5.和4同样的方法，把 “好”、“月”、“圆”分别转换为图形元件6. 分别选中了四个文字图层的15帧,插入关

38、键帧7.在背景图层的第15帧处插入帧,使背景延长到15帧8.将播放指针拖到第1帧,选 “花”图形元件实例,水平翻转,在变形面板上设置缩小为20%（或直接使用变形工具），同样的方法设置其它三个文字图层。9.为四个文字图层创建补间动画10.选中 “好”图层的所有帧,拖动鼠标把起始帧拖到第10帧, 同样方法把 “月”“圆”图层的起始帧拖到第30帧（让文字一个个出现）12.选择所有图层的第60帧,插入帧.13.保存文件40动作补间-文字变形图像切换图像切换知识点1、 alphaalpha通道通道制作图像淡入淡出的效果2、动作补间动画3、空白帧的使用41动作补间-图像切换1、alpha属性属性制作图像淡

39、入淡出的效果2、色调属性色调属性制作白天黑夜的交替效果动作补间动作补间- -图像切换图像切换1、新建Flash文档,大小设置为大小设置为400400* *300300，帧频24，新建“图片切换”影片剪辑2、执行 “文件”/ “导入”/ “导入到库”命令,导入花导入花儿儿.jpg.jpg、波纹、波纹.jpg.jpg图像图像(1)把图层1命名为 “花朵”(2)在属性面板上设置该图像的大小属性面板上设置该图像的大小( (宽：宽：400400；高：；高：300300）与位置与位置(x:0;y:0)(x:0;y:0)与舞台完全重合(3)把图像转换为名为转换为名为 “花朵花朵”的图形元件的图形元件,注册点

40、在中心动作补间动作补间- -图像切换图像切换3.在花朵层上创建一个新图层,命名为 “波纹”(1)(1)将将“波纹波纹”图片拖入到舞台中，在属性面板上设置该图片拖入到舞台中，在属性面板上设置该图像的大小与位置与舞台完图像的大小与位置与舞台完(2)把图像转换为名为 “波纹”的图形元件,注册点在中心动作补间动作补间- -图像切换图像切换4.分别在 “花朵”和“波纹”图层的第第2020帧、帧、8181帧、帧、100100帧处插入关键帧帧处插入关键帧5. 选时间轴面板上第1帧,锁定、隐藏 “波纹”图层6. 选 “花朵”元件实例(1)(1)在属性面板上，选择第在属性面板上，选择第1 1帧，设置帧，设置al

41、phaalpha为为0 0(2)(2)选第选第100100帧帧, ,设置设置alphaalpha为为0 0(3)(3)分别选第分别选第1 1帧和第帧和第8181帧帧, ,创建补间动画创建补间动画动作补间动作补间- -图像切换图像切换7.在时间轴面板上解除“波纹”图层的锁定和隐藏,将播放指针拖到第1帧(1)(1)选选“波纹波纹”元件实例元件实例, ,在属性面板上在属性面板上 “ “颜色颜色”下拉列表中选下拉列表中选 “高级高级”, ,设置效果如图设置效果如图(2)将播放指针拖拽到第100帧,选择“波纹”元件实例,在属性面板上设置与第1帧相同动作补间动作补间- -图像切换图像切换(3)分别选择 “

42、波纹”图层的第1帧、第81帧，创建补间动画(4)(4)选择选择“波纹波纹”图层的第图层的第1 1帧与帧与100100帧之间的所有帧，将帧之间的所有帧，将其拖拽到第其拖拽到第90-21090-210帧处帧处8.保存文件动作补间动作补间- -图像切换图像切换实例2：白天黑夜的交替1、新建Flash文档,默认舞台大小，将图层1命名为天空2、使用矩形工具矩形工具绘制一个与舞台大小吻合的矩形，采用线性填充（蓝色线性填充（蓝色- -白色）白色）3、将其转为图形元件转为图形元件（右键单击右键单击- -转为元件转为元件），分别在第3030、9090、120120帧帧处插入关键帧。动作补间动作补间- -图像切换

43、图像切换4、分别在第1、120帧处，将图层的色调改成黑色、黑色、90%90%。5、分别选第第1 1帧和第帧和第9090帧帧, ,创建补间动画创建补间动画，最后测试保存。动作补间动画小结动作补间动画小结1、概念：动作补间动画是在两个关键帧中创建出来的，两个关键帧必须是同一个对象的两个不同状态（位置、（位置、大小、旋转等），大小、旋转等），通过动作补间将两个关键帧中不同状态的对象补间出来。2、补间动画的对象：一定是“图形元件图形元件”或是或是“影片影片剪辑剪辑”。对象为图形时，制作动作补间动画出错时，时间轴为省略符号对象为图形时，制作动作补间动画出错时，时间轴为省略符号45创建形状补间动画概念：形

44、状补间动画也是在两个关键帧中创建出来的两个关键帧中创建出来的，但两个关键必须是两个不同图形对象两个关键必须是两个不同图形对象，通过形状补间可以将两个图形间的转换过程补间出来转换过程补间出来。形状补间的对象：只能是分离的可编辑图形（矢量图），形状补间使图形形状发生变化图形形状发生变化，。注意：要对组、实例或位图图像应用形状补间，必须首先必须首先将这些元素分离将这些元素分离。要对文本应用形状补间，必须将文本分必须将文本分离（文本串须分离两次）。离（文本串须分离两次）。461.在开始帧输入文本“1”2.在结束帧输入文本“2”3.把文本“1”和“2”打散4.在帧属性面板上创建补间形状动画5.设置形状补

45、间动画分布式中间祯平滑分布式中间祯平滑，但变形较大角形适合边角和直线较多的图形形状补间动画-例6、添加变形参考点变形参考点，控制图形间对应部位的变形，使得图形间的变换是有规律的7、选择补间形状序列中的第一个关键帧，执行 “修改修改”/ /“ 形状形状 ”/ /“ 添加变形参考点”命令，起始形状提示会在该形状的某处显示一个带有字母a的红色圆圈，将形状提示移动到要标记的点8、选择补间序列中的最后一个关键帧结束形状提示会在该形状的某处显示一个同样带有字母a的红色圆圈，将形状提示移动到结束形状中与标记的第一点对应的点9、重复上面步骤，可添加多个变形参考点可添加多个变形参考点添加变形参考点aabb形状补

46、间动画实例形状补间动画实例雨滴雨滴形状补间动画（实例水滴）方法一：方法一：新建flash文件设置舞台大小为200X300 ，帧频为12.1.建水滴图形元件：1)按Ctrl+8新建 “雨滴”图形元件，利用椭园工具画一无边框椭圆，再利用箭头工具调整为水滴状。2)选中图形，在混色器中选取放射状颜色调整为从白色到淡蓝色的渐变。3）用油漆桶填充使水滴上白下边淡蓝的渐变，如下图形状补间动画实例形状补间动画实例雨滴雨滴2.建水波图形元件：1)按Ctrl+8新建水波影片剪辑元件，利用椭圆工具画一无填充椭圆。2)在30帧处插入关键帧，单击修改-变形-缩放与旋转，设置比例为200，旋转为0。3)创建形状动画：单击

47、第一帧，在下方的属性面板上找到“补间”点开下拉条，设置为“形状” 形状补间动画实例形状补间动画实例雨滴雨滴3.建水滴运动动画 1、新建“雨滴”影片剪辑，在第一帧放入“雨滴图形元件”，在第15帧插入关键帧，将雨滴图形元件往下移动，同时调整水滴大小较第一帧的大一些，并创建动画补间动画。2、新建图层2，将图层2移到图层1 的下边，在第15帧处插入空白关键帧将“水波影片剪辑”拖入，调整位置到水滴的正下方，使水滴正好在圆的中间。3、在第二层的第40帧插入关键帧，并将此帧中的元件的Alpha值设为0，创建动作补间动画。4、新建图层3、4、5、将图层2的第15到40帧全部全别复制到图层3、4、5、的第25、

48、35、45帧处。测试保存。燃烧的蜡烛燃烧的蜡烛1、新建flash文档，新建“燃烧的蜡烛”影片剪辑元件2、将图层1改名为蜡烛，利用矩形、直线工具绘制如图1所示的蜡烛.并在第60帧处插入帧。3、新建图层2，命名为烛光，将笔触颜色设置为无，使用放射状填充，左边填充为#FFFF00 Alpha为100%，右边填充为#FFFFCC Alpha为80%,如图2所示。图图1图图2燃烧的蜡烛燃烧的蜡烛4、分别在15、30、45、60帧插入关键帧。将各个帧上的烛光形状进行调整，如下图所示5、分别选中第1、15、30、45帧，利用属性面板，创建利用属性面板，创建形状补间动画。形状补间动画。6、测试动画7、保存动画

49、15和45帧30帧60帧制作摇曳的烛光制作摇曳的烛光1、新建Flash文档,背景色黑色，舞台大小默认2、点插入新建元件,影片剪辑,名“光圈”，利用矩形工具，在图层1上绘制一根蜡烛。3、新建图层2，命名为光圈，放置在图层1上，设置笔触色为无,填充色放射状三个色标:左FFFF00 Alpha100%,FFFF00 Alpha100%,中中FFFF6E Alpha77% ,FFFF6E Alpha77% ,右右FFFFCC Alpha0%,FFFFCC Alpha0%,用椭圆工具画个圆,中心点与舞台中心点对齐。制作摇曳的烛光制作摇曳的烛光4、在第15、30帧添加关键帧,选择第15帧,执行：修改变形缩

50、放和旋转命令，缩放值为150，旋转0度。5、选择第1帧、第15帧，利用属性面板，创建形状补间动画。在蜡烛的第30帧处，添加帧。测试、保存动画。形状补间动画实例形状补间动画实例月亮的圆缺变化月亮的圆缺变化1、新建Flash文档，新建“月亮月缺变化”影片剪辑。2、将笔触颜色设为无色(或者画好圆之后选中边线，按下Delete删除），填充颜色设为黄色，用shift和鼠标左键绘制一个无边框的黄色的圆。3、鼠标移到第50帧的位置，单击鼠标右键，选择“插入关键帧”，再选择“椭圆工具”，将笔触颜色设为无色，填充颜色设为红色，在已绘制的圆上再绘制一个更大的圆。形状补间动画实例形状补间动画实例月亮的圆缺变化月亮的

51、圆缺变化4、使用选择工具单击红色的圆，将红色的圆移动到黄色的圆上，让两个圆部分重叠，形成月牙形状，然后将红色的圆删除，右键单击第一帧，选择“复制帧”，右键单击第100帧，“粘贴帧”。5、分别在第1帧和第50帧的“帧属性”面板中将“补间”设为“形状”，从而完成动画的制作。最后保存动画和发布动画。 制作运动引导线动画48起始帧定义路径起点结束帧定义路径终点1、含义：利用运动引导层绘制路径（直线或者曲线），将某个图层链接到该运动引导层，使图层中包含的对象沿着所绘制的路径运动，实现自由路径动画效果。2、特点：可以将多个图层链接到一个运动引导层，使多个对象沿同一条路径运动。引导层中的路径不会显示在最后的

52、影片中制作运动引导线动画48起始帧定义路径起点结束帧定义路径终点1、含义：利用运动引导层绘制路径（直线或者曲线），将某个图层链接到该运动引导层，使图层中包含的对象沿着所绘制的路径运动，实现自由路径动画效果。2、特点：可以将多个图层链接到一个运动引导层，使多个对象沿同一条路径运动。引导层中的路径不会显示在最后的影片中1、新建flash文档，新建“七星虫图形”元件。2、将图层1改名为“七星虫”，并在该图层上使用椭圆、直线等工具，绘制如下图所示七星虫。3、新建“运动的七星虫”影片剪辑，将图层1命名为“七星虫图形”，将“七星虫图形”元件放入。4、新建图层，命名为“背景图层”，放置在最下方，将“背景”图

53、片拖入舞台。5、选定“七星虫图形”图层，单击要作引导线动画的图层,单击 “添加引导层”按钮 。制作运动引导线动画6、在运动引导层上使用铅笔工具/直线 等绘制路径，注意绘制时选中平滑图标 , 在引导层第25帧处右键单击插入帧。7、在七星虫图形第25帧处，添加关键帧，选择第25帧，将七将七星虫移动到运动路径的另一端星虫移动到运动路径的另一端。8、选择第一帧，打开属性面板，创建补间动作动画，并选择“调整到路径”。9、将“运动的七星虫”影片剪辑放到主场景中，测试，调试动画。制作运动引导线动画制作运动引导线动画实际操作实际操作1、制作沿着路径运动的七星虫(可添加背景图片，美化动画）2、制作花丛中飞舞的蝴

54、蝶知识回顾引导层动画：指沿着某种轨迹运动的动画指沿着某种轨迹运动的动画，这种动画类型制作起来至少至少需要两个图层，一个用来绘制路径的引绘制路径的引导层导层，一个是运动对象的图层。引导动画特点：可以将多个运动对象图层链接到一个引导层，使多个对象沿同一条路径运动。引导层中的路径不会显示在最后的影片中。引导动画引导动画漫天雪花漫天雪花步骤：一、新建Flash文档，设置背景色为淡蓝色。二、新建“雪花”图形元件，将图层1改名为“雪花”，在此用线条绘制雪花图案 。三、新建“飘动的雪花”影片剪辑 1、将图层1命名为“雪花”，将雪花图形元件放入。添加 引导层 。 2、新建图层，命名为“背景图层”，放置在最下方

55、，将“背景”图片拖入舞台。 3、在运动引导层上使用铅笔工具/直线 等绘制路径，注意绘制时选中平滑图标 , 在引导层第80帧处右键单击插入帧。引导动画引导动画漫天雪花漫天雪花4、在雪花图层第80帧处，右键单击添加关键帧，选择第80帧，将将雪花移动到路径的另一端移动到路径的另一端。（为了让雪花看起来更加的逼真，我们可以多做几个不同运动路径的雪花引导动画）5、选择第一帧，打开属性面板，创建补间动作动画，并选择“调整到路径”。6、将“飘动的雪花”影片剪辑放到主场景中，测试，调试动画。引导动画引导动画引导动画应用：滑雪蝴蝶飞舞人或者动物运动飞机或者气球在天空中移动遮罩动画一、“遮罩”顾名思义就是遮挡住下

56、面的对象。 二、遮罩层下面的内容就像透过一个窗口一样显示出来，这个窗口的形状就是遮罩层上内容的形状。对于那些处于遮罩层下的东西而言，只有那些被遮盖的部分才能被看到，没有被遮罩的区域反而看不到 。遮罩动画三、在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意多个。 四、遮罩层中的对象可以是填充的形状、文字对象、图形元件的实例或影片剪辑的实例。几乎一切都可以被用作遮罩层中的遮罩物，而声音或笔触（没有面积）则不能用作遮罩物。五、可以做出聚光灯效果和流动效果。51遮罩动画1.新建文档,400*200,背景黑色2.第1层改名为 “文字”,使用文本工具,输入文字,颜色黄色3.创建第2个图层,用椭

57、圆工具画无边圆,绿色,(制作探照灯效果）(1).把圆转换为图形库文件(2).第10帧和第20帧分别插入关键帧,第10帧把圆移到右面,第20帧把圆移回左面(3)在第1帧和第10帧分别创建补间动画4.把文字层延长到20帧5.在圆所在层设置为遮罩层（右键单击）6.添加背景层，附属于遮罩层，红色矩形,并锁定该图层,放到文字层下面遮罩动画遮罩动画制作画卷制作画卷1、新建Flash文档2、新建“画卷画卷”影片剪辑。3、将图层1命名为“文字”图层，输入“厚德载物”，使用文本菜单设置文本大小及样式。4、回到场景回到场景1 1，将，将“画卷画卷”拖入到舞台中，调整大小，拖入到舞台中，调整大小，然后再双击进入到然

58、后再双击进入到“画卷画卷”影片剪辑中编辑。影片剪辑中编辑。5、新建图层，命名为“左转轴”，导入画卷背景图形，拖放到该图层，使用Ctrl+B键打散，删除多余部分，剩下转轴，并转化为图形元件。遮罩动画遮罩动画制作画卷制作画卷6、新建图层，命名为“右转轴”，将“转轴”图形放入该图层。并与左转轴重叠。7、新建图层，放置在最下方，命名为背景图层，将背景图片放入，调整大小，使得转轴大小与转轴元件大小一致。8、新增图层，命名为遮罩，放置在文字图层的上方，使用矩形工具再次绘制一个与转轴同样大小的矩形。并使与转轴重叠。遮罩动画遮罩动画制作画卷制作画卷9、在右转轴和遮罩层第100帧插入关键帧，其他图层右键单击插入

59、帧。10、在第100帧处，将右转轴移动到舞台的右边，与背景图层的最右的转轴对齐。并创动作建补间动画。11、在第100帧处，将遮罩层中的矩形放大，覆盖住背景图层即可。并创建形状补间动画。遮罩动画遮罩动画制作画卷制作画卷13、选定遮罩图层，右键单击遮罩层。然后再右键单击显示遮罩层。把背景层也往上拖动，也设置为被遮罩层。14、保存，测试影片。1. 新建文档，450*5002. 导入 “凉亭.jpg”图像(1)在信息面板上设置图像的大小与舞台大小一致(2)把图层1命名为“背景”，选择图像并复制，将该图层锁定、隐藏。59遮罩动画3. 新建图层2，命名为 “剪裁的背景”（1）执行 “编辑”/“粘贴到当前位

60、置”命令，将复制的图像粘贴到“剪裁的背景”图层中，并保持原来的位置（2）分离粘贴的图像（Ctrl+B），使用铅笔工具在舞台画一条线，将水面与亭子分开选择上半部分图像，按Delete键删除，选择绘制的线条并删除。（3）选择下半部分图像，按键盘上向下方向键两次，使其向下位移2个像素。并选择“剪裁的背景”层，将其锁定。60遮罩动画4. 新建图层3，命名为 “矩形遮罩”，使用矩形工具在舞台上绘制细条间隔矩形并选择绘制好的矩形，转换为图形元件，名称为 “矩形”，注册点在中心5. 把 “背景”层和 “剪裁的背景”层延长到20帧，在“矩形遮罩”层的10帧和20帧创建关键帧，20帧处将矩形实例向上移动一段距离