FLASH 动画制作
FLASH 概述 Flash 是矢量图形编辑和动画创作专业软件,主要应用于网页设计和多媒体创作等领域。制作出的矢量图和动画具有文件小、交互性强、可无损放大、可带音效和兼容性好等特点,可作出效果细腻而独特的网页和多媒体作品  用 FLASH 生成的交互式动画体积很小(相对动态 gif 而言),更适合于在网上传播。 Flash 的播放是采用的“流媒体”技术,动画可以边下载边演示。
FLASH 的界面认识 标题栏 菜单栏 工具栏 时间轴 工具箱 编辑区 属性面板 浮动面板
一个简单实例 这是一个 “形状”“补间”动画 , 即变形运动动画 共有 30 帧,播放速度为 12 发 fps 只需要一个图层 其中文字需要经过两次分离 文件格式为 SWF  2K
绘图工具栏 箭头工具 直线工具 钢笔工具 椭圆工具 铅笔工具 墨水瓶工具 吸管工具 移动工具 选取工具 套索工具 文字工具 矩形工具 刷子工具 颜料桶工具 橡皮工具 放大镜工具
填充颜色  和  边框颜色  的设置 绘制的图形 有边框也有填充 边框和填充均为可用 绘制的图形 有填充无边框 上面的边框设置为不可用 绘制的图形 有边框无填充 下面的填充设置为不可用
FLASH  基本操作 新建文件,可在属性窗口设置: 设置舞台大小 设置帧频 设置背景颜色 上述参数随时可在舞台的右击菜单 [ 文档属性 ] 中修改 预览和测试动画 在编辑环境下预览:按 ENTER 键 测试影片:按 Ctrl+ENTER 键(预览过程可按 enter 键暂停)
FLASH  基本操作 保存文件 FLASH 可以按两种形式保存文件。 如果要保存编辑信息,方便以后修改,客保存为 FLA 格式 ( 该格式文件不能插入网页中,文件容量比 SWF 文件大) 如果要生成影片,用菜单 [ 文件 ] 、 [ 导出影片 ] 生成 SWF 格式文件。如果已经保存了 FLA 文件,按 Ctrl+Enter 也可以生成同名的 SWF 文件。 [ 文件 ] 、 [ 发布设置 ] 菜单可设置影片发布参数,并可以一次将动画发布成: GIF 格式(动画) JPG 图片(最后一帧的图片) HTML 文档:一个包含插入 SWF 文件代码的网页
一些基本概念  帧 图层和时间轴 动画类型 对象的类型 元件 场景
帧 动画是由多张静止画面连续显示产生的效果。每一个静止的画面就称为一帧。在舞台上,我们可以设计每帧的内容,包括插入图片,进行布局等。
图层 与 时间轴(概念) 图层:每个图层通常只设计一个对象的动作,当需要多个对象同时运动时就需要多个图层,每个图层对应一个时间轴来。图层类型有:普通、遮罩、路径 时间轴为对应的图层控制其对象进行动作的时间顺序,用来按先后顺序排列各个帧的出场顺序。是进行动画创作和编辑的主要工具。  显示 / 隐藏图层 锁定 / 解锁图层 显示轮廓 增加层 增加导引层 删除层
图层  (操作) 图层 图层类型:普通、遮罩、路径 为图层命名 添加、删除图层 锁定、隐藏图层
时间轴 (操作) 时间轴上的各种帧 关键帧:定义动画变化的帧。每层第 1 帧都是关键帧, 按 F6 键可加入新的关键帧。 普通帧:出现在时间轴中的帧都是普通帧 空白帧:该帧的内容为空白 帧的操作 在时间轴上第一帧插入一个关键帧 再在 20 帧插入一个普通帧或关键帧(帧的自动延伸:在新添加的帧中包含前面关键帧的内容) 在普通帧上可以插入对象,但插入的对象被延伸到其左、右边关键帧(含)之间的所有帧 选定连续和不连续的多帧( shift  ctrl) 删除、清除、拷贝、粘贴帧的操作方法
动画分类 逐帧动画: 每帧都由用户人工设计,每帧都是关键帧。 补间动画: 只需要设计第一帧和最后一帧,中间过渡帧由系统自动生成,分为: 形状补间动画:以形状变化为主,也可以包括位置、大小、颜色的变化。对象必须是位图(形状) 动作补间动画:以位置改变为主,也可以缩放、改变颜色。对象必须是矢量图(组合对象、元件、文字)
对象类型 不同的补间动画需要使用不同类型的对象 对象 位图(填充、形状) 矢量图型 组合 文字 元件
位图 位图是一个填充区域,可以任意改变形状,主要包括工具箱中形状工具绘制的所有图形。 判断形状的方法是:选中对象时有点阵出现,或者变形选项中有封套工具 用于创建形状补间动画 将位图转化成矢量图的方法:选中对象后选菜单 [ 修改 ] 、 [ 组合 ]
矢量图 矢量图用于动作补间动画,有三种方法获得: 组合: 将几个形状组合成一个整体。方法是选种对象,点菜单 [ 修改 ] 、 [ 组合 ] ,特别注意带边框的填充形状。 文本 :要将文本转换成位图,先要将各个文字分离,再转化为形状,所以要两次使用 [ 分离 ] 菜单。 元件的实例 :从元件库中加入到舞台的对象。可以缩小、放大、旋转 判断方法:选中时有一个方框。 将矢量图转变为位图:选择菜单 [ 修改 ] 、 [ 分离 ]
元件 元件库 实例(概念) 构造复杂动画的理念是:将复杂动画分解为简单“零件”,再用零件构造。由于获得零件的方法很多(自己的积累或借用已有的网络资源),这样就大大简化了制作难度。如果每一个动画都从零开始,工作量将非常大。 元件: 是生产零部件的模具。 元件以一个基本符号的信息保存,由它生成的对象称为实例。实例可以重新设置大小、颜色等属性。用元件生成多个实例比复制多个对象占用的存储空间小很多。 元件库: 每个文档有一个存放元件的库。库包含在 FLA 文件中保存在磁盘。 实例: 从库中选择一个元件,拖拽到舞台上,就生成了一个实例,元件的实例都是矢量图性质的,未分离之前只能做运动补间动画。
元件库浮动面板
元件的类型 图形 :用绘制工具画的图形和导入的位图。 它可应用于其他类型的元件。 按钮: 用来产生鼠标动作的一个 4 帧动画。 影片剪辑 :自身包含时间轴的动画。用来制作独立于主影片的动画,将影片剪辑的实例在主影片中制作动作,可以产生移动对象本身也在运动的效果(类似公转和自转)。 除了以上三种类型的元件外,库中还可包含声音元件
获得 图形元件 [ 插入 ] 、 [ 新建元件 ] ,类型为:图形 在舞台上选中对象,点 [ 插入 ] 、 [ 转换成元件 ] 菜单
获得  按钮元件 新建元件  类型为:按钮 分别设计四帧:弹起  指针经过 按下 点击 可以使用图案和文本 在用按钮元件生成的实例上加入动作:
获得  影片剪辑 新建元件:以正常方式新建元件,并制作动画 导入到库:将一个 gif 或 SWF 动画导入到库。 将一个 GIF 文件或者 SWF 文件导入到库中,会产生一个影片剪辑元件和若干个图片元件,那些图片文件不能删除,是构成影片剪辑元件的内容。当导入多个 GIF 文件后,图片文件的名称是自动生成并且不会互相覆盖的。 将已经打开的动画转换为影片剪辑:复制所有帧到新建元件窗口粘贴
总结:获得元件的几种方法 新建元件: 在新建时“ +” 是元件的旋转中心。 转换: 在舞台上选中对象,用 [ 插入 ] 、 [ 转换为元件 ] 可以将图形转换成元件的同时加入到元件库。 导入到库: 将单个图片、声音、 SWF 文件等导入到元件库。 作为库文件打开: 可以将一个已经保存的 FLA 文件作为库文件打开,这样只会打开原文件的库,文档不会处于编辑状态。 两个同时编辑的文档的库可以共用。当要借用一个 FLA 文件的库时,最好的办法就是把该 FLA 文件作为库文件打开。
场景 场景就像舞台剧中的布景,切换场景可以让用户在不同的背景下设计运动对象。一个完整的动画文件可以由多个场景组成,场景按顺序连续播放。
动画制作过程最容易犯的错误 没有注意当前图层,在制作过程很容易由于鼠标的单击选中某个对象,而当前层就变为选定对象的层 没有注意当前帧,导致在错误的帧编辑,特别是第一帧和最后一帧之前的切换 由于使用不正确的对象类型导致补间动画错误 由于操作顺序的错误,导致越改越乱。如果在一个图层上产生了较多的插入帧、删除帧等错误,最好是别修改了,删除这个图层,重新插入一个图层来过。
Flash 实例制作
简单动画制作—逐帧动画 步骤如下: 选择菜单 [ 文件 ]->[ 新建 ] 项,建立一个动画 设置舞台属性,在舞台右击,选择 [ 文档属性 ] 右键菜单 [ 网格 ]->[ 编辑网格 ] 项,设置网格大小 40px ,并显示网格 在舞台上拖拽鼠标绘制圆形并放在一个网格中,完成第一帧的设计 在时间轴的第 2 个帧上单击鼠标,按 F6 键插入一个新关键帧,将小圆形移动到原位置右边的一个网格中。 同样方法:在时间轴的第 3 帧到第 10 帧分别插入关键帧,并在各帧上分别将小原形右移一格,整个动画制作完成 在时间轴下部单击洋葱皮按钮,使各帧以洋葱皮方式显示
动画的保存和播放 保存动画文件 选择菜单 [ 文件 ]->[ 保存 ] 项,将动画以文件名 frame.fla 保存到 D 盘 播放动画 舞台上观看 按 Enter 键,再次按 Enter 键停止播放 播放器播放 按 [Ctrl]+[Enter] 键或选择菜单 [ 控制 ]-> [ 测试影片 ] 项,打开独立播放器播放动画 同时产生一个名为 frame.swf 格式的动画文件,保存在与源文件 frame.fla 相同的文件夹中
动画制作实例—脚印 建立一个新动画,设置舞台属性 选取第 1 帧,使用 刷子工具 在舞台上画出一个小脚印 使用选择工具选定脚印,选菜单 [ 修改 ]->[ 组合 ] 选择画好的脚印,按住 [Ctrl] 复制一个副本,选择 [ 修改 ] 、 [ 变形 ] 、 [ 水平翻转 ] ,得到右脚印 分别选中两个脚印,将旋转角度调整为 45 度,并将脚印移动到左下角 在时间轴的第 2 个帧上按 F6 键插入一个新关键帧,选定左脚印,将其移动到适当位置。在第 3 帧上增加一个关键帧,选定右脚印将其移动到适当位置 使用上述同样方法添加多个左脚印和右脚印,动画制作完成 按 Enter 键或 Ctrl+Enter 键,观看动画 保留原来脚印增加新脚印(雪地脚印的制作)
形状渐变 形状渐变主要适用于图形对象的形状变化 将两个不同形状的图形分别放在两个关键帧上,在两个关键帧之间可以制作出变形的效果,让一种形状随时间变化成另外一种形状;还可以对形状的位置、大小和颜色进行渐变 对于群组、文本块、位图等要进行形状渐变,则必须先选择使之变成分离的图形,才能进行变形 形状渐变可以包含对象 Alpha 值的改变
运动渐变 运动渐变是给一个物体在两个关键帧分别定义不同的属性,如颜色、大小、方位、角度等性质。并在两关键帧之间建立一种变化关系(运动渐变关系),只需定义引起变化的关键帧 运动渐变可以是位移、缩放、旋转等,还可以是颜色的渐变、或淡入淡出。 对于文本块或分离的图形,要进行运动渐变,需要先将它们转换成符号,才能制作渐变运动
遮罩效果 为了得到特殊的显示效果,可以用遮罩层创建一个任意形状的“视窗”,在遮罩层下方层上的图象可以通过这个视窗显示出来,而视窗之外的图像将不会显示,这个视窗就是遮罩层  遮罩层中可以包含形状、实例或字体对象。遮罩图形最终都显示为透明的“视窗” 将某层设置为遮罩层后,遮罩层和被遮罩层自动锁定。若要对这些层作修改,需要解开锁定,编辑完成后要重新锁定。
添加引导层 向导层是用来绘制一些辅助图形,这些图形在播放动画时不显示出来。通常使用向导层制作运动轨迹,让对象沿着某条路径运动变化。在运动过程中,可以改变物体的大小、颜色、方向等。 关键: 要将起始帧和结束帧的对象的旋转中心连接路径的起点和终点。
声音 要在动画中使用声音,先将声音文件导入到库,可使用的声音文件主要是 mp3 和 WAV , (mid 、 rm 不能直接使用) 加入单独的层,在希望声音开始播放的帧将库中的声音元件拖拽到舞台。 注意声音的同步方式: 同步到数据流:本场景的所有帧播放结束时,声音就结束 同步到事件(开始):与影片的播放不同步,如果影片循环播放,声音也将继续,直到声音文件播放完成。这样可能导致在影片第二次播放时,声音又被开始播放,但第一播放还没有结束,有两个声音重复。
动作 -Actionscript 动作面板用来给 帧、按钮、影片剪辑 添加各种 Actionsctipt 命令,控制影片的播放、帧之间的跳转等 所以动作面板有三种:动作 - 帧、动作 - 按钮、动作 - 影片剪辑,只有这三种对象可以添加动作 在要加入动作的对象上右击 ,  选择”动作”菜单,进入动作面板。动作面板中” -” 可以删除已有的动作 加入了动作的帧上将出现一个标记 a 在帧上加入 stop 动作:动画播放到该帧就停止 在帧上加入 goto 动作,指定跳转到某个帧 在按钮上加入动作 :play() , stop(), getURL 注意:添加动作的按钮或影片剪辑不要与创建了补间动画的对象放在同一层,否则将导致补间动画出错
淡入淡出效果 一定要先将对象转换为 图形 元件  ( 包括位图类型的元件、文本,也要先将其换成图形元件) 在第一帧上选中淡入的对象,在属性面板中设置 Alpha 值为 0 将完全出现的关键帧中的实例的 Alpha 值设置为 100% 创建运动补间
实例的 Alpha( 透明度 ) 值的设置 只有类型为图形的元件实例才能进行下面的设置:
综合实例  我爱我家 将我爱我家 .fla 文件作为库文件打开 场景 1 场景 2 场景 3
导入菜单 很有用  导入一个 SWF 文件并修改。 无论该文件原来是多少层构成的,导入后将在时间轴上合并到了一层,并且成为逐帧动画。这意味着可以利用原有的 SWF 文件进行修改,当然修改只意味着在某些帧增加内容或删除某些帧。 将多个 SWF 文件合并。 每个 SWF 文件都从第一帧开始,以不同的层叠加起来。这意味着可以将几个适当的 SWF 文件叠加。(如果某个 SWF 文件有背景,可能会遮挡其他文件的效果) 例子包含 3 个 SWF 文件和对某些帧的修改(增加了几种颜色的球形)
设计作业之一 设计一个具有三个场景的动画。 场景 1 :主要包括片头,文字动画,停止帧,在停止帧上加入 [ 开始播放 ] 按钮,以便播放第 2 场景。该场景包含的层是:文字动画层(每个对象一层),声音层。 场景 2 :动画的主要内容。选择合适的背景,可包含引导层、影片剪辑元件等,设计合理的情节,加入声音。 场景 3 :片尾文字必须包含:制作人的班级、学号、姓名
设计作业之二 选一首歌曲,为它配上动画和歌词。 第一个或最后一个场景加入动画作者的班级、学号、姓名

More Related Content

PPT
《网页设计与制作》第三章:插入网页基本元素
PPS
Bisio
PPT
Wal Mart[1] 1
PPS
Different Taiwan by Readersdigest
PPT
aaa
PPT
Struts Intro Course(1)
PPS
Crociera
PPT
Slideshare workshop dummy
《网页设计与制作》第三章:插入网页基本元素
Bisio
Wal Mart[1] 1
Different Taiwan by Readersdigest
aaa
Struts Intro Course(1)
Crociera
Slideshare workshop dummy

Similar to S11flash(1) (8)

PPT
Flashch2(1)
DOC
Flash从零学起完整版
PPT
Flash Release
PPT
第9章
PPT
Flash 8 基礎動畫
PDF
Graphic programming in js
PPS
基礎動畫的類型
PDF
Action script3.0中文版
Flashch2(1)
Flash从零学起完整版
Flash Release
第9章
Flash 8 基礎動畫
Graphic programming in js
基礎動畫的類型
Action script3.0中文版
Ad

More from wangjiaz (20)

PPT
We9 Struts 2.0
PPT
Workshop Sutdio3(1)
PPT
Ye Ying(1)
PPT
Zhanbin Web2.0
PPT
U Co M Protocol
PPT
Tt Seminar Taipei 9605(1)
PPT
The New Iphone
PPT
Struts Mitac(1)
PPT
Sxdylgn(1)
PPT
Sjjz6(1)
PPT
Sjjz5(1)
PPT
Role Play Exercises
PPT
Recruit(1)
PPT
PPT
web 2.0 class notes
PPT
Yxch
PPT
Ye Ying(1)
PPT
Xzzx20060302 1
PPT
PPT
Kj Chap01
We9 Struts 2.0
Workshop Sutdio3(1)
Ye Ying(1)
Zhanbin Web2.0
U Co M Protocol
Tt Seminar Taipei 9605(1)
The New Iphone
Struts Mitac(1)
Sxdylgn(1)
Sjjz6(1)
Sjjz5(1)
Role Play Exercises
Recruit(1)
web 2.0 class notes
Yxch
Ye Ying(1)
Xzzx20060302 1
Kj Chap01
Ad

S11flash(1)