flash动画制作完整入门教程(新手必备)

flash动画制作完整入门教程(新手必备)

flash动画制作完整入门教程(新手必备)

flash动画制作完整入门教程(新手必备)

flash动画制作完整入门教程（新手必备）

目录Flash基础

（一）动画制作

一、界面介绍

二、绘制对象

三、缩放对象

四、调整对象

五、辅助选项

六、输入和修改文字

七、编辑文字

- 1 -

八、显示和隐藏时间轴

九、显示和播放帧

十、编辑帧

十一、图层操作

十二、图层遮罩

十三、符号和组件

十四、线性动画

十五、缩放动画

十六、色彩动画

十七、引导线动画

十八、按钮组件

十九、帧动作和按钮动作二十、添加声音

二十一、总结

启动Flash单击“开始”|“程序”，在程序菜单中找到Flash或者Macromedia菜单选择Flash项。启动Flash后会出现一个窗口，动画制作就在这个窗口中，下面我们来看一下。

1.标题栏

- 2 -

窗口的上面是蓝色的标题栏，当前影片自动给了一个名称[影片1]，在“保存”文件时要改为一个有意义的文件名称。

菜单是一组命令，我们操作计算机，就是向计算机提供指令，其中“文件”菜单（注：本书中所有带双引号文字都是命令选项）要求记住“打开”、“保存”、“另存为”、“导入”几项，文件菜单中的命令都跟文件操作有关。“插入”菜单中要记住“新建组件”和“转换成组件”两个命令。“修改”菜单的“群组”和“分解组件”命令。“窗口”菜单中的“面板”命令。

3.工具栏

工具栏中放的是常用的菜单命令，而且是用图标来表示的，便于形象记忆。

4.工具箱

工具箱里面有许多的绘图和修改工具，要求记住黑“箭头”工具，它是用于选择图形的，“A”是文本工具，用于文 - 3 -

字输入，里面还有两个瓶子，要区分开，左边的“墨水瓶”工具是用来给图形的外边框涂色的，一般铅笔和钢笔用它选颜色，右边的“油漆桶”工具用来给图形的内部填充色，一般给圆形、矩形内部和刷子喷色。

5.时间轴面板

时间轴面板分成了两块，左边是图层面板，自动有一个黑色的“图层1”，黑色上面有三个按钮：一个眼睛一个小锁和一个方框，图层面板用来控制图层的添加、删除、选中等等。

这右边是时间轴，上面有许多的小格子，每个格子代表一帧，整数的帧上有数字序号，而且颜色也深一些，一帧可以放一幅图片，动画就是由许许多多帧组成的。帧上面有一个红色的线，这是时间指针，表示当前的帧位置，同时下面的时间轴

状态栏也有一个数字表示第几帧。时间轴右上角还有两个按钮，一个是场景按钮，一个是组件按钮。

6.场景

- 4 -

工作区的中央空白是场景，所有的画图和操作都在这个白色的区域中实现，也只有这个区域的图像才能在动画中播放出来。窗口的最下方是状态栏，状态栏左边有一个显示比例列表框，可以放大或者缩小场景的显示比例。

（一）动画制作

动画是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化，在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧（以后我们就用帧表示图片），当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体则用一幅幅相同的图片来表示，在电脑中只要告诉Flash动画的第一幅和最后一幅图片，而中间的变化电脑会自动生成，大大减轻了动画创作的负担，使得动画创作由传统的手工制作，转变为电脑合成，从而为动画制作开创一个新的天地。

练习：在Flash中制作一个小车和一条路

1.先制作小车，从左边的工具箱中选择矩形工具，在白色的工作区左边画一个长方形作车厢，再选择椭圆工具，画两个圆当作车轮。

2.从左边的工具箱中选择黑色的箭头工具，它是用来选 - 5 -

择物体的，用箭头工具在中画一个大框把小车整个框住，然后单击菜单栏中的“修改”菜单，选择“群组”命令，把小车组装起来。

这样就有了小车的一幅图片，这时小车在左边。小车最后跑到了右边，我们只需画出两头的图片，中间的让电脑来制作。

3.在第20帧上单击鼠标右键，在弹出的菜单中选择“插入关键帧”命令，电脑自动照着第一帧给20帧插入了小车的图片。小心地把工作区左边的小车拖到右边，这样第一帧小车在左边，第20帧小车在右边，中间小车跑动的图片电脑会自动插入。

4.在第一帧上单击鼠标右键，在弹出的菜单中选择“创建动画动作”，这时在第1帧到第20帧颜色会变蓝紫，上面有一个从左到右的箭头，表示电脑已经成功地插入中间过渡帧。

- 6 -

5.公路是静止不动的，因此跟小车要分开画，单击图层1下面的“＋”号按钮，在图层1上新增一个图层2，电脑自动按照图层1给图层2插入20帧空白帧，在图层2的第一帧上点击一下鼠标选中第一帧。选择左边工具箱中的直线工具在小车的上下各画一条长的直线，这样公路也制作好了。公路是静止的，因此第一幅图片一直延伸到最后。

6.动画制作好了要播放一下，左手按住Ctrl键不松手，右手按一下回车键（Ctrl＋回车键），就可以观看动画了，返回的方法是Ctrl＋W或者是在“文件”菜单里选择“关闭”命令。

7.最后再对动画进行一下整理，按Ctrl＋W返回到场景中，单击“文件”菜单选择“保存”命令，在弹出的对话框中找到自己的文件夹，单击桌面任务栏右下角的蓝色“En”调出紫光拼音输入法，以“我的小车”为文件名，保存文件。再在“图层1”上双击鼠标，输入“小车”，同样在“图层2”上双击把名称改为“公路”，车应该在路的上面，把“车”这一层拖动到“公路”的上面，再保存一下文件。

- 7 -

小结：Flash动画的制作过程，一般是先分析图形的组成，再选择一个图层一个帧，选择适当的工具，适当的颜色和大小，最后在工作区中适当的位置画图。

一、界面介绍

启动Flash后，Flash的界面主要有菜单栏、标准工具栏、左边的工具箱、左下角的工具选项、最下面的状态栏。

1.菜单栏包含所有命令，它的使用既可以用鼠标也可以用键盘，鼠标用左键单击，键盘先按Ａlt键，再用方向键移动和回车键选择，也可以按Alt键和带下划线的字母。你还可以发现有些命令旁边会出现快捷键符号，如“F6”是“插入关键帧”命令。

2.工具箱在窗口左边，由14个工具按钮和下面的工具选项构成。选项可以让工具有特殊的功能，比如改变颜色、大小、形状等等。

3.时间轴面板在窗口中上部，它的左边是图层面板，默认有一个“图层1”黑色(反白显示)。它的中间是帧面板，它的上面有许多的小格子，一个格代表一帧，每一帧都可以画一幅图，各帧之间互不干扰。选择帧用“箭头”工具在帧的小格子里点一下鼠标左键，这一帧就变黑反白显示，表示已经选中了。选多个帧时要同时按住Shift键不松手再点击下一帧。在帧的上方有数字标注帧的

- 8 -

序号，有一个红线表示时间指针，动画总是从时间指针处开始播放，定位指针的方法也是用鼠标左健在数字序号上单击时间轴面板下方是白色的工作区，每一帧都有自己的一个工作区，所有的绘图和对象操作都是在工作区中进行的，状态栏的左下角有一个显示比例按钮，可以调节工作区的显示比例。

4.工作区的大小可以在时间轴的下面“12.0帧”上双击，在弹出的对话框中设定，里面还可以设定动画的播放速度（默认是12帧每秒播放）。也可以执行“修改”菜单中的“影片”命令调出对话框。状态栏位于Flash窗口的底端，用于提示选择的命令和工具的功能，当鼠标指向某个按钮时，旁边会有提示，同时状态栏中也有说明文字。

二、绘制对象

Flash中的图形一般都是矢量图形，每个对象都有自己的属性，例如直线有颜色，线型，填充色等属性，可以在相应的面板中修改。

现在我们试着创建简单的图形，基本的对象当然是直线对象，在工具面板中单击直线工具，在工具选项中的填充色（有油漆桶图形的颜色）选择直线的颜色为红色，在“窗口”菜单中“面板”中单击“描绘”命令，在面板中选择粗细（一个双箭头）为3，“实线”样式不变。

- 9 -

然后将鼠标移到工作区，当鼠标指针变成十字型时，按住左键拖动到直线终点，松开左键，就可以创建出一条直线。

如果打开了网格锁定功能（“查看”菜单中的“网格”中的“贴近网格”命令），就会很容易绘制出垂直和水平线段，当然还有一种更简单的方法，就是拖动时按住Shift键。

怎样绘制普通的曲线呢？使用铅笔工具，在下面的选项面板中单击按钮选择一种铅笔模式就可以随意绘画了。在第四帧插入一个空白关键帧，用铅笔工具下面的选项中的三种模式（“直线化”、“平滑”、“墨水瓶”），分别在工作区中用铅笔工具写出绿色、实线、粗细为1的“美丽的校园”。比一下它们的不同之处。用“保存”命令保存一下文件

三、缩放对象

下面我们开始介绍如何使用Flash工具缩放、旋转和倾斜对象。

在编辑图形时，经常会使用缩放工具调整图形的大小，方法是先用箭头工具选中对象，然后单击箭头工具的缩放选项（在工具箱的右下角），此时选中的对

象周围会出现八个控制点小白方块，沿着控制点的方向拖动小白块，即可缩放对象。旋转操作和缩放对象基本上差不多，选取箭头工具的旋转选项（在缩放选项旁边），对象的周围会出现八个圆形控制点，表示旋转。注意：顺着箭头的方向拖动或旋转，旋转时要绕着圆心拖动。

- 10 -

练习1：在工作区中输入字号１２号红色“美丽”，用箭头工具选中，按住Ctrl键用箭头工具拖动对象，可以复制对象，我们一共复制八个来。其中四个用缩放工具，分别缩成瘦长形的、扁形的、放大的和缩小一倍的图形，另外四个用旋转工具，分别旋转９０度、１８０度，以及倾斜左、右４５度，用“缩放对象”为文件名，用“保存”命令保存文件到自己的文件夹中,按Ctrl＋回车键（按住Ctrl不松再敲一下回车键）测试影片，看一下效果。欣赏完按Ctrl＋W关闭返回。

精确的编辑要在面板中，用数字确定。打开“转换”面板，看一下面板上的各个选项，两个双箭头表示横向和纵向的放大倍数，默认100%不放大，下面的旋转和缩放选项，对应工具箱上的两个工具。左下角有两个按钮，一个是“复制并应用转换”单击就可以按设定复制出一个对象。另一个是“复位”可以让变形的对象恢复原样。

练习2：在第二帧单击鼠标右键，选择“插入空白关键帧”命令，插入空白关键帧，选择文本工具，在工作区中写上红色２４号“千军万马”，选择箭头工具，按住Ctrl键拖一个放在旁边，选中第一个文字对象，打开“转换”面板，在“旋转”中输入度数９０后按回车键确定，看一下效果，再选中第二个文字对象，在“旋转”中输入９０后单击“复制并应用转换”按钮，看一下效果，再单击一下“复位”按 - 11 -

钮。看一下效果。再输入４５连续单击三次“复制并应用”按钮，看一下对象的排列情况。保存一下文件更改旋转中心如果你想改变对象的旋转中心点，在选中对象后，打开“修改”菜单，选择“转换”菜单中的“编辑中心点”命令，对象会出现十字形中心点，用箭头工具拖动中心即可改变位置。

练习3：下绘制一朵花，在第三帧上插入一个空白关键帧，选择椭圆工具，用黑白渐变色，在工作区中竖着画一个细长的椭圆，这是一个花瓣，用箭头工具选择椭圆的外边框（当鼠标后面拖一条线时就是外边框），按Delete键删除边框，选中椭圆，按Ctrl+G键将图形转变为群组对象，选择“修改”菜单中的“转换”中的“编辑中心点”命令，将椭圆的中心点拖到椭圆下边的再下面大约2毫米（中心点已经在椭圆外面了）。打开“转换”面板，在“旋转”中输入36（每次转36度），连续单击“复制并应用转换”按钮，最终得到一朵花。用保存命令保存一下文件。

练习4：怎样让这朵花转动起来？

在“修改”菜单中还有两个常用的“水平翻转”和“垂直翻转”，在第四帧插入一个空白关键帧，输入“千山万水”，再复制成两个，分别试一下这两个命令。看一下它的效果。

（如果想要改变渐变色（填充色颜料中最下边的一排）的中心可以用油漆桶工具的“转换填充”选项来修改，选中 - 12 -

油漆桶工具，选中渐变色，给对象填色，然后单击“转换填充”按钮，再在对象的渐变色上单击一下，按照控制手柄的方向拖动即可）

四、调整对象

对象会依照建立的先后顺序来决定其排列顺序，最先建立的对象会在最底层，而最晚建立的对象则会在最上层，如果您想改变对象的顺序，可以使用Flash的命令。

1.在工作区中，假如有多个对象，如果要改变它们的顺序先选中它，再打开“修改”菜单，选择“排序”命令。再里面选择相应的命令，注意排列的都应该是群组对象。分散对象会自动排到最后，如果不是群组对象,应该用Ctrl+G命令群组一下。对应的命令是“修改”菜单里面的“群组”，解散群组用Ctrl+B,对应“修改”中的“分解组件”命令。

2.复制对象可以用复制粘贴命令，也可以按住Ctrl键再拖动对象。使用粘贴时有一个“粘贴到新位置”，可以将对象复制到相同的位置上，否则复制到默认中心位置。

3.多个对象的对齐，选中多个对象，然后再打开“排列”面板，选择相应的水平和垂直对齐方式。

4.绘制一个无外边框的矩形。可以点击边框色,然后在边框色（旁边有铅笔的颜料色）面板的右上角斜杠按钮上点一下，即可取消边框色，无填充色的方法相同。但是绘制的仍然是分散图形，而不是群组对象。

- 13 -

五、辅助选项

在编辑的过程中会有许多错误的操作，这时可以使用“编辑菜单”中的“撤销”命令来取消上一个操作，这就是复原的功能（快捷键是Ctrl＋Z），跟它相反的是“重复”，向前一步。Flash允许您复原的次数最多300次，标尺和格线也是绘图时常用的辅助工具，在编辑对象时我们经常会打开它们，打开方

- 14 -