flash动画制作步骤

1、创作时间：贰零贰壹年柒月贰叁拾日模块四 企业网站动画的制作之巴公井开创作创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日模块功能分析根据网站建设方案，在与企业沟通、协调下分析设计网站宣传动画。【能力目标】传动画能够根据分歧的动画选择分歧的元件能够创建补间动画、引导层动画和遮罩效果【知识目标】认识帧（Frame）、时间轴、图层熟悉图形元件、按钮元件和影片剪辑元件的分歧用法理解补间动画、引导层动画和遮罩效果的制作方法【素质目标】挖掘学生的创造力、激发学生的艺术设计能力培养学生的沟通、合作能力培养学生自我学习、解决问题的能力模块任务实施任务 1 企业宣传动画的制作一 任务分析根据需求

2、方提出的设计要求和沟通，确定了网站的 Banner 条采取创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日Flash 设计制作，以达到增加页面动态效果和美化页面的效果。二 任务实施步调 1 新建一个 Flash 文档，命名为“”，设置【属性】面板中的文档大小属性为宽 900 像素、高 260 像素，如图所示图 文档属性步调 2 选择【文件】|【导入】|【导入到库】菜单选项，在打开的对话框中选择需要导入的素材文件“”和“”两个图片，单击【确定】按钮，此时素材导入到库中，如图所示。图 库面板步调 3 将“”拖动到舞台中，调整其大小使其覆盖整个舞台。步调 42】。步调 5 鼠标单击【

3、图层 2】的第一帧，然后选择工具箱中的【文本】按钮 ，在打开的【属性】面板中，设置【字体】为“华文楷体”，【字体大小】为“53”，【字体颜色】为“#003300”。步调 6 在舞台中输入“选择森兴选择品质”这 8 个文字。步调 7 选中文字，选择【修改】 |【分离】命令，文字被打散。效果如图所示。图 分离文字步调 8 选择【图层 1 】的第 40 帧，拔出一个普通帧。按住【CTL21510152025303540创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日关键帧。9 选择【图层 21Delete文字。1025个字。步调 11210个字。12215202530 帧、第 35

4、帧、第 40 帧上的文字。步调 13 单击【时间轴】面板下方的添加新图层按钮 ，添加【图层 3】。单击【图层 3】的第一帧，从【库】面板中拖入“”,选中图片，按下【F8】将其转换成图形元件。步调 14 单击【图层 3】的第 40 帧添加关键帧；在【变形】面板中设置第 1 帧图形为“ 10%”，在属性面板中设置【颜色】为“alpha”值为“20%”，如图所示；在【变形】面板中设置第 40 帧图形为“100%”，在属性面板中设置【颜色】为“alpha”值为“70%”；在第 1 帧和第 40 帧之间添加【补间动画】；至此动画设置如图所示。图 变形面板图 动画界面步调 14 按下【CTRL】+【ENT

5、ER】，测试效果，如图所示。图 banner 条动画效果三 知识梳理创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日知识结构如图所示。FlashFlash站点的建立企业宣传动画的制作FlashFlashFlash图 知识结构图1Flash 工作界面打开一个 Flash 文档进入其工作界面，它包含题目栏、菜单栏、工具箱、时间轴、舞台、属性面板和面板区，如图所示。图 Flash 工作界面题目栏每一个应用程序窗口文档的最上方都会有一个题目栏，显示当前文档的名称。菜单栏Flash 菜单栏共包含 11 菜单项，每个菜单项有包含若干操纵项， 具体如图所示。图 文件菜单图 编辑菜单图 视图菜

6、单图 修改菜单创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日图 拔出菜单 图 文本菜单图 命令菜单图 测试菜单图 窗口菜Flash供了Flash选择工具选择工具是最经常使用的工具之一。使用它不但可以选择象，还可以移动对象选中选择工具后，在舞台中单击鼠标左键并拖动鼠标即可选择图形，如图所示。部分选择工具图 选择工具部分选择工具是修改和调整路径时经常使用的工具，它可以过选择对象的锚点实现编辑、移动和变形。单击部分选择工具按钮，然后单击舞台中图形的轮廓线，就会出现很多控制点，如图所示。鼠标移动到控制点上酿成形状时，单击可以移动控制点；鼠标移动到 2 个控制点之间时酿成形状，单击可以

7、拖动图像。创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日任意变形工具图 部分选择工具任意变形工具主要是对选中的对象进行旋转、扭曲和缩放。套索工具套索工具主要是对对象局部进行选区。它分成魔术棒和多边形模式。铅笔工具它用来绘制任意形状的线条和图形。单击铅笔按钮会在选项区域出现铅笔模式选择：伸直、平滑和墨水 3 个选项，如图所示。图 铅笔模式形、椭圆、矩形和正方形的图形转换为尺度的几何图形。为有弧度的曲线，简单的说平滑模式可画出平滑的曲线。【墨水】模式则是在绘制过程中坚持线条的原始状态，即墨水模式可随意画线。除此之外，通过属性面板可以对铅笔工具进行笔触颜色、笔触高度（线宽）和笔触样

8、式（线形）或者自定义笔触样式设置，如图所示。钢笔工具图 铅笔属性面板创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日使用钢笔工具可以绘制出直线或者平滑流动的曲线，在绘制过程中可以通过调整路径节点或节点控制手柄来绘制出复杂的线段或图形。单击钢笔工具，在舞台上单击一点，然后在另一边单击一点，则可以画出一条直线，如图所示。如果单击另一点的同时拖动鼠标则可以绘制一条曲线，如图所示。图 直线图 曲线【添加锚点】工具：选择该工具单击现有路径，可添加一个锚点。【删除锚点】工具：选择该工具单击现有路径上的一个锚点，则删除该锚点。【转换锚点】工具：选择该工具单击现有路径上的一个锚点，将其转换为带

9、有独立方向线的转角点。橡皮擦工具橡皮擦工具有两种模式：一种是水龙头 ，一种是橡皮擦 。选择【水龙头工具】，单击你需要擦除的填充区域或笔触段，可以快速将其擦除。如果你只擦除一部分笔触或填充区域，就得通过拖动进行擦除。橡皮擦提供了5种擦除模式：【尺度擦除】：擦除同一层上的笔触和填充。【擦除填色】：只擦除填充，不影响笔触。【擦除线条】：只擦除笔触，不影响填充。创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日【擦除所选填充】：只擦除当前选定的填充，其实不影响笔触（不管笔触是否被选中）。以这种模式使用橡皮擦工具之前，请选择你要擦除的填充。【内部擦除】：只擦除橡皮擦笔触开始处的填充。如果从

10、空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦其实不影响笔触。FlashFlash 中的元件有图形元件、按钮元件和影片剪辑元件 3 种。图形元件是可以重复使用的静态图像，它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占 1 帧。例如创建一个星星图形元件。步调 1 新建一个 Flash 文档，单击【拔出】菜单|【新建元件】命令，在弹出的对话框中输入“星星”，类型选择“图形”。图 创建元件对话框步调 2 单击确定按钮后进入星星图形元件的编辑界面。选择工栏中的多变形工具，在属性面板中设置笔触为“无”，填充为“线性白黑渐变”；单击【选项】按钮，设置样式为“星形”、边数“8”

11、、星形顶点大小“”，如图所示。图 工具设置步调 3 在界面中单击鼠标左键拖动，即可画出一个星星图形，如图所示。图 星星图形创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日按钮元件实际上是一个只有 4 帧的影片剪辑，但它的时间轴不克不及播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。例如创建一个椭圆形按钮元件。1Flash|令，在弹出的对话框中输入“椭圆形”，类型选择“按钮”。图 创建元件对话框步调 2 单击确定按钮，进入“椭圆形”按钮元件编辑界面，它有个状态，如图所示。图 按钮编辑界面步调 3 在【弹

12、起】状态，选择工具栏中的椭圆工具按钮 ，设置属性面板笔触为“无”，填充为“#009900”，单击鼠标左键在界面中拖动，即可画出一个椭圆形按钮的形状，如图所示。图 【弹起】状态步调 4 在【鼠标经过】状态，添加一个关键帧。选中椭圆形，在属性面板中设置填充颜色为“#33cc33”，同理在【按下】和【单击】状态也可以改变椭圆形的颜色。步调 5 将库中的按钮拖动到场景的舞台中，设置舞台大小和按钮一致，使用【对齐】面板设置按钮的位置为水平居中、垂直居中，预览效果如下。图 对齐面板图 按钮预览步调 6 选择舞台中的按钮，在属性面板中选择【滤镜】，单击创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月

13、贰叁拾日按钮可以添加一种滤镜效果，单击按钮可以删除一种已经添的滤镜效果，如图所示。图 滤镜效果设置影片剪辑元件可以理解为电影中的小电影，可以完全独立于场景时间轴，而且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占 1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才干观看得到。例如创建一个 3s步调 1 新建一个 Flash 文档，首先创建一个星星图形，如图所示。21一帧，将星星图形从库中拖到影片的编辑界面，然后单击图层 1的第 36 中添加一个关键帧，修改星星图形的颜色为“ALPHA”,值为“201136效果如图所

14、示，这样一个星星的颜色由深到浅的影片剪辑动画就 创建好了。图 星星闪烁影片剪辑步调 31了。为了更好的模拟星空的效果，可以多做几个分歧效果的星星 闪烁的影片剪辑。4 Flash 动画创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日Flash 动画归纳起来包含逐帧动画、补间动画、遮罩动画和引导层动画 4 类。逐帧动画在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的 示的内容。经常使用的几种创建逐帧动画的方法：方法 1：用导入的静态图片建立逐帧动画，用 jpg、png 等格式的静态图片连续导入Flash 中，就会建立一段逐帧动画。方法 2画出帧内容。方法 3旋转等特效。4gi

15、fswf生的动画序列。例如创建一个文字逐帧动画。步调 1 新建一个 Flash800150图 文档属性步调 2 选择【文件】|【导入】|【导入到库】菜单选项，在打开的对话框中选择需要导入的素材文件，单击【确定】按钮，此时素材导入到库中，如图所示。图 库步调 3 将“Beijing.jpg”拖动到舞台中，调整其大小使其覆盖整个舞台。步调 42】。创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日步调 5 鼠标单击【图层 2】的第一帧，然后选择工具箱中的【文本】按钮 ，在打开的【属性】面板中，设置【字体】为“华文楷体”，【字体大小】为“70”，【字体颜色】为“#009900”。步调

16、6 在舞台中输入“森兴送您大自然”这 7 个文字。步调 7 选中文字，选择【修改】 |【分离】命令，文字被打散。效果如图所示。图 分离文字步调 8 选择图层 1 的第 35 帧，拔出一个普通帧。按住【CTL】215101520253035示。图 添加关键帧步调 9 选择【图层 2】的第 1 帧，按下【Delete】键删除所有的文字。10256字。112105字。12215202530 帧、第 35 帧上的文字。步调 13 选择【控制】菜单|【测试影片】命令，效果如图所示。图 文字逐帧动画创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日补间动画Flash运动，拔出补间动画后两个关

17、键帧之间的插补帧由计算机自动 运算生成；补间动画分成两类：一类是形状补间，用于形状的 动画；另一类是动作补间用于图形及元件的动画形状补间动画形状补间动画是在 Flash 的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个 Flash画，它可以实现两个图形之间颜色、形状、大小、位置的相互 变更。形状补间动画建立后，时间帧面板的布景色变成淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用工具栏工具绘制出的形状，而不克不及是图形元件、按钮、文字等，如果要使用图形元件、按钮、字，则必先打散（Ctrl+B）后才可以做形状补间动画。例如创建一个

18、形状补间动画，一个圆逐渐酿成一个字。步调 1 新建一个 Flash 文档，命名为“”。步调 2 单击【图层 1】的第 1 帧；选择工具箱中的【圆形】具按钮，在【属性】面板中设置【笔触】为“无”、【填充】为“红色”；在舞台中画一个宽的一个圆，修改其相对舞台的对齐方式为“水平居中、垂直居中”。步调 3 单击【图层 1】的第 25 帧，添加一个关键帧，按下【delete】删除原来的圆；选择工具箱中的【文字】按钮，打开的【属性】面板中，设置【字体】为“华文楷体”，【字体 大小】为“70”，【字体颜色】为“红色”；在舞台中输入一个字“变”，修改其相对舞台的对齐方式为“水平居中、垂直居中”。步调 4 选中

19、文字，然后选择【修改】菜单|【分离】命令。51125属性面板中设置【补间】为“形状”。步调 6 按下【CTRL】+【ENTER】，测试效果，如图所示。创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日图 形状补间动作补间动画动作补间动画是指在 Flash 的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜 色、位置、透明度等， Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的布景色变成淡 紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补 间动画的元素是元件，包含影片剪辑、图形元件、按钮、文字、位图等，但不克

20、不及是形状，只有把形状组合或者转换成元件后才可以做动作补间动画。下面的遮罩动画和引导层动画中用的都是动作补间动画，这里就不再举例了。遮罩动画遮罩动画是 Flash 中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。“遮罩”主要有 2定区域，使场景外的对象或特定区域外的对象不成见，另一个 作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效 果。例如设置遮罩动画，在一个全黑的界面中，一个圆在运动，下面显示一个一幅风景图的部分内容。步调 1 新建一个 Flash 文档，命名为“”，在【属性】面板中设置文档【布景】为“黑色”。步调 2 添加一个【图层 2】，选择【文件】菜单|【

21、导入】|【导入到库】命令，选择一幅图片。步调 3 从【库】中将该图片拖入舞台，在【对齐】面板中设置创作时间：贰零贰壹年柒月贰叁拾日创作时间：贰零贰壹年柒月贰叁拾日【匹配大小】为“宽度匹配、高度匹配”。步调 4 添加一个【图层 3】，选择工具箱中的【圆形】工具按钮，在【属性】面板中设置【笔触】为“无”、【填充】为 “红色”；在舞台中画一个宽 100 的圆。选中该圆，按【F8该圆转换成一个图形元件。532550255012525帧到第 50 帧之间添加【补间动画】。步调 6 选中【图层 3】，单击右键在弹出的菜单中选择【遮罩】，如图所示。图 设置遮罩层步调 7 按【CTRL】和【ENTER】测试影片，效果如图所示。图 遮罩效果引