FLASH 动画制作（一）

FLASH动画制作（一）

FLASH动画制作(一) • 1 认识界面 • 2 时间轴面板 • 3 在Flash中创建图形基础 • 4 基本工具介绍 • 5 Flash绘制图形（一） • 6 Flash绘制图形（二） • 7 编辑图形

1 认识界面 • 启动Flash CS3以后，显示如图所示画面，选择所需项目如“新建/Flash文件(Action Script2.0或是Action Script3.0)”，来新建一个文件。

1 认识界面

1 认识界面 • 这时显示如图所示Flash CS3界面，Adobe公司在其CS3系列中采用了相同的风格。

1 认识界面

1 认识界面 • 1. 标题栏 • 2. 菜单栏 • 3. 常用工具栏 • 4. 控制工具栏 • 5. 绘图工具栏 • 6. 属性面板 • 7. 设计舞台 • 8. 时间轴面板 • 9. 其它面板组

2 时间轴面板 • 2.1 图层 • 2.2 画格

2.1 图层 • 1. 新增图层 • 新建立的文件，一般只有一个图层。如果在制作的时候需要多个图层，就可以新增图层，具体步骤如下： • (1) 选择任一个图层。 • (2) 单击添加图层按钮【】。或通过菜单“插入”|“时间轴”|“图层”命令来新增图层。新增图层出现在当前选择的图层上面。

2.1 图层 • 2. 选择图层 • 在Falsh中，当需要对图层中的内容进行动画制作时，你必须先选择图层，在Flash中，选择一个图层可以通过多种方法： • (1) 选择图层名称的方法：通过选择图层名称，从而选择该图层中的所有内容。 • (2) 选择图层中的画格的方法：通过选择图层中的任何一个画格，来选择该图层的内容。

2.1 图层 • 2. 选择图层 • (3) 选择图层中的物件的方法：通过选择图层中的某个物件，从而也选择该图层。 • 在选择多个图层的时候，可以配合【Shift】键或【Ctrl】键：配合【shift】键，可以选择多个连续的图层。配合【Ctrl】键，可以选择多个不连续的图层。在选择的时候，如果需要减少图层的选择，也是配合【Ctrl】键取消选择。

2.1 图层 • 3. 重新命名图层 • Flash在缺省情况下，新增图层名字以图层加上序列号组成。在实际应用中，可以根据自己的需要将图层重新命名。双击图层名称后，直接输入新名称即可。

2.1 图层 • 4. 删除图层 • 当确定不再需要某个图层时，可以直接删除该图层。方法是：先选择需要删除的图层，再单击时间轴面板上的删除图层按钮【】。

2.1 图层 • 5. 在Flash中，各个图层之间也有先后顺序关系 • 改变图层顺序的方法和Photoshop一样，选择图层并按下鼠标左键上下拖动即可。

2.1 图层 • 6. 图层状态 • 作用状态：只有处在作用状态的图层才可以进行编辑，如添加、删除、移动等操作。 • 隐藏状态：如果文件有很多图层，而在编辑中不需显示那么多图层，就可以隐藏一些图层。 • 锁定状态：处于锁定状态的图层内容只可见但不可对它进行编辑。 • 外框显示状态：这种方式表示图层中的所有内容都以外框形式显示出来，即可以看见图层内容，又可以执行编辑工作。

2 时间轴面板 • 2.1 图层 • 2.2 画格

2.2 画格 • 时间轴面板上，一格一格的小方格就是画格(Frame)。由左至右连续播放画格的内容，就形成了Flash动画。

2.2 画格 • 1. 修改画格的播放速率 • 画格播放速率是指每秒钟播放的画面数，默认值是12fps(Frame Percent Second)。画格的播放速率影响动画的流畅性。一般来说在每秒钟播放的画格数越多(30帧以内)动画就越流畅，像卡通画一般是12fps，电影是24fps，PAL制式的电视是25fps，NTSC是30fps。

2.2 画格 • 1.修改画格的播放速率 • 如果我们想改变画格的播放速率，选择菜单“修改/文档”命令，或快捷键【Ctrl+M】，都可以打开如图所示的属性设置对话框。

2.2 画格 • 2. 新增画格 • 新建立的文件，默认情况下，只有一个画格。你可以根据自己动画的长度，来设定画格的数目，在需要设定画格长度的地方右击，在弹出菜单中选择“插入帧”命令或快捷键【F5】就可以增加画格。 • 在当前层设定了一定长度的帧数后，在它之上新增的图层，会以它的长度为标准，自动设定画格的长度。

2.2 画格 • 3. 选择画格 • 选择画格：在编辑画格之前，需要选择画格。可以通过以下几种方式来选取画格。 • (1) 用鼠标拖动选择连续的画格； • (2) 按住【Shift】键的同时，选择连续的画格； • (3) 按住【Ctrl】键的同时，选择不连续的画格； • (4) 选择图层，可以将该图层中的所有画格都选择； • (4) 选择物件，可以将与该物件有关的所有画格都选中。

2.2 画格 • 4. 删除画格 • 如果你确定要删除某些画格，可以先选择它们，然后右击，在弹出菜单中选择“删除帧”命令或快捷键【Shift+F5】。

3 在Flash中创建图形基础 • 在Flash中，当你所绘制的线条穿过别的线条或图形时，它会像刀一样把其他的线条或图形切割成不同的部分。同时，线条本身也会被其他线条和图形分成若干部分。

3 在Flash中创建图形基础 • 在flash中，当在同一层中绘制图形时，如果图形之间有重叠部分，那么重叠部分将属于后绘制的图形，如图所示，后绘制的椭圆(也就是上面的椭圆)就把下面的椭圆的内容冲掉。

3 在Flash中创建图形基础 • 在Flash中，对于绘制的图形，其描边和填充是分别独立的对象，可以进行单独操作。如图所示。

4 基本工具介绍 • 4.1 绘画工具 • 4.2 选择工具 • 4.3 文字工具 • 4.4 其它工具

4.1 绘画工具 • 1. 直线工具 • 直线工具【】用来绘制直线，配合【Shift】键可以绘制水平、垂直和45度角的直线。对直线我们可以在如图所示的属性面板中设置其颜色、粗细和线型等属性。

4.1 绘画工具 • 2. 椭圆工具和矩形工具 • 椭圆工具【】用来绘制椭圆和圆；矩形工具【】用来绘制矩形和正方形。对于绘制的图形，除了有填充内容以外，还有描边设置。这里的描边设置和在直线中的设置相同。

4.1 绘画工具 • 2. 椭圆工具和矩形工具 • 而对于填充色的设定可在颜色面板中设置为单色、放射渐变、线性渐变、位图等。

4.1 绘画工具 • 3. 使用铅笔工具 • 如果鼠标使用比较熟练，在用铅笔工具【】绘图时会感觉和用真正的铅笔差不多。 Flash还允许对所绘线条进行拉直或圆滑，拉直或圆滑的程度取决于所选绘图模式。

4.1 绘画工具 • 4. 刷子工具 • 在Flash中，对刷子工具【】，除了可以设置像图形那样的颜色属性外，我们还可以设置如下属性： • 设置画笔模式： • 画笔的大小： • 画笔的形状： • 锁定填充：

4.1 绘画工具 • 5. 墨水瓶工具 • 在绘图工具栏中点选【】进入墨水瓶涂色方式，这时图标也变为墨水瓶形状。单击线条，可以将其改为指定的颜色。其参数设置和直线设置相同。 • 注意，墨水瓶工具不能改变图形的填充色。

4.1 绘画工具 • 6. 颜料桶工具 • 它的作用是使用单色、渐变色或位图对某一区域进行填充，和墨水瓶工具相对应的是它只能作用于填充区域而不能作用于线条。单击【】进入颜料桶填色状态，除了设置和椭圆工具的填充颜色设置外，还可以设置空隙大小为： • 不封闭空隙 • 封闭小空隙 • 封闭中等空隙 • 封闭大空隙

4.1 绘画工具 • 7. 渐变变形工具 • 渐变变形工具【】用来对填充的渐变色进行变形，

4.2 选择工具 • 1. 选择工具【】 • (1) 选择并移动图形和线条。

4.2 选择工具 • 1. 选择工具【】 • (2) 调整线条和图形的形状。如图所示，左边为没调整之前的形状，右边为调整后的形状。

4.2 选择工具 • 2. 套索工具【】 • 单击绘图工具栏中的【】进入套索选取状态。套索工具可以用来选取任何形状范围内的对象，相对于选择工具而言，套索工具在选择功能上更强一些。点住鼠标并绘制，象用铅笔工具那样绘出要选择的区域，可以不封闭，Flash将用直线来自动封闭。

4.2 选择工具 • 2. 套索工具【】 • 在套索工具的选项中【】为魔术棒工具，主要用于对位图进行操作，【】为魔术棒参数设置选项，一共有两个参数，一个是阈值(Threshold)，用于定义包括在选取范围内的相邻像素色值的接近程度，数值越高，可选取范围越宽，如果输入数值为0，只有与你最先单击那一点的像素色值完全一致的像素才会被选中。另一个参数是平滑程度(Smoothing)，用于定义位图边缘平滑到什么程度。其选项包括Smooth，Pixels，Rough和Normal。【】为多边形套索工具，可以绘制出边为直线的多边形选择区域，绘制时在顶点单击鼠标，在结束时双击鼠标即可。

4.3 文字工具 • 单击按钮【】进入文字编辑状态，在属性面板上可以设置其参数。可以选择的设置包括字体、字号、颜色、加粗、倾斜和对齐方式等。

4.4 其它工具 • 除了我们上面介绍的这些工具外，其它一些工具像部分选取工具【】、钢笔工具【】、橡皮工具【】、抓手工具【】、缩放工具【】等，它们的使用方法和Photoshop中的使用方法类同，这里就不再复述。

5 Flash绘制图形（一）

6 Flash绘制图形（二）

FLASH 动画制作（一）