第四章Flash动画设计与应用
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第四章 Flash 动画设计与应用
Flash的启动:
单击桌面上的图标:Macromedia Flash MX 或:单击“开始”·“程序”
·“Macromedia”·Macromedia Flash MX 新建一个Frash文档:
第一次运行Flash MX 程序时,会自动建立一个新文件
(或通过单击“文件”“新建”,选择“常规”“Flash 文档”) (演示)
4.2.4 绘图工具栏的使用
Frash中的图形由轮廓线、填充色二个独立的部分组成。
因此在绘制图形前,应选择相应的线条颜色和填充颜色。
1、“线条颜色工具”
用于指定当前的线条颜色。
2、“填充颜色工具”
用于指定当前的填充颜色。
3、“椭圆工具”
用于绘制椭圆。
按住[shift]键,可绘制出正圆形。
4、“矩形工具”
用于绘制矩形。
按住[shift]键,可绘制出正方形。
3、“铅笔工具”
用来在动画中绘制线条、和图形的轮廓
通过附加选项,可绘制:
折线、折线图形、矩形;
曲线、曲线图形、椭圆;
:任意线条、或由其组成的图形;
说明:
(1)有些图形可能不要轮廓线、填充色
可选择:无线条颜色、或无填充颜色
(演示:见“工具练习”)
(2)有些图形可能要改变或去掉轮廓线、填充色
4、“箭头工具”(或“选择工具”)
用来选择一个对象或区域。
单击对象:选择一个对象,如:
一段线、图形的填充区域、文字块等;
双击对象:选择多个对象,如:
一段曲线、图形的填充区及边框;
拖动鼠标:选择被封闭在该矩形区域的所有容5、“套索工具”
可以用来选取任何形状围的对象,方法是:
用鼠标拖出一个封闭的区域。
8、“墨水瓶工具”
改变一条线段、或图形轮廓线的颜色、粗细、线形等、或在选定图形的外轮廓上加线条;
9、“油漆桶工具”
改变图形的填充颜色;
或:给封闭的轮廓线加填充色。
演示:删除线条或填充颜色;
修改线条或填充颜色;
说明:在调色板上也可以增加新的颜色
演示:
10、“文字工具”
用于创建和编辑文字对象。
11、“自由变形工具”
对图形进行缩放、旋转、倾斜和扭曲。
12、“橡皮擦工具”
有选择地删除任意的容。
在工具栏的下方
“选项”中,可选择特殊的擦除方式。
4 .3 实例制作(演示:“课件演示”)
4.3.1 建立动画文件
再建一个Frash的新文档。
文件建立之后,首先要定义文件的动画属性:
单击“修改”菜单的“影片”(或“文档”)命令,就会出现“影片属性”对话框。
其中“帧频”指动画文件每秒共播放多少帧画面,默认值是12(建议设置为12 -- 30f/s )。
将场景的宽度设置成650px
高度设置成400px
背景颜色改为淡绿色;“帧频”改为20
完成后,单击“文件”菜单中的“另存为”命令,给文件命名后保存。
4.3.3 组件和蒙板动画
1、制作影片剪辑“旋转的地球”
(见“演示课件”或“各种组件”中:旋转的地球)(1)单击“插入”菜单中的“新建元件”命令,弹出“新建元件”对话框:
在“名称”框中输入“旋转的地球”
设置类型为“影片剪辑”
然后单击“确定”按钮,进入编辑模式
在编辑区中,用快捷菜单选择“标尺”,出现标尺将编辑区中心与播放区的零点重合(宽、高点分别为:0:0),并以此作为影片剪辑的中心
单击第一帧(自然成为关键帧)
选取工具栏中的“椭圆工具”:
在第一帧的编辑区中绘制一个圆
并删除圆的外边框
单击“窗口”菜单的“调色板”命令,
打开“调色板”浮动面板
(或“设计面板”的“混色器”)
选择“径向”(或“放射状”),
将下方渐变条左边的滑块颜色选白色,
右边的颜色调整为浅兰色(可添加到自定义色中)用“油漆桶工具”在圆形上单击
调整其颜色和光线。
用“箭头工具”选中该圆,
按“F8”键(或快捷菜单),将该圆转换成元件, 并命名为“地球”
注意:使“地球”的中心点对准编辑区的0:0点。
选择第40帧:
按下“F5”键、或快捷菜单的
“插入帧”,使该圆在场景的第1帧到第40帧中
完成后测试场景
(2)单击“插入”菜单中的“图层”命令,
或用快捷菜单,新建一个图层2;
选中该层的第1帧:
单击“文件”菜单的“导入”的“导入到舞台”
导入一个“世界地图”的图片文件
用“变形工具”调整“世界地图”大小,
选中该图片,按下“F8”键:
将其转换成元件,并命名为“世界地图”
用“箭头工具”将其拖到右边的起始位置
在图层2的第40帧,按下“F6”键(或快捷菜单) 插入关键帧,选择工具选项“对齐对象”后
用“箭头工具”将其拖到左边的终始位置
在图层2的第1帧到第40帧之间:
单击快捷菜单的“创建动画动作”命令
创建移动动画。
(3)完成后播放:
单击“控制”菜单下的“播放”命令。
我们看到,整个世界地图都显示在屏中,好象在一移动的地图下,有一个静止的圆。
接下来,利用蒙板层给图层2创建一个蒙板效果:使得只能看到在圆上移动地图
看起来更象一个运动的地球
(4)在“图层2”的上面新建一个图层“图层3”
通过“复制”和“粘贴”,将“图层1”中的圆,
拷贝到“图层3”的第1帧
并与图层1中的圆重叠(或用“粘贴到当前位置”)
在该层的层名上右击鼠标,在快捷菜单中选择:
“遮蔽”命令,创建一个蒙板层
注意:一定要先解开该层、及下一层的“锁”
然后测试场景,再看一下效果。
为了使制作的地球更有立体感,可以制作一个隐约可见的地球另一面的效果。
(5)新建一个“图层4”,选择第一帧:
从库中将元件“世界地图”拖入该帧
在属性面板中选择“颜色”栏中的“Alpha”选项将其值设置为30% 。
“世界地图”就成半透明
利用“箭头工具”将“世界地图”
拖到左边的起始位置
在“图层4”的第40帧插入关键帧
将“世界地图”拖到右边的终始位置
在图层4的第1帧到第40帧之间,“创建动画动作”
(12) 在“图层4”的上面新建一个图层“图层5”在该层创建一个蒙板层
将“图层1”中的圆复制到“图层5”的第1帧测试场景,再看一下效果。
到此为止,已经制作好影片剪辑“旋转的地球”
2、制作制作影片剪辑“旋转的光环”
(见“演示课件”的库中:旋转的光环)
制作好地球后,再做一个可以围绕它旋转的光环
(1) 单击“插入”菜单中的“新建元件”命令
在对话框中,设置名称为“旋转的光环”
类型为“影片剪辑”
在编辑区中绘制一个圆,删除圆的填充色
选中外边框,在其属性面板中选择线条的样式为“实线”,线条的粗细调为“9”,产生一个环
回到编辑区,用“套索工具”和“油漆桶工具”
将环设计成一个彩色的环
将光环转换为图形元件,并命名为“彩色的光环”
在第40帧插入关键帧
在第1帧和第40帧之间,“创建动画动作”
测试场景,我们看到光环并没有转动
(2) 选中第1帧和第40帧之间的任一帧;
右击鼠标,打开属性面板:
先在“中间”框选择“移动”
再将“旋转”项设置为“顺时针”、“1”次
(若未出现,单击属性面板右下角的按钮)
测试场景。
“旋转的光环”组件也做好了。
3、组件的整合
制作影片剪辑“光环绕地球”
(见“课件演示”的库中:光环绕地球)
接下来,将两个做好的影片剪辑组合到一起,就可以看到一个地球带着自己的光环旋转了。
(1) “新建元件”,设置名称为“光环绕地球”
类型为“影片剪辑”
(2) 单击“窗口”菜单的“库”命令将“库”打开将影片剪辑“旋转的地球”拖入到第一帧
(必须被选择)
(3) 新建一个“图层2”:
将影片剪辑“旋转的光环”拖到第一帧
选择“自由变形工具”,
向左拖动组件上方的中间节点
再将该组件逆时针稍稍旋转一点,效果如图:
调整其与“旋转的光环”的位置、大小等。
测试场景:
可以看到地球和光环都在旋转,但是光环并没有围绕在地球上。
为了实现光环环绕地球的效果,又要用到蒙板层了。
(3) 新建一个“图层3”:
将“图层1”中的“旋转的地球”复制到
“图层3”的第1帧中的相同位置上
(4) 在“图层3”上新建“图层4”:
绘制一个和“旋转的地球”同样大小的无边线圆形
(将“笔触颜色”切换为“没有颜色”)
选择“套索工具”,选中左下角半个圆形,按下“Delete”键,将其删除,仅留下右上角半个圆将“图层4”作为蒙板层。
将各个图层锁住,影片剪辑“光环绕地球”完成了测试场景,就可以看到该影片剪辑的效果了
(见“光环绕地球”中的图层2,看到一部分环)
★
4、在一个新场景中插入影片剪辑
(1) 添加一个新场景
单击“修改”菜单(或“窗口”、“设计面板”)
的“场景”命令,弹出“场景”框
选择“场景1”
单击“添加”按钮,添加“场景2”
双击“场景2”,将其改名为“运动的地球”
(2) 插入影片剪辑“光环绕地球”
在图层1上右击鼠标,然后单击“属性”
弹出“图层属性”对话框
将其名称命名为“会动的地球”
将影片剪辑“光环绕地球”拖到该层的第1帧中
测试场景,看看效果吧。
若“光环绕地球”的播放位置不合要求,调整它的位置。
5、调整元件的播放位置
在编辑区中,用快捷菜单选择“标尺”,编辑区出现标尺;
单击编辑区右上角“显示比例”框的下拉箭头选择合适的比例(如:50%);
选中“光环绕地球”元件后,将其拖到右上角。
测试场景,看看效果吧。
4.3.6制作运动的动画
1、制作随引导线移动的地球
(见“课堂练习2”的场景2:运动的地球)
在Flash中,运动向导层的主要作用是:给出物体运动的路径。
通过运动向导层,可使
地球一边转动,一边沿着指定的轨迹运动
(1) 在场景2中:
单击时间轴上的“添加引导图层”按钮
在“会动的地球”图层上添加一个引导图层
并在该引导线层的第1帧插入关键帧
(2) 用“铅笔工具”工具(选项为“平滑”)
在引导线层第1帧绘制一条地球运动的曲线
(或画一个椭圆框后,用“橡皮工具”擦去一个缺口) 然后可用“箭头工具”将其曲线修整平滑;
双击后调整位置(可将线加粗)
(3) 在“会动的地球”图层中的第1帧中
移动地球,使其中心点(形状为
对准引导线的起始端
(4) 在“引导线图层”的第200帧“插入帧”
(5) 在“会动的地球”图层的第200帧插入关键帧
移动地球使其中心对准引导线的终止端
在第1帧到第200帧之间“创建动画动作”
测试场景,看看效果吧。
2、制作放大的地球
(1) 在“会动的地球”图层中的第250帧
插入关键帧,将地球移动到编辑区的中心(偏上)在第200帧到第250帧之间,“创建动画动作”
(2) 在“会动的地球”图层中:
第300帧插入关键帧,将地球放大
在第250帧到第300帧之间,“创建动画动作”
在第330帧“插入关键帧”
测试场景,看看效果吧
4.3.9形变动画
形变动画是Flash中独具特色的动画表现方法。
通过形变动画,可以将一些文字、或图形,在任意位置变化为完全不同的其他文字、或图形(而且不用一一对应)
形变动画的制作限制是:
制作形变动画的起、止对象都必须是矢量图形
用Flash的工具绘制的图都是矢量图形
都可以直接制作形变动画
如果不是矢量图形,可单击“修改”菜单
的“分解组件”命令将其打散,分解成矢量图形
注意:有些符号和组合对象允许嵌套
所以要经过多次的打散操作
直到将它们完全变成矢量图形为止
下面就来制作一个形变动画:
首先显示文本“地球”,以后逐渐变成“我的家”
(1) 选择场景“运动的地球”(“原场景2”)
插入一个图层,命名为“变幻的字”
(2)在第200帧插入关键帧
用“文本工具”,在编辑区的下部输入“地球”
用箭头工具选择(或双击)该文本后,打开属性框
选择所需的字体、颜色、设置字的大小
调整文本框的大小、字间距、位置(在下方)
(3) 在第230帧、300帧中插入关键帧
在第300帧将“地球”改为“我的家”
(4) 在第300帧:
选择“修改”菜单中的“分解组件”(或“分离”) 命令(要使用2次),将文字分解成矢量图形
同样,在第230帧也将文字分解成矢量图形
(5) 选中第230帧,在“属性”面板中
选择“中间”(或“补间”)选项的“形状”命令
这样第230帧到第300帧之间就会变成绿色
并且会出现一个箭头。
(6) 在第330帧插入关键帧。
测试场景!
4.3.4 制作淡入效果
在场景2中,我们已经看到一个漂亮的地球在屏幕上边转动、边移动了。
现在给它添加一个淡入的效果,让地球慢慢的出现(演示“课件演示”场景1:“渐现的地球”)
(1) 打开“场景”对话框,双击“场景1”
将其改名为“渐现的地球”
(2) 将影片剪辑“光环绕地球”
拖到图层1的第1帧中的左上角
(对应于“场景2”的开始位置)
在第100帧“插入帧”
(3) 在图层1上新建“图层2”
将图层名改为“天空背景”
缩小编辑区(25%)
用“矩形工具”在“图层2”的第1帧上绘制一个能覆盖整个编辑区的黑色矩形将该矩形定义成“图形”组件
名称为“逐亮的天空”
(4)在“图层2”的第20帧插入关键帧
将“渐亮的天空”的“属性面板”打开选择“颜色”栏中的“Alpha”选项
在右边弹出的框中,将其值设为100%
在第90帧插入关键帧
将其相应的“Alpha”设为0%
(这样,该色块就是全透明的了)
在第20帧到第90帧之间“创建动画动作”
(5)在第100帧“插入帧”
测试场景若屏幕没有被完全覆盖
修改元件“渐亮的天空”,将其扩大
4.3.8制作闪烁的动画
在“场景1”中加“闪烁的星星”。
(1) 编辑“场景1”,增加一个新图层
命名为“星光”
(2) 在第1帧中插入白色一个小园,去掉边框
(3) 将其转换为图形元件,命名为“星星”
(4) 在第1帧,将星星拖入多次,产生多个星星
(5) 在第2帧,插入空白关键帧,表示星星隐去
(6)然后进行多帧复制
选择多帧:选中首帧后,按Shift选尾帧
“复制帧”后,反复“粘贴帧”,直到第50帧
即:一帧有、一帧无,从而产生闪烁效果
二个场景均完成了,测试影片,看一下总体效果吧!
(若星星太大,编辑元件“星星”,将其缩小)思考:怎么让有的星星亮,有的星星暗?
4.4.2 作品的保存、发布与播放
1、作品的保存
单击“文件”菜单的“保存”、或“另存为”命令。
作品的源文件(图标为)和其他文件,都以相同的文件名保存在同一个文件夹中。
2、作品的发布
单击“文件”菜单中的“发布”命令,在主文件所在的文件夹中产生一个同名的影片文件(图标为)或:单击“文件”菜单“导出”的“导出影片”
(扩展名为swf)
3、影片的播放
(1) 单独播放:双击它。
(2) 插入到PowerPoint演示文稿中:
在幻灯片中建立超级。
其他的知识
1、动画的一般知识
2、三维动画的制作
(见“各种组件”的场景2: 三维动画)关键:多增加控制点,进行修正。