基础-Flash基础知识.pdf

《基础-Flash基础知识.pdf》由会员分享，可在线阅读，更多相关《基础-Flash基础知识.pdf（20页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第1章 F la s h基石出矢口识学习目标在因特网上随处可以看到很多优秀的H ash作品，它们被广泛应用于网页制作、网页广告、MTV和动画游戏等领域。本章先介绍Flash动画的常识和应用领域等方面的知识，接着介绍Hash MX 2004的基础知识，包括Flash MX 2004的工作界面、基本操作、Flash动画制作的基本步骤等，并推荐了一些优秀的Flash网站，以供读者欣赏与借鉴。本章要点0 Flash动画常识0 Flash的启动与退出0 熟悉Flash MX 2004的工作界面0文档的基本操作0 Flash动画制作基本步骤0 优秀Flash网站推荐1.1 Flash动画常识Flash是美

2、国Macromedia公司推出的一款经典动画制作软件，目前使用相当广泛。它对动画制作者的要求不高，而且简单易学，效果流畅生动，画面风格多变，因此在动画制作领域受到广大用户的青睐和好评。1.1.1 动画基本原理以前制作的动画都是通过由一幅幅静止的相关画面快速地移动，使人们在视觉上产生运动感觉的，而 Flash动画山矢量图形组成，通过这些图形的运动，产生运动变化效果。它是以“流”的形式进行播放，在播放的同时还能自动将后面部分文件下载，实现多媒体的交互。1.1.2 FEsh动画常用领域在现代信息化的社会中，人们喜欢在网上完成工作、搜集信息与交流。打开任意个网站，常常会看到各种动画广告条；想听音乐，网

3、上有Flash制作的各种MTV由你选择，如 忍者、你最红 等；还有电视上的一些广告也是用Flash制作的。从搞笑动画到MTV,从广告到游戏、从网页到多媒体课件、从贺卡到影视片头，Flash的身影无处不在。Q Flash中文版动画制作教程1.搞天动13制作搞笑动画的目的是让观众开怀一笑，心情舒畅。一个好的搞笑动画，制作的角色形象要滑稽、有趣、入木三分，而且内容爆笑、幽默。如 图 1-1所示就是搞笑动画“恶搞冥王篇”中的两个场景。图1-1”恶搞冥王篇”场景【电肱基砒实物上机系列教程】2.MTV在网络上观看视频MTV常常会因为网速过慢而时断时续，而 Flash文件相对于视频文件来说要小很多，所以很多

4、音乐网站上的歌曲都配有由Flash制作的MTV。如 图 1-2所示就是根据歌曲“老鼠爱大米”制作的MTV场景。图1-2 老鼠爱大米”MTV3.广告一个好的网站的浏览量很大，自然就有了网络广告。用 Flash制作的网络广告具有直接明了、占用空间小和视觉冲击力强等特点，正好满足在网络这种特殊环境下的要求。如图 1-3所示就是一个网站的广告动画。4.游戏年轻的读者般都对游戏很感兴趣，从小时候开始，俄罗斯方块、魂斗罗、超级玛莉21第 1 章 Flash基础知识和松鼠大战等游戏已经陪伴在我们身边，现在，网络游戏如传奇、仙剑和魔兽等更加受到大家的喜爱。而利用Flash也可以制作 些简单有趣的游戏，如 图

5、1 4 所示就是用Flash制作的跳绳游戏。图1-4 跳绳游戏5.网页用 Flash可以制作出个性化的动态网页，相对于平时所看到的网站更具有视觉上的冲击力。虽然功能不如专业网页制作软件齐全，但制作一个数据量不大的个人网站已经足够了，如 图 1-5所示就是利用Flash制作的一个动态网页。【电脑皋砒实例上机系列ai1 -t MB.*4J 01-tva.*图 层 区 域场景“组 件”面板 1t 0(n“组 件”编 辑 器“属 性”面 板 一 邕 KA“动 作-帧”面板1/“行 为”面板图1-7 Flash MX 2004工 作 界 面、场景：在场景中可以进行矢量图形的绘制和编辑，以及动画的制作与展

6、示，并可以设置标尺和网格线等用于辅助图形的绘制，还可以通过I1。*/调整场景的显示比例。、图层区域：用于对动画中的各图层进行控制和辅助操作。7混色器：可以对颜色进行设置。1.3.1 常用工具一览在 制 作 Flash动画时往往需要绘制和编辑各种所需形态的图形或对象，因此制作者不但要具有独特的审美观点，还应熟练掌握H ash中的绘图工具。默认情况下，工具栏中包含了绘制和编辑图形的各种工具，分 为“工具”、“查看”、“颜色”和“选项”4 个区域。“工具”区域如图1-8所示，包含用于绘画、填色和选择的工具，它们的作用如下。、选择工具Q：用于选择和移动舞台中的各种对象，也可改变对象的大小和形状。7部分

7、选取工具Q：对舞台中的对象进行移动或变形操作。7线条工具/：绘制任意方向和长短的直线。、套索工具P：可选择舞台中的不规则区域。、钢笔工具0：可调整曲线的曲率以及绘制直线和曲线。，文本工具A：输入和修改文本。，椭圆工具O：绘制任意大小的椭圆或正圆。、矩形工具口：绘制任意大小的矩形或正方形。【电脑皋砒实例上机系列程】Q F l as h 中文版动画制作教程【电肱基砒实例.上机系列裁程】7 铅笔工具/：绘制任意形状的曲线。a 刷子工具/：绘制任意形状的矢量色块.任意变形工具臼：对舞台中的对象进行任意旋转、变形和缩放操作.、填充变形工具?:对填充颜色的属性进行编辑或变形。、墨水瓶工具电：对舞台中对象的

8、边框进行填充或改变属性。、颜料桶工具6：对舞台中矢量色块进行填充或改变颜色属性。、滴管工具个：吸取已有对象的色彩属性，并将其应用于当前对象。a 橡皮擦工具）：擦除舞台中不符合要求的对象。“查看”区域如图1-9 所示，其中包含可以在场景内进行缩放和移动的两个工具，它们的作用如下。、缩放工具Q：单击可以放大或缩小舞台画面的显示，以符合制作的需要。、手形工具 踮：按住鼠标左键拖动可以移动舞台画面，便于观察放大的对象。“颜色”区域如图i-i o 所示，包含用于设置笔触颜色和填充颜色的各功能图标，它们的作用如下。、笔触颜色，：对所选对象的线条和边框颜色进行设置。a填充颜 色 得；J：对选中对象中要填充的

9、颜色进行设置。a黑白电：单击它可使选中对象只以白色或黑色方式显示。、没有颜色。：单击它可以使矢量图形无边框颜色。、交换颜色:单击它可交换矢量图形填充区域和边框的颜色。“选项”区域显示所选工具的设置属性，它随着所选工具的变化而变化。当选择某种工具后，在“选项”区域中将出现相应设置的选项，这些选项会影响工具的填色或编辑操作，如 图 1-1 1 所示为选择了矩形工具后的“选项”区域。”区域 图 皿 1 “选项”区域工具/PA Ao 口.颜色夕z，里 为出查看踮 Q图 1-8“工具”区域图 1-9“查看”区域图 1-10“颜色选项1.3.2时间轴F l ash 动画的播放是由时间轴来控制的，如 图 1

10、-1 2 所示的时间轴左边为“层”区，右边由播放指针、帧、时间轴标尺及状态栏组成。时间轴用于组织和控制文档内容在一定时间内播放的层数。“层”区用于对动画中的各图层进行控制和操作，当创建一个新的F l ash文档后，它就会自动创建个层。用户可以根据需要添加其他层，用于在文档中组织图形、动画和其他元素。第 1 章 Flash基础知识1.3.3 场景与舞台场景是指Flash工作界面的中间部分，即整个白色和灰色的区域，它是进行矢量图形的绘制和展示的工作区域。在场景中的白色区域部分又称“舞台”，在播放时将只显示舞台中的内容。关于场景的具体应用将在第6 章中详细讲解。帧 帧频率图 1-1 2 时间轴1.3

11、.4 常用面板面板中最常用的有“属性”面 板 和“动作”而板，下面简要介绍它们的功能。1.“属性”面板启动Flash MX 2004后，在工作界面中可看到默认的“属性”面板，如 图 1-13所示。图 1-13“属性”面板在默认的“属性”面板，显示了文档的名称、大小、背景色和帧频等信息。在 该“属性”面板中单击1 550 x400像素服 钮,将 打 开 如 图 1一 14所示的“文档属性二对话框，在其中可以设置文档的大小、背景颜色和帧频等内容。单 击“属性”面板中的口图标，将弹出如图 1-15图示的颜色列表框，在其中单击某个颜色图标即可为舞台设置相应的背景颜色。而在M 熟工 做文本框中可以设置动

12、画的帧频，帧频数值越大，播放速度越快，帧频数值越小,播放速度越慢，默认的帧频为12fpso【电脑皋砒实例上机系列程】-Flash中文版动画制作教程图 1-1 4 文档属性”对话框 图 1-1 5 颜色列表框当用户选择不同的工具或对象时，“属性”血板也会随着变化。如 图 1-16所示为选择了椭圆工具时的“属性”面板，在其中可以看到椭圆工具的相关属性。【电脑皋砒实创上机系列徼程】8|第 1 章 Flash基础知识图1-1 6椭圆工具的“属性”面板用性-n.c MB/1V卖收-v I 7定义|工具港理Q 注意:当选择其他工具或帧时，不仅“属性”面板会随着对象的变化而变化，其他面板也会随着所选对象的不

13、同而发生相应变化。2.“动作”面板在 Flash动画中可以添加停止播放、重新播放、跳转到某一帧播放和鼠标跟随等动作,这是为对象添加了 Actions脚本的结果。“动作”面板即为Actions脚本的添加提供了一个平台。“动作”面板的名称随着选中的对象的不同而变化，选中某个帧时，它的名称为“动作-帧，如图1-17所示；选中某个影片剪辑时，它的名称为“动作-影片剪辑”；选中某个按钮元件时，它的名称为“动作-按钮”。这些面板的具体使用方法将在后面的章节中进行讲解。图1-1 7 “动作-帧”面板【电脑皋砒实例上机系列程】1.3.5菜单功能Flash MX 2004的菜单栏包含了 10个菜单，它位于工作界

14、面的顶端，如 图 1-18所示。为方便读者掌握各个菜单中的主要命令，下面将具体介绍各菜单的作用。文件 编辑（E）视图 插入（I）修改 文本 命令 控 制 育 口 口 帮助图1-1 8菜单栏1.“文件”菜单“文件”菜单主要用于对Flash文档进行各种操作，如 图 L 19所示。主要包括文件的Q Flash中文版动画制作教程打开、关闭、保存、导入和导出、发布Flash文档、页面设置和打印等常用操作。【电脑皋砒实创上机系列徼程】市H第1章 Flash基础知识2.“编辑”菜单“编辑”菜单主要用于对Flash文档和图形对象进行各种编辑操作，如 图1-20所示。主要包括撤销和重复编辑操作、复制和移动操作、

15、选择对象、查找和替换对象，以及对帧、元件的操作和参数设置等。3.“视图”菜单“视图”菜单主要用于以各种方式查看Flash动画中的内容，如图1-21所示。主要操作包括转到其他场景、缩放场景显示比例、预览模式、显示或隐臧工作区和对齐对象的辅助工具等。4.“插入”菜单通 过“插入”菜单，用户可以插入元件、帧、图层和场景，并添加时间轴特效，如图1-22所示。使用时间轴特效可以快速添加过渡特效和动画，如分离、展开、投影和模糊等效果。其方法是选择要添加时间轴特效的对象，选 择“插入/时间轴特效”命令，然后从弹出的子菜单中选择“变 形/转 换“帮 助:或“效果”命令，并从列表中选择一种特效，在打开的预览窗口

16、中设置好后单击匚按钮,即可在打开的预览窗口中看到图形变形的效果，如 图1-23所示为选择了“模糊”特效的图形变形的效果。【电脑皋砒实例上机系列程】5.“修改”菜单“修改”菜单用于对各种对象进行修改编辑，如 图1-24所示。包括修改文档的属性、元件及图形属性、修改图形形状、修改帧/图层和时间轴特效、变形/排列/对齐对象、打散与组合等。6.“文本”菜单“文本”菜单主要用于编辑文本，如 图1一25所示。在其中可以对文字的字体、大小和样式进行设置，也可以设置不同文本的对齐方式和间距等，还可对文本进行拼写和检查等操作。Q Flash中文版动画制作教程7.“命令”菜单“命令”菜单如图1-26所示，通常与“

17、历史记录”面板结合使用。当 在“历史记录”面板中将用户的某个操作保存起来后，在“命令”菜单下就会显示保存的该操作名称，并可通过各选项对该命令进行各种操作。新建元件量）.CtrltFS时间轴Q）时间轴特效I场：#母）图1-22“插入”菜单 图1-23“模糊”特效图1-24“修改”菜单【电脑皋砒实创上机系列徼程】8.“控制”菜单“控制”菜单如图1-27所示，用于测试动画影片和对影片播放进程进行控制。动画制作完成后，不必每次都将整个动画全部播放来测试，如果只想测试动画中的某一部分，则可通过“控制”菜单下的命令来实现。9.“窗口”菜单“窗口”菜单如图1-28所示，用于显示和隐藏各种面板、工具栏、窗口并

18、管理面板布局。若要显示某个面板或工具栏，只需在“窗口”菜单中选择相应的命令，使其前面出现黑色的小勾即可。如果要隐藏它，只需再次选择该命令即可。前 提 示：打开“窗口”菜单时，可以看到前面有3符号的命令，表示其代表的功能面板或工具栏已打开，如果没有，说明已将其隐藏。10.“帮助”菜单“帮助”菜单如图1-29所示。对初学者来说这是一个很有用的菜单，它提供了 Flash MX2004的在线帮助信息和支持站点的信息，包括Flash MX 2004的新增功能、使用方法和动作脚本词典等内容。121第 1 章Flash基础知识Q苫理保存的命令获取更多命令),运行命令)未找到任何命令图1-26“命令”菜单鼻

19、fit E at*r后退 6)C trB A lO K内乳唯层(G前出一幅)后退一5国)科试委片理)C trlla”试影片 6)C u-H S h t ft4U U r赢 侬 聚 5)C U-H A 1 O 1 M WS环，酸0,)务故所有角景(A)用薄稼!心作Q)8用 M *按ffia)C vl*A lt*Bv 8用动方预发M)修音&)图1-27“控制”菜单图128“窗口”菜 单 图129“帮助”菜单【电脑皋砒实例上机系列程】Q Flash中文版动画制作教程1.4文档的基本操作在 Flash中，对文档的基本操作主要包括新建、保存、关闭和打开等，下面分别进行讲解。1.4.1 新 建 Flash

20、文档在制作Flash动画之前必须新建一个Flash文档，新建Flash文档有以下3 种方法：2 启动Flash MX 2004,在开始页的“创建新项目”栏下面单击“Flash文档”即可。a 选 择“文件/新建”命令或按Ctrl+N键，在打开的“新建文档”对话框中选择“Flash文档”选项，再单击I确 定 I按钮即可,如图1-30所示.、在“新建文档”对话框中单击“模板”标签，在其中选择相应的模板文档，这里选 择“测验”下 的“测验一样式1”，再 单 击 按 钮 即 可 新 建 一 个 基 于 模 板的 Flash文档，如 图 1-31所示。实例上机系列教程】图1-3 0新建动画文档 图1-3

21、1新建模板文档1.4.2 保 存 Flash文档编辑完Flash文档后，应将其保存起来，便于以后使用。保存时只需选择“文件/保存”命令或按Ctrl+S键即可。如果用户之前并未保存过此文档，那么将打开“另存为”对话框,选择保存的位置，为文档命名并选择保存类型后，单击L 确定 按钮即可。【例 1 T】将新建的文档保存到E 盘 的“资料”文件夹下，并命名为“课后练习”。操作步骤如下：(1 )新建一个文档，然后在Flash MX 2004工作界面中选择“文件/保存”命令，如图 1-32所示。(2)在打开的如图1-33所 示 的“另存为”对话框中的“保存在”下拉列表框中选择文档的保存路径，这里选择E 盘

22、 下 的“资料”文件夹。(3)在“文件名”下拉列表框中输入文档的名称为“课后练习”。(4)在“保存类型”下拉列表框选择文档的保存类型，一般选择“Flash MX 2004文141第 1 章 Flash基础知识档(*.fla)”，然后单击恒 亘 按钮即可。文件9*泊图&)HAU)I新 建 .打开从站点打开任)打开站5 的文件(1)关闭全部关闭CtrHMCU-1WCtrlH保存)保存并压缩电)另存为。)另存为模板U)至也保存CtrliSCtrl+Shift,S导入a)导出a)发布设置&)发布预弟)发布Ctrl+ShfUF12Shift*F12图1-32“保存”命令图1-33“另存为”对话框1.4.

23、3 关 闭 Flash文档当不需不使用当前的动的文件时，可以选择“文件/关闭”命令、按 Ctrl+W键或单 击 两 上方的上按钮将其关闭。如果此文档没有保存，将打开“Flash MX”对话框让用户确认是否需要保存当前文档，如 图 1-34所示，用户可以根据情况单击相应的按钮。图 1-34 Flash MX”对话框1.4.4 打 开 Flash文档如果要编辑或查看一个已有的Flash文档，只需要打开此Flash文档即可。先在Flash MX2004的工作界面中选择“文件/打开”命令或按Ctrl+O键，打开如图1-35所示的“打开”对话框，然后在“查找范围”下拉列表框中选择要打开的文档所在的位置，

24、再 在“文件名”下拉列表框中输入要打开文档的文件名,或直接在列表中选中要打开的文件图标，最后单击L 膜 9 按钮即可。【电脑皋砒实例上机系列程】O Flash中文版动画制作教程图1-35“打开”对话框【电脑皋砒实创上机系列徼程】161第 1 章 Flash基础知识1.5 Flash动画制作基本步骤要制作出一个出色的Flash动画作品，应该用心把握每个环节，其制作过程大致可分为以下几个步骤。1.5.1 前期策划在制作动画之前，应首先明确制作动画的目的、知道动画的最终效果应达到什么样的效果和反响、动画的整体风格应该以什么为主及应用什么形式将其体现出来。在制定了一套完整的方案后，就可以为要制作的动画

25、做初步的策划，包括动画中出现的人物、背景、音乐及动画剧情的设计、动画分镜头的制作手法和动画片段的过渡等构思。1.5.2 搜集素材完成了前期策划之后，应开始对动画中所需素材进行搜集与整理。搜集素材时应注意不要盲目地搜集一大堆，而要根据前期策划的风格、目的和形式来有针对性地搜集素材，这样就能有效地节约制作时间。1.5.3 制作动画创作动画中比较关键的步骤就是制作H ash动画，前期策划和素材的搜集都是为制作动画而做的准备。要将之前的想法完美地表现出来，就需要作者细致地制作。动画的最终效果很大程度上取决于动画的制作过程。1.5.4 后期调试与优化动画制作完毕后，为了使整个动画看起来更加流畅、紧凑，必

26、须对动画进行调试。调试动画主要是针对动画对象的细节、分镜头和动画片段的衔接、声音与动画播放是否同步等进行调整，以此保证动画作品的最终效果与质量。1.5.5 测试动画制作与调试完动画后，应对动画的效果、品质等进行检测，即测试动画。因为每个用户的电脑软硬件配置都不尽相同，而 Flash动画的播放是通过电脑对动画中的各矢量图形、元件等的实时运算来实现的，所以在测试时应尽量在不同配置的电脑上测试动画。然后根据测试后的结果对动画进行调整和修改，使其在不同配置的电脑上均有很好的播放效果。1.5.6 发布动画Flash动画制作的最后一步就是发布动画，用户可以对动画的格式、画面品质和声音等进行设置。在进行动画

27、发布设置时，应根据动画的用途和使用环境等进行设置，以免增加文件的大小而影响动画的传输。【电脑皋砒实例上机系列程】Q Flash中文版动画制作教程1.6 优 秀Flash网站推荐下面推荐几个较为著名的Flash网站，以供大家学习和欣赏。1.6.1 闪吧和动漫世纪 【电脑皋砒实创上机系列徼程】这两个网站的特点是素材比较多，收藏的动画都比较经典，还有一些制作的方法。1.6.2 闪客帝国和中国Flash中心 这两个网站分类比较细，而且有很多最新上传的作品，能够了解现在的流行趋势和各种类型、风格的动画作品。1.7 上 机 练 习本次上机练习将创建一个名为“奥运五环”的 Flash文档，在该文档的创建过程

28、中将181第 1 章 Flash基础知识0练习到启动与退出Flash MX 2004、文档的新建和保存等基本操作，以进一步熟悉Flash MX2004的基本操作。操作步骤如下：(1 )启动电脑，选 择“开始/所有程序/Macromedia/Macromedia Flash MX 2004命令,即可启动Flash的程序，如 图 1-36所示。1图 1-36 启动 Flash MX 2004(2)进入Flash MX 2004的主界面，选 择“创建新项目/Flash文档”，即可新建一个空白文档，如 图 1-37所示，其默认名称为“无标题-1”。【电脑皋砒实例上机系列程】图1-3 7新建文档(3)选

29、 择“文件/另存为 命令，打 开“另存为”对话框.Q Flash中文版动画制作教程(4)在“保存在”下拉列表框中选择文档的保存路径，这里选择“D:初稿”。(5)在“文件名”下拉列表框中输入“奥运五环 ，如 图 1-38所示。(6)在“保存类型”下拉列表框中选择“FlashMX 2004 文 档(*fa)”类型。(7)单击保 存 6)按钮即可创建一个名为“奥运五环”的 Flash文档。(8)单击Flash MX 2004工作界面右上方的3按钮退出Hash MX 2004。图1-3 8创 建“奥运五环”文档d2扁史S【电脑皋砒实创上机系列徼程】1.8 习 题(1)启动Flash MX 2 0 0 4,并新建一个名为“无敌超人”的 Flash文档。(2)选 择“文件/新建”命令，在打开的“新建文档”对话框中新建一个Flash文档,然 后 以“蜉螭”为名进行保存。(3)在 Flash MX 2004中打开名为“奥运五环”的 Flash作品(光盘：源文件 第1 章 奥运五环.f la),并按Ctrl+Enter键欣赏其动画效果，如 图 1-39所示。图1-3 9打开并欣赏“奥运五环”文档201