模块四 Flash网页动画设计(3)

2019-03-23 10:17

3. 选择“墨水瓶工具”,笔触颜色设为彩色,笔触高度设为2 4. 单击文字轮廓,为文字增加描边效果

实例 一个简单的动画:闪烁的星空

步骤:

1. 将文档的背景颜色设为黑色

2. 选择”多角星型工具”,在属性面板中,将笔触颜色选择无,填充色选为淡黄色,单击

“选项”,将样式选为星型,边数设为4,星形项点大小设为0.3,在舞台上绘制多个大小不同的星形

3. 在时间轴上,用鼠标单击选中第5帧,按”F7”键,插入空白关键帧,同样在在舞台

上绘制多个大小不同的星形

4. 用鼠标选中时间轴上的第10帧,按“F5键”,插入延时帧 5. 选择“控制”菜单中的“测试影片”测试动画

实例 花朵的绘制

制作步骤

1、新建一个影片文档,使用默认文档属性,保存影片文档,命名为“花朵.fla”。 2、新建“花瓣”图形元件,执行【插入】|【新建元件】命令,弹出【创建新元件】对话框,输入元件名称为【花瓣】,选择【类型】为【图形】,单击【确定】按钮,如图4-1所示。

图4-1 创建图形元件设置

图4-2 颜色设置

3、画花瓣

在【花瓣】图形元件的编辑场景中,选择【椭圆工具】,设置【笔触颜色】为红色,【填充色】为无,如图4-2所示。

在场景中绘制出一个圆形,用【选择工具】将图形调整成花瓣形状,如图4-3所示。

技巧 注意要让图形下端靠近场景十字的十字符号。因为我们下一步要做的旋转将以十字符号为中心。

4、给花瓣填充颜色

执行【窗口】|【混色器】命令,在【混色器】面板中选择填充类型为【放射状】,设定颜色为由大红到浅红渐变,如图4-4所示。设定填充颜色时凭感觉,不用太拘束于具体的数值。

图4-3 花瓣造型 图4-4 填充设置

在工具箱中选择【颜色桶】工具,给场景中的花瓣图像填充颜色,然后删除外框线条,如图4-5所示。

图4-5 填充颜色 图4-6 “花瓣”图形元件实例

5、创建“花朵”图形元件

新建图形元件,元件名称为“花朵”。在这个元件的编辑场景中,将刚刚绘制好的“花瓣”元件从【库】面板中拖放到场景中,然后用【任意变形工具】将这个图形实例的中心点移动到花瓣图形的下端,如图4-6所示。

图4-7 ‘变形’面板 图4-8完整的花朵

保持场景中的“花瓣”实例处于被选中状态,执行【窗口】|【变形】命令,弹出【变形】面板,如图4-7所示。

在【变形】面板中,设置【旋转】为72度,单击【复制并应用变形】按钮,如图7所示。这时会发现原来的花瓣旁边出现了一个同样的花瓣图形,接着再单击【复制并应用变形】按钮3次后,一朵花就画好了,如图4-8所示。

如果觉得花瓣形状不太满意,可以随时打开“花瓣”元件进行调整,花朵形状会随之而发生变化。

3动画制作基础

3.1认识时间轴

帧的分类

帧是构成Flash动画最基本的单位,在不同的帧上放置不同的动象,便生成了Flash动画。

关键帧:用来定义动画的变化的帧。用实心圆表示。 空白关键帧:没有内容的关键帧。用空心圆表示。 普通帧:延伸关键帧的内容 帧的基本操作 插入帧(F5) 创建关键帧 (F6)

插入关键帧后,上一个关键帧的内容会自动延伸到该关键帧以及两个关键帧之间的所有普通帧上。

创建空白关键帧 (F7) 选择帧

选择一个帧,单击该帧;选择多个连续帧,按住Shift键并单击 删除帧 复制和移动帧 翻转帧

3.2逐帧动画

在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧,

创建逐帧动画的几种方法

(1)用导入的静态图片建立逐帧动画

将静态图片连续导入Flash中,就会建立一段逐帧动画。 (2)绘制矢量逐帧动画

用鼠标或压感笔在场景中一帧帧的画出帧内容。 (3)文字逐帧动画

用文字作帧中的元件,实现文字跳跃、旋转等特效。 (4)导入序列图像

可以导入gif序列图像、swf动画文件或者利用第3方软件(如swish、swift 3D等)产生的动画序列。

实例:文字的依次出现 步骤:

1. 选取文本工具,设置字体为黑体,字号为70 2. 选中第1帧,输入文字”胜”

3. 选中第2帧,按F6键插入关键帧,双击文本框加入文字“利” 4. 重复2,3步骤,依次在3至6帧加入文字“职”“业”“学”“院” (可再做文字的递减) 5. 测试动画Ctrl+Enter

3.3补间动画

1.形状补间动画

(1)形状补间动画的概念

在Flash的时间帧面板上,在一个时间点(关键帧)绘制一个形状,然后在另一个时间点(关键帧)更改该形状或绘制另一个形状,Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

(2)构成形状补间动画的元素

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。

(3)形状补间动画在时间帧面板上的表现

形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图所示。

(4)创建形状补间动画的方法

a.选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好 b.在动画结束处创建或选择一个关键帧并设置要变成的形状

c.再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】

实例:圆形变成文字的动画 步骤:

1. 选中第1帧,选中椭圆工具,设置笔触色为无色,填充色为红色,绘制一个

圆形

2. 选中第30帧,按F7键插入空白关键帧,选取文本工具,设置字体为黑体,

字号为70,在其中输入文字”火”, 3. 选中文字,执行“修改”→“分离”命令

4. 再次选中第1帧,点击属性面板上的“补间”,在下拉列表中选择“形状” 5. 测试动画Ctrl+Enter

2.动作补间动画

(1)动作补间动画的概念


模块四 Flash网页动画设计(3).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:波兰尿素项目市场投资前景预测报告

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: