flash动画制作步骤

模块四企业网站动画的制作

4、1 模块功能分析

根据网站建设方案,在与企业沟通、协调下分析设计网站宣传动画。

【能力目标】

●能够根据网站布局要求选择合适的动画尺寸,分析设计网站宣传动画

●能够根据不同的动画选择不同的元件

●能够创建补间动画、引导层动画与遮罩效果

【知识目标】

●认识帧(Frame)、时间轴、图层

●熟悉图形元件、按钮元件与影片剪辑元件的不同用法

●理解补间动画、引导层动画与遮罩效果的制作方法

【素质目标】

●挖掘学生的创造力、激发学生的艺术设计能力

●培养学生的沟通、合作能力

●培养学生自我学习、解决问题的能力

4、2 模块任务实施

任务1 企业宣传动画的制作

一任务分析

根据需求方提出的设计要求与沟通,确定了网站的Banner条采用Flash设计制作,以达到增加页面动态效果与美化页面的效果。

二任务实施

步骤1新建一个Flash文档,命名为“banner、fla”,设置【属性】面板中的文档大小属性为宽900像素、高260像素,如图所示

图文档属性

步骤2选择【文件】|【导入】|【导入到库】菜单选项,在打开的对话框中选择需要导入的素材文件“banner-1、jpg”与“xiaotu、gif”两个图片,单击【确定】按钮,此时素材导入到库中,如图所示。

图库面板

步骤3 将“banner-1、jpg”拖动到舞台中,调整其大小使其覆盖整个舞台。

步骤4 单击【时间轴】面板下方的添加新图层按钮,添加【图层2】。

步骤5 鼠标单击【图层2】的第一帧,然后选择工具箱中的【文本】按钮,在打开的【属性】面板中,设置【字体】为“华文楷体”,【字体大小】为“53”,【字体颜色】为“#003300”。步骤6 在舞台中输入“选择森兴选择品质”这8个文字。

步骤7 选中文字,选择【修改】|【分离】命令,文字被打散。效果如图所示。

图分离文字

步骤8 选择【图层1】的第40帧,插入一个普通帧。按住【CTL】键,选中【图层2】的第1帧、第5帧、第10帧、第15帧、第20帧、第25帧、第30帧、第35帧、第40帧,插入一个关键帧。

步骤9 选择【图层2】的第1帧,按下【Delete】键删除所有的文字。

步骤10 选择【图层2】的第5帧,删除“择森兴选择品质”这7个字。

步骤11选择【图层2】的第10帧,删除“森兴选择品质”这6个字。

步骤12 同理设置【图层2】的第15帧、第20帧、第25帧、第30帧、第35帧、第40帧上的文字。

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

图 变形面板 图 动画界面

步骤14按下【CTRL 】+【ENTER 】,测试效果,如图所示。

图 banner 条动画效果

三 知识梳理

知识结构如图所示。 图 知识结构图

1 Flash 工作界面

打开一个Flash 文档进入其工作界面,它包括标题栏、菜单栏、工具箱、时间轴、舞台、属性面板与面板区,如图所示。

企业宣

传

动

画

的

制

作

站

点

的

建

立Flash 工作界面

Flash 工具箱 Flash 动画 Flash 元件

图 Flash工作界面

(1)标题栏

每一个应用程序窗口文档的最上方都会有一个标题栏,显示当前文档的名称。

(2)菜单栏

Flash菜单栏共包含11菜单项,每个菜单项有包含若干操作项,具体如图所示。

图 文件菜单 图 编辑菜单

图 视图菜单 图 修改菜单

图插入菜单图文本菜单图命令菜单

图测试菜单图窗口菜单

2 Flash工具箱

工具箱位于窗口的左侧,用户可以随意拖动到合适的位置。它提供了Flash常用的各种工具。 选择工具

选择工具就是最常用的工具之一。使用它不仅可以选择对象,还可以移动对象

选中选择工具后,在舞台中单击鼠标左键并拖动鼠标即可选择图形,如图所示。

图选择工具

●部分选择工具

部分选择工具就是修改与调整路径时经常使用的工具,它可以通过选择对象的锚点实现编辑、移动与变形。

单击部分选择工具按钮,然后单击舞台中图形的轮廓线,就会出现很多控制点,如图所示。鼠标移动到控制点上变成形状时,单击可以移动控制点;鼠标移动到2个控制点之间时变成形状,单击可以拖动图像。

图部分选择工具

●任意变形工具

任意变形工具主要就是对选中的对象进行旋转、扭曲与缩放。

●套索工具

套索工具主要就是对对象局部进行选区。它分成魔术棒与多边形模式。

●铅笔工具

它用来绘制任意形状的线条与图形。单击铅笔按钮会在选项区域出现铅笔模式选择:伸直、平滑与墨水3个选项,如图所示。

图铅笔模式

【伸直】模式可以在绘制过程中将线条自动伸直,使其尽量直线化,简单的说伸直模式可以画出平直的线条,并可将近似于三角形、椭圆、矩形与正方形的图形转换为标准的几何图形。【平滑】模式可以在绘制过程中将线条自动平滑,使其尽可能成为有弧度的曲线,简单的说平滑模式可画出平滑的曲线。

【墨水】模式则就是在绘制过程中保持线条的原始状态,即墨水模式可随意画线。

除此之外,通过属性面板可以对铅笔工具进行笔触颜色、笔触高度(线宽)与笔触样式(线形)或者自定义笔触样式设置,如图所示。

图铅笔属性面板

●钢笔工具

使用钢笔工具可以绘制出直线或者平滑流动的曲线,在绘制过程中可以通过调整路径节点或节点控制手柄来绘制出复杂的线段或图形。

单击钢笔工具,在舞台上单击一点,然后在另一边单击一点,则可以画出一条直线,如图所示。如果单击另一点的同时拖动鼠标则可以绘制一条曲线,如图所示。

图直线图曲线

【添加锚点】工具:选择该工具单击现有路径,可添加一个锚点。

【删除锚点】工具:选择该工具单击现有路径上的一个锚点,则删除该锚点。

【转换锚点】工具:选择该工具单击现有路径上的一个锚点,将其转换为带有独立方向线的转角点。

●橡皮擦工具

橡皮擦工具有两种模式:一种就是水龙头,一种就是橡皮擦。

选择【水龙头工具】,单击您需要擦除的填充区域或笔触段,可以快速将其擦除。如果您只擦除一部分笔触或填充区域,就得通过拖动进行擦除。

橡皮擦提供了5种擦除模式: