(flash从零学起完整版)

《(flash从零学起完整版)》由会员分享，可在线阅读，更多相关《(flash从零学起完整版)（89页珍藏版）》请在金锄头文库上搜索。

1、FLASH DONGHUA CONGLING XUEQI FLASH 动画从零学起前言前言目前，市场上关于 Flash 的教材有很多，但是对于一个对 Falsh 一无所知的初学者来说还是显得深了一些，一些朋友可能就有过这样的感受，书中那些难懂的概念和实例让人看得头疼，总之一句话就是：看不懂！话说的可能有点直了，但我确实经常听到一些朋友这样说，就在这种情况下作者编写了此教程。作者把平时在教学过程中学生最容易碰到的问题都逐一讲解，语言通俗易懂，比喻形象生动，再不好理解的东西通过打个很形象的比方一切都迎刃而解了，因而它不具有难度，用最简单的例子让读者自己明白一些概念和原理，操作的每一步都配合了较大的

2、画面，使读者一目了然。书中的每个例子都不需要任何美术功底，只要按照步骤照葫芦画瓢就可以了。作者把每一个例子的源文件以及相关图片素材都放在了赠送的光盘中供读者学习使用。书中并没有把所有的内容都逐一讲到（因为那样会让人看得生厌） ，而是讲解最基本、最重要得东西。该书不是给那些 Flash 高手看的，它唯一的作用就是作为台阶，将那些对 Flash 有兴趣但却又不知该如何下手的人领进入门，如果你学完此书后能够说：我学了不少知识，我已经入门了。那么，作者已经很知足了！目录目录 第二章第二章 一、一、熟熟悉悉 FlashFlash 界面。界面。二、二、 动画的原理动画的原理看下面几幅画面:图图 2-22-

3、2 图图 2-32-3 图图 2-42-4 图图 2-52-5 图 2-2 中飞机位于图片的最左边，图 2-3 中飞机位于图片的中间，图 2-4 中飞机位于图片的最右边。 当我们将这三幅画面依次按照一定速度播放的时候，给我们的视觉效果就是看上去感觉飞机在从左 向右飞行，如图 2-5 所示。动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生， 它是欺骗人视觉效果的一种把戏。 三、三、帧帧/ /关键帧关键帧/ /空白关键帧：空白关键帧：由动画的原理我们知道，动画就是画面的连续播放所产生的，电影 是每秒播放 24 幅画面，电视则每秒播放 25 幅画面，Flash 默认每秒播放 12 幅画面

4、（可以修 改） 。每一幅画面我们都称它为一个帧，记住：一个帧就是一幅画面（暂不管这个画面是真实 的还是虚幻的）！如图 2-6 所示： 上面的每个小格子就是一个帧，每个格子都分别代表着一幅画面，播放时按照帧的先后顺序由左向 右进行。你也许会问：“上面帧怎么还不一样啊？”对了，正是因为它们不一样才有了帧、关键帧、 空白关键帧（也叫白色关键帧）这些名词。 空白关键帧空白关键帧：我们先看第一个小格子，它里面有一个白色的小圆圈，它就是空白关键帧，里面什么 内容都没有，一片空白。用鼠标单击一下该空白关键帧，结果我们在下面的场景里看到的是一片空白区域如图 2-7 所示： 关键帧：关键帧：第二个小格子里面是个

5、实心的小黑点，它就是关键帧，里面有实际存在的内容，用鼠标单 击该关键帧（或用鼠标按住帧上面红色滑块向后拖动到该帧） ，我们看到了一个黑色的圆，如图 2-8所示： 看来，关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。空白关键帧+内容（比如画个圆）=关键 帧。可变形为：空白关键帧=关键帧-里面所有内容。读者不妨把图 2-8 中的圆删除 （Ctrl+A，Delet） ，看它是不是变成了和它前面一样的空白关键帧？ 帧：帧：关键帧后面的灰色部分都是普通帧，普通帧里面没有实际的内容，但是它却能将离它最近的关 键帧的内容显示出来。用鼠标点击第三帧，如图 2-9 所示。看起来它似乎有内容，

6、实际上这一帧是没有内容的，3、4、5 帧只不过是把前面离它最近的关键帧 （第二帧）的内容显示出来了而已，由此可见普通帧尽管没有实际内容但它却可以用来延续一幅画 面的存在时间。说明：图 2-9 的第五帧 代表普通帧的结束，另外还有一种叫过渡帧，暂时不用知 道，后面会结合具体实例讲。这几个概念在 Flash 制作中非常重要，使用的频率也最高，希望读者 一定要弄明白。移除帧与清除帧的区别：用鼠标对着帧点击鼠标右键，在弹出的菜单中有“移除帧” 和“清除帧”命令。移除帧就是删除帧，用来将帧连同帧上的内容（如果是关键帧的话）一起删除，而清除帧则是只把帧上的内容清空，帧仍然存在。第三章第三章 图形元件和移动

7、渐图形元件和移动渐 变变按照正常习惯，此时应该讲工具的使用了，但是考虑到读者刚刚理解完上面关于帧的一些枯燥的概 念，我讲顺序做了调整。下面我们就放松一下来做一个小动画。 一、一、制作矩形的变化制作矩形的变化启动 Flash 软件，鼠标单击第一帧，然后点击左边工具箱中的矩形工具， 边框选择没有颜色如图 2-6 所示，填充选择自己所喜欢的颜色如图 2-7 所示。在工作区按住鼠标左键拖动绘制矩形，如图 3-8 所示。我们用选取工具 单击一下矩形，执行【插入】菜单下的【转换成元件】命令，将弹出一对话框，在名称中输入“动作渐变” ，选择【图形】如图 3-9 所示。然后确定。此时画面应为图 3-10 所示

8、。鼠标放在 25 帧处，点击右键，在 弹出的菜单中选择“插入关键帧” ，如图 3-11。用鼠标单击缩放工具，将矩形调小，如图 3-12 所示。鼠标点击 1 到 25 之间的任何 一帧（不能是最后一帧，所以 25 除外） ，然后选择下面的“移动” ，如图 3-13。到此为止一个简单的动画就做成了，按 Ctrl+回车进行预览。源文件的位置：光盘源文件移动渐变演示.fla 说明：说明：1）图 3-11 中，在 25 帧处插入关键帧的意思是复制了前面和它最近的关键帧（此处为第 1 帧） ，所以此时 第 25 帧和第 1 帧完全一样：是关键帧，里面都右一个矩形，连同矩形的大小位置等都一样。 2）图 3-

9、13 中，2 到 24 帧像普通帧一样看似有内容，其实没有，它们是从第 1 帧到 25 帧的一个过渡，所以叫做过 渡帧。3）以前每次讲这个例子的时候，学生总会问：“图 3-10 为什么要转换成图形元件？”这个问题后面会讲 到，暂时只需要记住当转换成图形元件后，下面要选择“移动” ，就可以了。 4）在绘制矩形时我们选择边框为无色，这并不是说一定不能要边框，因为一旦要了边框在将矩形转换成图形元件 的时候就必须把它和它的边框一起转换，而初学者一般都容易把边框给漏掉。所以，如果要了边框，边框和填充 都必须都要选中后再一起转换为图形元件，具体做法是选择箭头工具用鼠标点击一下填充部分，然后按住 Shift

10、 键不放双击边框即可（按住 Shift 代表可以选择多个，双击边框表示把边框给选中） 。读者可以试试有边框的情况。5）变化的快慢可以控制，Flash 默认为每秒播放 12 帧，所以可以计算出应该在什么地方插入关键帧。 如果你做成功的话，相信你对 Flash 已经有了一定的兴趣，如果你觉得上述例子太麻烦而没有做成功的话，也不 要紧，因为我们还没有讲工具的使用，下面我们举个更简单的来加以巩固。二、制作照片的出现效果二、制作照片的出现效果1启动 Flash 软件，打开【文件】下拉菜单，选择【导入】命令，在弹出的对话框中选择你的一张照片，如图 3-14 所示。2用选取工具 单击图片，然后按 F8，出现

11、了图 3-15 所示的对话框。然后单击确定按钮。如图 3-16 所示。将鼠标放在 20 帧处，点击鼠标右键，选择【插入关键帧】命令，将出现图 3-17。用鼠标单击第 1 帧，然后单击 按钮，图片周围出现 8 个控制点，我们用鼠标拖动右下角的控制点，将图片缩小。如图 3-18 所示。用鼠标点第 1 帧，在下面属性栏选择移动，如图 3-19 所示。此时就可以 Ctrl+回车进行预览了。我们看到了一张图片由小变大的效果，下面我们接着做让这张照片变大之后再渐渐向右上角消失的效果。在 40 帧处插 入关键帧，移动图片到右上角，如图 3-20 所示。用鼠标选中图片，在属性栏调整透明度，如图 3-21 所示

12、。用鼠标点击 20 到 40 之间任何一帧，选择属性栏上面的移动，其结果如图 3-22 所示。好了，此时再按 Ctrl+回车试试。 源文件的位置：光盘源文件我的照片.fla 通过以上两个例子，我们已经感觉到 Flash 功能的强大，只需要给一 个起始状态和一个结束状态，中间的那些状态都交给 Flash 去做。第四章第四章工具简介工具简介1 1、箭头工具、箭头工具箭头工具主要用来选取对象，以变对该对象进行操作如：删除，移动等。如图 4-1，鼠标单击选择 该对象后，可用 Delet 删除，图 4-2 用鼠标按住不松开，然后拖动到所需要的位置。另外它还具有切割和变形的功能。当我们用工具箱中的工具绘制

13、出圆、矩形、线条等形状时，用鼠 标可以将他们切割。按住鼠标拖动，将不需要的部分选中，如图 4-3 所示。当鼠标接近我们绘制的图形时，会出现图 4-4，这时可按住鼠标拖动来改变它的外形，如图 4-5 所 示。重新绘制一个矩形，当按住 Ctrl 键拖看有什么变化，撤消（Ctrl+Z）后再次按住 Ctrl 键拖看又有 什么不同，请读者朋友试一试。2 2、次选取工具、次选取工具它用来修改由铅笔或钢笔所绘制的线条。当用次工具选取所绘曲线时上面会出现一些节点，如图 4-6 所示，当鼠标点击节点时，节点上会有控制柄出现，如图 4-7，拖动控制柄上的 点便可修改线条的形状。3 3、直线工具、直线工具使用直线工

14、具用来绘制从起点到终点的直线，在按下鼠标左键进行拖动时如果按住了Shift 键，则可绘制水平、垂直或以 45 度角度增加的直线。4 4、套索工具、套索工具套索工具用来选取不规则的区域以便对所选部分进行操作，如图 4-8 所示。5 5、钢笔工具、钢笔工具选取钢笔工具，用鼠标左键单击起点，然后移动到下一个位置，按住鼠标左键不放拖出所需的线条，然后再用同样的办法绘出到下 一点的线条，双击鼠标代表绘制结束。如果绘制不满意，可用次选工具进行调整。如图 4-9 所示。6 6、文本工具、文本工具文本工具是用来输入文字信息。选择文本工具，再工作区按住鼠标拖出文本框，输入文字，如图 4-10 所示。7 7、椭圆

15、工具、椭圆工具用来绘制椭圆，在绘制过程中按住 Shift 键可绘制正圆，如图 4-11 所示。 8 8、矩形工具、矩形工具用来绘制矩形，同椭圆工具一样在绘制过程中按住 Shift 键可绘制正方形。9 9、铅笔工具、铅笔工具它可以绘制任何形状的曲线，点击铅笔工具后，在工具箱下面有个图标，单击后可选择“平滑”绘出的线条比较平滑。按住 Shift 键可绘制水平方向或垂直方向的直线。1010、画笔工具、画笔工具画笔工具也叫刷子工具，由此可见它用来“刷”一些具有刷子效果的曲线，如图 4-11。工具箱下面可以调整刷子的大小和形状。1111、缩放工具、缩放工具顾名思义，缩放工具用来改变对象的大小情况，包括长

16、、宽、旋转、倾斜等。下图中的小白点代表旋转的中心点，用鼠标可以改变其位置。图 4-12 改变长 图 4-13 改变宽图 4-14 旋转 图 4-15 倾斜1212、填充变形工具、填充变形工具该工具用来对填充的方式进行调整，如图 4-16 所示。对该图中的改变填充的控制点进行调整，分别得到了图 4-17、图 4-18、图 4-19。1313、墨水瓶工具、墨水瓶工具给已绘制好的几何图形添加边框或修改已有边框的颜色、粗细等属性。1414、颜料桶工具、颜料桶工具颜料桶工具也叫油漆桶工具，用来对封闭图形的内部进行填充或修改。15、点滴器、点滴器使用滴管工具可以从场景中选择线条、文本和填充的样式，然后创建或修改相应的对象。从场景中导入一张图片，执行【修改】下的【分解组件】命令将图片打散。此时