Flash 动画制作

Flash动画制作

简介 Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准。 Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。 1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。 2005年，在出到Flash 8以后，Macromedia又被Adobe公司收购。Flash通常也指Macromedia Flash Player(现Adobe Flash Player)。 Flash动画设计的三大基本功能：绘图和编辑图形、补间动画和遮罩。

Flash动画的应用领域 • 主页制作/网站制作 • 网上广告或logo • 网络动画，如Flash MV，电子贺卡 • 多媒体软件 • 网络游戏，如连连看等 • 如何保存网上的flash作品？

方法1：在临时文件中找。浏览器/工具/IE选项

在IE浏览器中，迅雷会自动检测。 在360浏览器中，按住alt+ctrl单击flash影片，也可以下载。利用ie缓存来保存swf文件,迅雷，360等来保存swf文件都要在这个swf文件load完以后进行。

优秀的网站推荐 • 闪吧www.flash8.net • 闪客动漫天地 www.flashsky.com

用户界面 • 标题栏 • 菜单栏 • 工具箱 • 时间轴窗口（层控制区、帧编辑区） • 舞台 • 常用面板：属性、动作、信息、对齐、变形、混色器、组件、库等 • 如果界面上，没有需要的面板，怎么办？

小胖跑步.fla为例子。 • 动画是由不同的帧组成的，帧是构成动画的基本单位。对帧的操作就是对动画的操作。 • 时间轴的组成：层、帧、播放头 • 图层的创建：每个图层拥有独立的时间轴和独立的帧。图层的多少不影响发布的swf文件大小。每个图层只能有一个元件的动画。

关于图层—— • 图层修改 • 选取图层 • 删除图层 • 锁定/解锁图层 • 重命名图层 • 改变图层的次序 • 显示/隐藏 • 显示边框 • 引导层 • 遮蔽层

帧 • 关键帧：在动画播放的过程中，呈现出关键性动作或内容变化的帧。它定义的动画变化的关键环节。 F6插入关键帧 • F7：插入空白关键帧 • F5：插入普通帧 • 帧标记与帧注解 • 设置帧速度 • 帧的操作：右键

Flash动画制作入门 • Flash动画制作原理动画就是连续呈现一组静态的画面。每一副静态画面，就是一帧。在时间轴的不同帧上放置不同的对象，或设置同一对象的不同属性（形状、位置、大小、颜色、透明度等）。当播放这些帧时，就形成动画。

Flash动画制作的常用操作 （1）新建文档（2）设置文档属性（尺寸，背景色，帧频）（3）绘制图形（4）舞台设置（放大，变小，移动，网格）（5）帧，动画看小胖跑步的动画。

图形制作 每选中一种工具，该工具就被激活，并显示出相应的选项和属性面板。

几个概念 • 图形 • 对象 • 组合对象；组合 • 打散 • 元件 • 元件实例

工具分类 • 构图工具：直线工具、铅笔工具、钢笔工具、笔刷工具，还有能够直接绘制出图形来的椭圆工具、矩形工具、多边形工具等。 • 填充工具：颜料桶工具，是给图形填充颜色的。墨水瓶工具，是改变线条颜色的。熟练运用混色器。 • 调整工具：用来调整形状和颜色。选择工具、部分选取工具、套索、橡皮擦，还有使用最频繁的任意变形工具。

构图工具——

1.用直线绘制调整线条 Flash8以前的版本，位于舞台上同一图层中的所有形状可能会影响其它重叠形状的轮廓。 Flash8可以在舞台上直接创建形状，而不会与舞台上的其它形状互相干扰。使用新增的“对象绘制”模型创建形状时，该形状不会使位于新形状下方的其它形状发生更改。注意对象的切割和融合。直线：可以画线条和简单形状。 • 注意“对象绘制”模式和线条样式，粗细. 按住shift,绘制水平、垂直、45度斜线视图/网格/显示网格，贴紧网格

用来改变线条的弯曲度和端点的位置。举例 选择工具：调整线条注意成组和先后顺序当光标变为后，按住ctrl，可以加入一个拐点。

曲线上避免出现折角。 选中折角及周围的线条，可以用黑色箭头的“平滑”去掉折角。

1. 选中“铅笔工具” 后，可在工具箱的“选项”区选择铅笔模式 2.在“属性”面板中设置“铅笔工具” 的参数 2.铅笔：随心所欲绘制各种线条选择铅笔模式 “铅笔工具”的“属性”面板直线化平滑墨水

典型实例——打渔小船 用“铅笔”绘制海浪；用“线条”工具绘制帆船和海鸥，并用“选择”工具调整。用“铅笔”绘制云彩和桅杆上的小旗。

3.用笔刷绘图上色 • 绘图模式 • 标准：填充颜色覆盖同层的线条和颜色填充区 • 颜料填充：在绘图区的空白处填充颜色，有线条的地方不受影响。 • 后面填充：在所有内容的后面填充颜色。 • 颜料选择：在当前选择的颜色区域中填充。 • 内部填充：在封闭的填充区内画图，线条不受影响。注意：起点在内部。例如画花瓣。 • 笔刷的形状和大小

注意：笔刷绘制的是填充区域，而不是线条。 属性设置，颜色：黑，笔刷样式：圆，笔头大小：根据需要，不停的变化大小，平滑度：50。

五种绘图模式的效果如图： 注意：事先画好的矩形必须是打散的形状，不能是成组的对象。

锚点，决定线条起点，终点，以及转折点的位置，利用锚点，可以调整线条形状。使用钢笔工具，单击形成的锚点，是直线锚点。单击并拖动形成的锚点，称为曲线锚点。锚点，决定线条起点，终点，以及转折点的位置，利用锚点，可以调整线条形状。使用钢笔工具，单击形成的锚点，是直线锚点。单击并拖动形成的锚点，称为曲线锚点。利用“部分选取工具” 可以方便地移动线条上的锚点位置和调整曲线的弧度。 4.钢笔：绘制直线或平滑曲线

实例：草地河流

5.矩形工具组 椭圆、矩形、多边形、星形 • 按住shift，绘制正圆，正方形等。基本矩形工具

5.矩形工具组 椭圆、矩形、多边形、星形 • 按住shift，绘制正圆，正方形等。显示网格，对齐网格贴紧对象

石墨分子晶体结构俯视图 1.运用辅助线和标尺。 2.绘制六边形时，按住Ctrl，则可以绘制出边线与辅助线平行或垂直的图形。 3.绘制放射状渐变的小球。改变中心点的位置。

填充工具——

颜色的设置包括线条色和填充色 1.填充色使用染料桶，是在封闭的区域中填充填充纯色，渐变色，位图。注意，线条之间一定要交接好，要用贴紧对象。 2.线条色使用墨水瓶，改变边缘线条的颜色。具体使用方法：选择墨水瓶工具，然后设置笔触的颜色，或者打开属性面板进行笔触粗细和颜色的设置（颜色也可以在混色器里设置），再在要修改的图形上点就可以了。 • 例如制作空心字

3.用吸管工具吸取其它形状图形的笔触颜色和填充色。吸管工具在使用的时候，要先打开要吸取颜色的图形，然后用吸管工具在颜色区点一下即可，也可以吸取笔触颜色。利用吸管工具同样可以吸取位图的颜色，但是吸取位图的颜色是一个像素的颜色，不是一个区域。3.用吸管工具吸取其它形状图形的笔触颜色和填充色。吸管工具在使用的时候，要先打开要吸取颜色的图形，然后用吸管工具在颜色区点一下即可，也可以吸取笔触颜色。利用吸管工具同样可以吸取位图的颜色，但是吸取位图的颜色是一个像素的颜色，不是一个区域。如果是渐变色和位图，要解除颜料桶的锁定标志。位图需要打散。 4. 混色器面板：混色器是用来设定比较复杂的颜色的工具，笔触颜色和填充色的设置方法一样。

颜色的设置： 双击色块，出现下面的色块样板。说明：线形填充色的显示是从左面色码到右面的色码按顺序显示。放射填充的色码是最左面的在中间，最右面的在边缘，是从中间向四周显示

先选择颜色，再用合适的工具设置填充色或笔触色。先选择颜色，再用合适的工具设置填充色或笔触色。

调整工具—— • 选择工具 • 渐变变形工具 • 自由变形工具 • 套索 • 橡皮擦

1.选择工具（黑色箭头）——改变基本图形的形状1.选择工具（黑色箭头）——改变基本图形的形状 • 制作曲线 • 由矩形制作三角形、等腰三角型 • 梯形，等腰梯形 • 对圆形进行分割(注意矢量线条的融合) • 注意选择工具的三个选项：吸附、平滑、伸直。见后图 • 注意：视图/网格，显示网格，可以提高准确性。

在基本图形的基础上，用移动工具简单调整。

2.渐变变形工具——颜色调整对使用渐变颜色和位图进行填充的形状图形进行填充调整。纯色不能使用。2.渐变变形工具——颜色调整对使用渐变颜色和位图进行填充的形状图形进行填充调整。纯色不能使用。（1）线性渐变色的调整：在图形左部分那个方框中间带箭头的按钮可以调整渐变范围，圆形边带个箭头的可以旋转调整渐变方向，点中间的小圆圈可以顺着渐变方向拖动中心点

（2）径向渐变色的调整： 点中心的小圆可以拖动中心点的位置。边上有 3 个可调节手柄：小方框里带箭头的调整对称单方向，半圆里带个小箭头的调整整个范围，圆手柄可以旋转。

3.变形工具 （1）可以改变大小。（2）可以改变倾斜度和旋转角度。（3）可以扭曲，作出近大远小的透视效果。（4）可以封套，任意调整形状。

画个雪花，字体变大，制作礼品盒，等边三角形（注意设置变形点）画个雪花，字体变大，制作礼品盒，等边三角形（注意设置变形点）

修改——形状——柔化填充边缘

典型实例——草原花朵 一边旋转，一边复制

Flash 动画制作