搜索
第1章从零起步了解Flash动画与Flash8初次见面Flash动画入门——制作气球动画一些必要知识的补充1.1了解Flash动画1.1.1Flash动画的用途Flash目前被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示和电子相册等领域。利用Flash制作的网站引导页网络上的Flash动画广告Flash音乐动画多媒体教学光盘的界面图射击游戏1.1.2Flash动画的特点Flash动画的特点如下。画面清晰：Flash动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的优点。这就使得Flash动画具有存储容量小，而且在缩放播放窗口时不会影响画面清晰度的优点。体积小：在将Flash动画导出或发布为.swf影片的过程中，程序会压缩、优化动画组成元素（例如位图图像、音乐和视频等），这就进一步减少了动画的存储容量，使其更方便在网络上传输。无需等待：发布后的.swf动画影片具有“流”媒体的特点，在网上可以边下载边播放，而不像GIF动画那样要把整个文件下载完了才能播放。互动性强：通过为Flash动画添加动作脚本可使其具有交互性，从而让观众参与其中，例如让观众控制动画的播放进程，参与Flash智力小游戏等。制作手法简单：Flash动画的制作比较简单，一个动画爱好者只要掌握了软件的功能，拥有一台电脑，一套软件就可以制作出Flash动画。制作成本低：与传统动画制作方法相比，用Flash软件制作动画可以大幅度降低制作成本，同时，在制作时间上也大大缩短。1．前期策划在着手制作动画前，我们应首先明确制作动画的目的以及要达到的效果。然后确定剧情和角色，有条件的话可以请别人编写剧本。准备好这些后，还要根据剧情确定创作风格。2．素材搜集做好前期策划后，便可以开始根据策划的内容绘制角色造型、背景以及要使用的道具。当然，也可以从网上搜集动画中要用到的素材，比如声音素材、图像素材和视频素材等。1.1.3Flash动画的创作流程3．制作动画一切准备就绪就可以开始制作动画了。这主要包括为角色造型添加动作、角色与背景的合成、声音与动画的同步等。4．后期调试后期调试包括调试动画和测试动画两方面。调试动画主要是对动画的各个细节，例如动画片断的衔接、场景的切换、声音与动画的协调等进行调整，使整个动画显得流畅、和谐。在动画制作初步完成后便可以调试动画以保证作品的质量。测试动画是对动画的最终播放效果、网上播放效果进行检测，以保证动画能完美地展现在欣赏者面前。5．发布作品动画制作好并调试无误后，便可以将其导出或发布为.swf格式的影片，并传到网络上供人们欣赏及下载。1.1.4欣赏和下载Flash动画的方法通过欣赏优秀的Flash作品，不仅能得到感观上的享受，还能提高自己对动画的鉴赏能力，从而提高自己的Flash动画创作水平。下面列出了国内比较优秀的Flash动画网站名称及网址。网站名称网站网址闪客帝国闪客动漫天地搜狐动漫频道网站Flash频道安装上迅雷软件后，如果浏览的网页中有Flash动画，则将鼠标光标放在动画上时，会出现一个下载提示，单击该提示，在打开的对话框中设置好保存位置，单击“确定”按钮，即可开始下载该Flash动画使用迅雷下载网页中的Flash动画下载提示1.2与Flash8初次见面1.单击“开始”按钮，选择“所有程序”“Macromedia”“MacromediaFlash8”菜单，即可启动Flash8程序，打开其开始页。1.2.1启动Flash8“开始”菜单Flash8开始页2.单击开始页中“创建新项目”区的“Flash文档”，即可新建一个Flash文档，并进入Flash8工作界面。打开文件创建不同格式的文件根据模板创建文件Flash8的工作界面主要由标题栏、菜单栏、文档选项卡、“时间轴”面板、工具箱、编辑栏、舞台、“属性”面板、“颜色”面板等组成。Flash8.0操作主界面工具箱“属性”面板舞台“时间轴”面板文档选项卡菜单栏“库”面板“颜色面板1.2.2熟悉Flash8工作界面1．标题栏位于界面顶部，其左侧显示了Flash8程序的图标和名称以及当前打开的文档名称，右侧是3个窗口控制按钮，通过单击它们可以将窗口最小化、最大化和关闭。2．菜单栏Flash8将其大部分命令分门别类地放在了10个菜单中（“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助”）。要执行某项功能，可首先单击对应的主菜单名打开一个下拉菜单，然后继续单击选择需要菜单项即可。3．文档选项卡使用文档选项卡当打开多个Flash文档时，文档选项卡可用来在各个文档之间快速切换。此外，用鼠标右击文档选项卡，从弹出的快捷菜单中可以快速执行新建、打开、关闭和保存文档等操作。4．工具箱工具箱工具区颜色区查看区选项区利用工具箱中的工具可绘制、选择和修改图形，给图形填充颜色，缩放或平移舞台等5．编辑栏利用编辑栏可以在打开的场景或元件之间切换，或者选择要打开的元件，还可以调整视图的显示比例。6．“时间轴”面板“时间轴”面板以图层和时间轴方式组织动画内容“时间轴”面板播放头图层帧编号时间轴状态栏每个图层都有一个独立的时间轴7．舞台舞台也称场景，它是用户创作和编辑作品的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。8．常用面板Flash提供了众多的面板来辅助制作动画，下面介绍其中较为常用的面板。“属性”面板：使用“属性”面板可以方便地查看和更改当前选定对象（包括舞台上对象、帧以及工具箱中的工具）的属性。“属性”面板“属性”面板中的选项取决于当前选定的对象，这是“文本工具”的“属性”面板“颜色”面板组：用来设置图形填充色或笔触（线条或轮廓线）颜色，它包括“混色器”和“颜色样本”两个面板。“混色器”面板设置笔触颜色设置填充颜色颜色设置区选择笔触或填充类型“库”面板：“库”面板是保管Flash动画素材的一个仓库。制作动画时，在Flash中创建的元件，以及从外部导入的音乐、视频和位图等素材都存放在“库”面板中。“库”面板素材预览窗格素材存放窗格“动作”面板：用来查看、输入或编辑选定项（关键帧、按钮实例或影片剪辑）上的动作脚本。在制作具有交互功能的动画时，需要使用“动作”面板。其他面板：利用“对齐”面板可以对齐舞台上被选中的对象；利用“信息”面板可以查看或更改舞台上被选中对象的宽度和高度，以及对象在舞台上的位置；利用“变形”面板可以缩放、旋转、倾斜舞台上被选中的对象。1.3Flash动画入门——制作气球动画1.3.1Flash动画制作原理在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、大小、颜色、透明度等，当播放头在这些帧之间移动时，便形成了动画。蝴蝶扇动翅膀的动画制作过程第1帧上的蝴蝶第2帧上的蝴蝶1.3.2动画组成元素通常将组成Flash动画的元素称为对象，组成Flash动画的基本对象主要有以下几个。矢量图形：矢量图形是Flash动画最基本的组成元素。用户可以通过Flash提供的绘图工具，绘制出动画需要的矢量图形。位图图像：除了自己绘制图形外，还可以从外部收集并导入位图图像，适当修改后加入到动画中。声音：可以从外部收集并导入声音文件，加入到Flash动画中。视频：可以从外部收集并导入视频文件，加入到Flash动画中。1.3.3新建、保存和打开文档要在Flash中制作动画，首先必须掌握新建、保存和打开Flash文档的方法，下面介绍具体操作。创建Flash文档1．启动Flash8后，在其开始页中单击“Flash文档”选项，可创建一个Flash文档“另存为”对话框2．选择“文件”“保存”菜单，或按快捷键【Ctrl+S】后，可在打开的“另存为”对话框中选择文档保存路径、输入文件名和选择保存格式，设置完成后，单击“保存”按钮即可保存文档设置保存路径输入文件名称设置保存类型关闭Flash文档3．文档编辑完并执行保存操作后，可单击文档选项卡右侧的“关闭”按钮，将其关闭。Flash文档图标4．要打开先前保存的Flash文档，则只需打开存放文档的文件夹，然后双击Fash文档图标即可。1.3.4设置文档属性新建Flash文档后，要做的第一件事是设置其属性，一般需要设置文档（即舞台）尺寸、背景颜色和帧频。“属性”面板1．打开“气球动画”文档后，单击“属性”面板“大小”后面的按钮“文档属性”对话框2．在打开的“文档属性”对话框中将文档尺寸的宽设为“400”、高设为“300”，单击“背景颜色”按钮，在打开的“拾色器”对话框中选择“天蓝色#0099FF”，帧频保持默认不变，单击“确定”按钮，完成文档属性的设置。单击“背景颜色”按钮，在打开的“拾色器”对话框中可设置舞台背景颜色1.3.5使用绘图工具——绘制气球制作动画时，可利用Flash的工具箱提供的工具绘制出动画需要的任何图形。选择“椭圆工具”并设置其填充色1．单击工具箱中的“椭圆工具”（或按快捷键【O】）将其选中，然后单击工具箱颜色区的“填充色”按钮，在打开的“拾色器”对话框中选择红色（#CC0000）。绘制红色椭圆选择“线条工具”2．将光标移动到舞台中，然后按住鼠标左键不放并拖动，此时会出现一条轮廓线表示所绘椭圆的形状，松开鼠标后即可绘制一个椭圆作为气球。3．单击工具箱中的“铅笔工具”（或按快捷键【Y】）将其选中，然后在工具箱选项区中单击“铅笔模式”按钮，在弹出的下拉菜单中选择“平滑”模式。绘制线条新建图层4．将光标移动到椭圆的正下方，然后按住鼠标左键不放并沿希望绘制的方向拖动，松开鼠标后即可绘制一条曲线作为气球线。5．单击“时间轴”面板上的“插入图层”按钮，在“图层1”上方新建“图层2”。绘制黄色椭圆绘制线条6．将光标移动到椭圆的正下方，然后按住鼠标左键不放并沿希望绘制的方向拖动，松开鼠标后即可绘制一条曲线作为气球线。7．选择“铅笔工具”，然后绘制一条曲线作为气球线。1.3.6认识元件——将气球转换为元件制作动画时，我们通常需要将绘制的图形转换为元件（或先创建元件，然后在元件内部绘制图形），以后可以重复使用这些元件，而不会增加Flash文件大小。选中红色气球1．单击“时间轴”面板“图层1”的第1帧，以选中位于该帧上的红色气球。将红色气球转换为图形元件2．选择“修改”“转换为元件”菜单项，或按快捷键【F8】，在打开的“转换为元件”对话框的“名称”编辑框中输入“红气球”，然后选择“图形”单选钮，再单击“确定”按钮，即可将选中的气球转换为图形元件。将黄色气球转换为图形元件“库”面板中的元件3．单击“图层2”的第1帧，选中黄色的气球，然后将其转换为名为“黄气球”的图形元件。4．创建元件后，它们将自动保存在“库”面板中，用户在需要时可随时将其拖拽到舞台上。1.3.7认识帧和图层——制作动画准备好动画需要的素材后，便可以利用“时间轴”面板中的图层和帧将其制作成动画。在“图层1”第80帧插入关键帧1．单击“时间轴”面板“图层1”的第80帧，然后选择“插入”“时间轴”“关键帧”菜单项，或者按快捷键【F6】，在“图层1”第80帧处插入一个关键帧。设置“图层1”第1帧和第80帧上的气球2．单击时间轴第1帧以将播放头切换到此处，然后选中工具箱中的“选择工具”，将光标移动到红色气球上，按住鼠标左键不放并向下拖动，将红色气球拖到舞台下方后松开鼠标。3．将“图层1”第80帧上的红色气球移动到舞台上方。在“图层1”第1帧至第80帧之间创建动画补间动画4．单击选中“图层1”的第1