Flash8.0（中⽂版）教程与实例解析
Flash动画制作
内容提要
⼀、基本概念：
⽮量图，点阵图，元件，库，实例，帧和关键帧，时间轴，层，组合与分离
⼆、Flash基本绘画
三、制作：动作补间动画和形状补间动画
四、制作：引导层动画和遮罩动画
五、声⾳的导⼊和制作影⽚剪辑
⼀、Flash基本操作与简介
1、保存⽂档：“另存为”保存⽂件名称、路径Flash源⽂件的后缀是.fla
2、输出动画：“导出影⽚”命令，可以把作品输出成.swf格式的动画⽂件
3、位图模式：采⽤点阵⽅式来记录，从图像左上⾓第⼀个点开始，到右下⾓最后⼀个点结束，记录所有像素的颜⾊值。该存储模式⽐较适合于内容复杂的图像和真实的照⽚，但图像在放⼤和缩⼩的过程中会失真，占⽤磁盘空间也较⼤。
位图图像由像素组成，每个像素都被分配⼀个特定位置和颜⾊值。数码相机拍摄的照⽚、扫描仪扫描的稿件以及绝⼤多数的图⽚都属于点阵图。
位图图像与分辨率有关，即在⼀定⾯积的图像上包含有固定数量的像素。因此，如果在屏幕上以较⼤的倍数放⼤显⽰图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。
4、⽮量图模式：是存储图像内容的轮廓部分。例：⼀个圆形图案只要存储圆⼼的坐标位置和半径长度，以及圆形边线和内部的颜⾊。优点是图像的缩放不会引起图像失真，图像的存储空间⽐位图⽅式要少得多，且便于修改。
⽮量图形由称为⽮量的数学对象定义的线条和曲线组成，⽮量根据图像的⼏何特性描绘图像。⽮量图形与分辨率⽆关。⽮量图形是表现标志图形的最佳选择。
⼆、Flash⼯具运⽤
1、绘制线条
（1）线条⼯具：绘制各种类型线段
（2）钢笔⼯具：绘制精确的路径、直线或曲线，可调节直线的⾓度和长度，修改曲线
的弧度。
（3）铅笔⼯具：可随意绘制各种线条和形状，有三种模式可供选择
2、绘制图形
（1）椭圆⼯具：绘制椭圆或圆
（2）矩形⼯具：绘制矩形或正⽅型
（3）多⾓星型⼯具：绘制多边型或星型
3、设置图形颜⾊
（1）墨⽔瓶⼯具填充或改变图形的轮廓线颜⾊
（2）颜料桶⼯具可以为图形填充颜⾊
4、编辑图形
（1）任意变形⼯具⽤于移动、旋转、缩放和变形对象
（2）填充变形⼯具⽤于变换具有渐变填充的效果
（3）选择⼯具⽤于选中对象和改变对象的边线
（4）部分选择⼯具⽤于修改图形⼤⼩、形状和路径
5、对象的组合与分离
（1）对象的组合执⾏“修改”—“组合”命令，可以将多个对象组合为⼀个整体，对这个整体进⾏单独的编辑。
（2）对象的分离执⾏“修改”—“分离”命令，可以将整体的图形对象打散，将打散的图作为⼀个可编辑的元素进⾏编辑
6、⽂本⼯具：可使⽤任意变形⼯具使⽂本变形
⽂本分离为普通图形：“修改”—“分离”（ctrl+B），⽂本分离为独⽴⽂字，再次分离，成为普通图形。
7、元件：是指在Flash中创建的，可以在动画中反复使⽤的元素。使⽤元件使得动画制作更为简单，动画⽂件尺⼨明显减⼩，播放速度显著提⾼。
图形元件：是可以反复取出使⽤的图⽚，⽤于构建动画主时间轴上的内容，⼀般是只含⼀帧的静⽌图⽚。
按钮元件：是⽤于创建动画交互控制的按钮，以响应⿏标事件。
影⽚剪辑元件：是可以反复取出使⽤的⼀段⼩动画，可独⽴于主动画播放。
8、元件库、实例：⼀个Flash动画中创建的元件都存放在元件库中，我们只要把元件库中的元件拖放到场景中，就可以创建⼀个相应的实例。元件库中的对象可在动画中多次重复使⽤。
9、顶区：切换和场景名称：⽤来在动画⽂件间切换、编辑场景和编辑元件间切换
10、图层区：每个图层都包含⼀些舞台中的动画元素，上⾯层中的元素遮盖下⾯图层中的元素
11、时间帧区：Flash影⽚将播放时间分解为帧，⽤来设置动画运动的⽅式、播放的顺序和时间等
12、状态栏：指⽰所选帧编号、当前帧频以及到当前帧为⽌的运动时间
13、帧（Frame）：时间轴以“帧”为单位，⽣成的动画以“每秒N帧”（fps）的速度进⾏播放。
14、关键帧（KeyFrame）：是指在动画表演过程中，此关键帧的表演内容与先前的⼀些普通帧内容⼤不相同，⽽呈现出关键性的动作或内容的变化（也只有关键帧中的内容才能够选取和编辑）。
15、声⾳的导⼊：新建⼀个图层，选中要添加声⾳的层，选择声⾳开始的帧，将声⾳直接从库窗⼝拖动到舞台上（可以为声⾳创建任意多的层，每个层所起的作⽤就好像声⾳通道，在播放时，所有层中的声⾳组合在⼀起）“数据流”类型可控制声⾳与动画的同步，将声⾳分配到每个帧中，与动画同时停⽌“开始”在其开始的关键帧显⽰时播放。
制作flash16、动画是由⼀幅幅静⽌的图像，按照⼀定的速度连续播放形成的画⾯。Flash中可以制作三种动画：
⼀、逐帧动画：创建每帧动画的内容，然后逐帧播放
在图层1的第1帧，绘制⼀⼈物（或是导⼊图⽚）；然后在2、3帧插⼊关键帧，并对2帧的⼈头进⾏变形（⽔平翻转），Ctrl+ Enter，看看效果。（注：如果动作太快，可以在
帧后⾯按F5）
⼆、补间动画：指同⼀个对象不同状态的变化，其变化效果是由Flash控制的，常⽤于制作对象的位移、尺⼨缩放、旋转、颜⾊渐变等效果。
◆动作补间动画是在两个关键帧中创建出来的，两个关键必须是同⼀个对象的两个不同状态，通过动作补间将两个关键帧中不同的状态的对象补间出来。
◆动作补间可以使实例、组合或⽂本产⽣位移、变形、旋转、颜⾊渐变，是Flash中应⽤最⼴泛的动画。
【总结】移动、颜⾊渐变、缩放或旋转动画的产⽣必须有以下的条件：
1、⾄少有两个关键帧。
2、必须是同⼀个对象。
补间动画实例（⼀）、图⽚的形变
1、新建⼀个⽂档，选择“⽂件”菜单—导⼊—导⼊到舞台，在场景的⼯作区（舞台）中导⼊⼀张图⽚。
2、选中25帧，单击右键，插⼊关键帧，在⼯具箱中选择任意变形⼯具，在⼯作区中修改图⽚的⼤⼩及位置。
3、选中第1帧，在属性⾥“补间”—“动画”。按Ctrl+Enter键可以观察⼀下效果。思考：如何做图⽚与⽂字间的形变动画？
补间动画实例（⼆）、⽂字动画（位置移动）
位置移动：Hay层中的⽂字从舞台上⽅移动到舞台中间（从第1帧——第10帧，整个长度延长到第15帧）
Look层中的⽂字从舞台左边移动⾄舞台右边（从第5帧开始——第10帧，第1次位移），然后从舞台右边移⾄舞台中间（从第10帧开始——第15帧，第2次位移）。
详解：
1、新建⽂件400*200，背景桔黄⾊
2、在图层1上输⼊⽂字Hay，⼤⼩54，⿊⾊
3、把⽂字转换为“元件”，调整⽂字位置⾄舞台左上⽅
4、修改图层名称为Hay
5、在Hay层中的第10帧插⼊关键帧，将⽂字的位置移动到舞台中间。
6、选择Hay层中的第1帧，创建动作补间动画，把动画延长到15帧。
7、新建⼀个图层，输⼊⽂字Look，⼤⼩54，⿊⾊。采⽤上述⽅法创建Look图层的动画。
Look层中的⽂字从舞台左边移动⾄舞台右边（从第5帧开始——第10帧，第1次位移），然后从舞台右边移到舞台中间（从第10帧开始——第15帧，第2次位移）。
补间动画实例（三）、移动的图⽚
1、新建⽂档，选插⼊菜单中新建元件，选图形。
2、在元件1⾥，选“⽂件”菜单—导⼊—导⼊到舞台，导⼊图⽚（注意中⼼是否在“+”上）
3、回到场景1，选中第1帧，打开元件库（按F11），将库⾥的元件1拖到场景1⼯作区的左⽅，选中25帧，插⼊关键帧（F6键），将场景中的元件挪动到⼯作区的右⽅。
4、选起始帧，在属性⾥补间，选择动画。按Ctrl+Enter键可以观察⼀下效果。
思考：1、多张图⽚连接起来作为元件使⽤，效果如何？
2、在第50帧，按F6键，选择⼯具箱中任意变形⼯具，在⼯作区中修改图⽚的⼤⼩及位置，会有什么效果？翻转图⽚后，效果如何？
补间动画实例（四）、⽂字动画（透明和缩放效果）
透明和缩放效果：第1层创建⽂字，转换为库⽂件，延长⾄20帧。
第2层在第10帧插⼊关键帧，将库⽂件拖⼊，第20帧插⼊关键帧，把实例放⼤，透明，在第10帧创建补间动画。
1、新建⽂件，尺⼨300*100，背景⽩⾊。
2、在图层1上输⼊⽂字Macromedia，⽂字的风格是Arial Black，⼤⼩30，红⾊。
3、选取⽂字，把⽂字转换为元件，元件名称为title
4、新建图层，在该层的第10帧上插⼊关键帧。打开元件库⾯板（或按F11键），从中选择title元件并将
它拖⾄舞台上。
5、在该层的第20帧上插⼊关键帧，将实例⽤⾃由变形⼯具拉⼤，通过属性⾯板的颜⾊列表改变透明⾊（即alpha=0）
6、在该层的第10帧创建补间动画
7、把图层1延长到20帧，在第10帧上对齐两个层上的实例的中⼼点。
8、保存⽂件
补间动画实例（五）、旋转渐变动画（旋转⽂字）
1、新建⼀个⽂档，在插⼊菜单⾥单击新建元件，选择图形。
2、在元件1⾥围绕着“+”写进去⼏个字。
3、回到场景1，按F11键，将库⾥的元件1拖到场景1⾥，在20帧左右插⼊⼀个关键帧。
4、选中第1帧，在属性⾥补间—动作，可以在旋转⾥顺时针或逆时针，并设定旋转的次数。按Ctrl+Enter键测试效果。
思考：花瓣在不停的转动，步骤如何?
补间动画实例（六）、旋转风车（旋转和颜⾊变化）
旋转和颜⾊变化：制作风车外型，转换为库⽂件。第30帧、60帧各插⼊关键帧。第30帧改变颜⾊和缩⼩风车外观。第1帧和30帧创建补间动画。
详解：
1、制作风车外形：
（1）绘制⼀个⽆描边的黄⾊矩形
（2）利⽤空⼼⿏标标⼯具选取矩形的左下⾓删除，左上⾓往下移
（3）⽤实⼼⿏标⼯具选取矩形进⾏组合操作
（4）选取组合的矩形，利⼼任意变形⼯具调整中⼼点到底端
（5）选择窗⼝，设计⾯板、变形命令，弹出变形对话框，在旋转⽂本框中输⼊45度，单击对话框右下⾓的拷贝并应⽤变形按钮，完成风车外形绘制。
2、将风车转化为库⽂件
3、在第30帧和60帧各插⼊⼀个关键帧。
4、在第30帧改变风车的颜⾊为红⾊，60%，缩⼩风车的⼤⼩。
5、在第1帧和第3帧创建补间动画，旋转是“顺时针”1次。
补间动画实例（七）、⽂字变形（⽂字分散到图层）
1、新建400*300⽂档
2、将图层1命名为背景
（1）执⾏—⽂件—导⼊—导⼊⾄舞台—导⼊图⽚
（2）在信息⾯板上调整导⼊图⽚的⼤⼩和舞台相同，位置重合
3、插⼊新图层，默认为图层2
（1）使⽤⽂本⼯具输⼊“花好⽉圆”，64号，⾪书，红⾊
（2）将⽂字放在右侧，执⾏—修改—分离命令，将这4个字分离成单独的⽂字
（3）将分离的⽂字全部选中，执⾏—修改—时间轴、分离到图层命令，将这4个字分散到图层。
（4）删除默认图层2
4、选中“花”⽂字，转换为“图形元件”，名称为“花”，注，册点在“中⼼”
5、选中同上4的⽅法，把“好”“⽉”“圆”分另转换为“图形元件”
6、选中“花、好、⽉、圆”图层在第15帧，插⼊关键帧
7、在背景图层的第15帧处插⼊，使背景延长到15帧。
8、将播放指针拖到第1帧，选“花”图形元件实例，⽔平翻转，在变形⾯板上设置缩⼩为20%，⽤同样的⽅法设置其它3个⽂字图层。
9、为4个⽂字图层创建补间动画
10、选中“好”图层的所有帧。拖动⿏标把起始帧拖到第10帧，同样的⽅法把“⽉”“圆”图层的起始帧拖到第20帧，第30帧
11、选择所有图层的第60帧，插⼊帧，保存⽂件。
补间动画实例（⼋）、图像切换（使⽤alpha通道制作图像淡出淡⼊效果）
1、新建400*300，帧频24⽂档
2、执⾏—⽂件—导⼊—导⼊到舞台命令—导⼊图像
（1）把图层1命名为花朵
（2）在信息⾯板上设置该图像的⼤⼩与位置与舞台完全重合
（3）把图像转换为名为“花朵”的图形元件，注册点在“中⼼”
3、在花朵层上创建⼀个新层图，命名为“波纹”
（1）执⾏—导⼊图像
（2）在图像转换为名为“波纹”的图形元件，注册点在“中⼼”
4、分别在“花朵”和“波纹”图层的第20帧、81帧、100帧处插⼊关键帧
5、选时间轴⾯板上第1帧、锁定、隐藏“波纹”图层
6、选“花朵”元件实例
（1）在属性⾯板上设置alpha为0
（2）选第100帧，设置alpha为0
（3）分别选第1帧和第81帧，创建补间动画
7、在时间轴⾯板上解除“波纹”图层的锁定和隐藏，将播放指针拖到第1帧
（1）选“波纹”元件实例，在属性⾯板上“颜⾊”下位列表中选“⾼级”，设置效果：⾼级效果（红=-10% R+255）（绿=100%
G+255）（蓝=100% B+255）（Alpha=0% A+0）（2）将播放指针拖拽到第100帧，选择“波纹”元件实例，在属性⾯板上设置与第1帧
相同（如上图）
（3）分别选择“波纹”图层的第1帧，第81帧，创建补间动画
（4）选择“波纹”图层的第1帧与100帧之间的所有帧，将其拖拽到第90-190帧处
8、保存⽂件。
三、形状补间动画：指两个图形对象的变换，其变化效果是由Flash控制的，其动画效果是从⼀个图形转换为另⼀个图形。
1、形状补间动画也是在两个关键帧中创建出来的，但两个关键必须是两个不同图形对象，通过形状补间可以将两个图形间的转换过程补间出来。
2、形状补间的对象只能是分离的可编辑图形，形状补间使图形形状发⽣变化，⼀个图形变成另⼀个图形。
3、要对组、实例或位图形图像应⽤形状补间，必须⾸先将这些元素分离。要对⽂本应⽤形状补间，必段将⽂本分离（⽂本串须分离两次）
【总结】形状渐变动画产⽣必须有以下条件：
1、⾄少有两个关键帧。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论