FLASH制作1.ppt

《FLASH制作1.ppt》由会员分享，可在线阅读，更多相关《FLASH制作1.ppt（54页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、中文版Flash 8实例与操作第1章 从零起步l l了解Flash动画 l l与Flash 8初次见面 l lFlash动画入门制作气球动画l l一些必要知识的补充 1.1 了解Flash动画 1.1.1 Flash动画的用途 Flash目前被广泛应用于网页设计、网页广告、网络动画、多媒体教学课件、游戏设计、企业介绍、产品展示和电子相册等领域。利用Flash制作的网站引导页 网络上的Flash动画广告 Flash音乐动画 多媒体教学光盘的界面图 射击游戏 1.1.2 Flash动画的特点 Flash动画的特点如下。l l画面清晰：画面清晰：画面清晰：画面清晰：FlashFlash动画主要由矢量

2、图形组成，矢量动画主要由矢量图形组成，矢量图形具有存储容量小，并且在缩放时不会失真的图形具有存储容量小，并且在缩放时不会失真的优点。这就使得优点。这就使得FlashFlash动画具有存储容量小，而且动画具有存储容量小，而且在缩放播放窗口时不会影响画面清晰度的优点。在缩放播放窗口时不会影响画面清晰度的优点。l l体积小：体积小：体积小：体积小：在将在将FlashFlash动画导出或发布为动画导出或发布为.swfswf影片的影片的过程中，程序会压缩、优化动画组成元素（例如过程中，程序会压缩、优化动画组成元素（例如位图图像、音乐和视频等），这就进一步减少了位图图像、音乐和视频等），这就进一步减少了动

3、画的存储容量，使其更方便在网络上传输。动画的存储容量，使其更方便在网络上传输。l l无需等待：无需等待：无需等待：无需等待：发布后的发布后的.swfswf动画影片具有动画影片具有“流流”媒媒体的特点，在网上可以边下载边播放，而不像体的特点，在网上可以边下载边播放，而不像GIFGIF动画那样要把整个文件下载完了才能播放。动画那样要把整个文件下载完了才能播放。l l互动性强：互动性强：互动性强：互动性强：通过为通过为FlashFlash动画添加动作脚本可使其动画添加动作脚本可使其具有交互性，从而让观众参与其中，例如让观众具有交互性，从而让观众参与其中，例如让观众控制动画的播放进程，参与控制动画的播

4、放进程，参与FlashFlash智力小游戏等。智力小游戏等。l l制作手法简单：制作手法简单：制作手法简单：制作手法简单：FlashFlash动画的制作比较简单，一个动画的制作比较简单，一个动画爱好者只要掌握了软件的功能，拥有一台电动画爱好者只要掌握了软件的功能，拥有一台电脑，一套软件就可以制作出脑，一套软件就可以制作出FlashFlash动画。动画。l l制作成本低：制作成本低：制作成本低：制作成本低：与传统动画制作方法相比，用与传统动画制作方法相比，用FlashFlash软件制作动画可以大幅度降低制作成本，同时，软件制作动画可以大幅度降低制作成本，同时，在制作时间上也大大缩短。在制作时间上

5、也大大缩短。1前期策划 在着手制作动画前，我们应首先明确制作动画的目的以及要达到的效果。然后确定剧情和角色，有条件的话可以请别人编写剧本。准备好这些后，还要根据剧情确定创作风格。2素材搜集 做好前期策划后，便可以开始根据策划的内容绘制角色造型、背景以及要使用的道具。当然，也可以从网上搜集动画中要用到的素材，比如声音素材、图像素材和视频素材等。1.1.3 Flash动画的创作流程 3制作动画 一切准备就绪就可以开始制作动画了。这主要包括为角色造型添加动作、角色与背景的合成、声音与动画的同步等。4后期调试 后期调试包括调试动画和测试动画两方面。调试动画主要是对动画的各个细节，例如动画片断的衔接、场

6、景的切换、声音与动画的协调等进行调整，使整个动画显得流畅、和谐。在动画制作初步完成后便可以调试动画以保证作品的质量。测试动画是对动画的最终播放效果、网上播放效果进行检测，以保证动画能完美地展现在欣赏者面前。5发布作品 动画制作好并调试无误后，便可以将其导出或发布为.swf格式的影片，并传到网络上供人们欣赏及下载。1.1.4 欣赏和下载Flash动画的方法 通过欣赏优秀的Flash作品，不仅能得到感观上的享受，还能提高自己对动画的鉴赏能力，从而提高自己的Flash动画创作水平。下面列出了国内比较优秀的Flash动画网站名称及网址。网站名称网站名称网站网址网站网址闪客帝国http:/闪吧http:

7、/闪客动漫天地http:/新浪动漫http:/搜狐动漫频道http:/闪盟在线http:/TOM网站Flash频道http:/ 安装上迅雷软件后，如果浏览的网页中有Flash动画，则将鼠标光标放在动画上时，会出现一个下载提示，单击该提示，在打开的对话框中设置好保存位置，单击“确定”按钮，即可开始下载该Flash动画 使用迅雷下载网页中的Flash动画 下载提示 1.2 与Flash 8初次见面 1.单击“开始”按钮，选择“所有程序”“Macromedia”“Macromedia Flash 8”菜单，即可启动Flash 8程序，打开其开始页。1.2.1 启动Flash 8“开始”菜单 Flas

8、h 8开始页 2.单击开始页中“创建新项目”区的“Flash文档”，即可新建一个Flash文档，并进入Flash 8工作界面。打开文件 创建不同格式的文件 根据模板创建文件 Flash 8的工作界面主要由标题栏、菜单栏、文档选项卡、“时间轴”面板、工具箱、编辑栏、舞台、“属性”面板、“颜色”面板等组成。Flash 8.0操作主界面 工具箱“属性”面板 舞台“时间轴”面板 文档选项卡 菜单栏“库”面板“颜色面板 1.2.2 熟悉Flash 8工作界面 1标题栏 位于界面顶部，其左侧显示了Flash 8程序的图标和名称以及当前打开的文档名称，右侧是3个窗口控制按钮 ，通过单击它们可以将窗口最小化、

9、最大化和关闭。2菜单栏 Flash 8将其大部分命令分门别类地放在了10个菜单中（“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助”）。要执行某项功能，可首先单击对应的主菜单名打开一个下拉菜单，然后继续单击选择需要菜单项即可。3文档选项卡 使用文档选项卡 当打开多个Flash文档时，文档选项卡可用来在各个文档之间快速切换。此外，用鼠标右击文档选项卡，从弹出的快捷菜单中可以快速执行新建、打开、关闭和保存文档等操作。4工具箱 工具箱 工具区颜色区查看区选项区 利用工具箱中的工具可绘制、选择和修改图形，给图形填充颜色，缩放或平移舞台等 5编辑栏 利用编

10、辑栏可以在打开的场景或元件之间切换，或者选择要打开的元件，还可以调整视图的显示比例。6“时间轴”面板“时间轴”面板以图层和时间轴方式组织动画内容“时间轴”面板 播放头 图层 帧编号 时间轴状态栏 每个图层都有一个独立的时间轴 7舞台 舞台也称场景，它是用户创作和编辑作品的场所。在工具箱中选择绘图或编辑工具，并在时间轴面板中选择需要处理的帧后，便可以在舞台中绘制或编辑该帧上的图形。注意，位于舞台外的内容在播放动画时不会被显示。8常用面板 Flash提供了众多的面板来辅助制作动画，下面介绍其中较为常用的面板。l l“属性属性”面板：面板：使用“属性”面板可以方便地查看和更改当前选定对象（包括舞台上

11、对象、帧以及工具箱中的工具）的属性。“属性”面板“属性”面板中的选项取决于当前选定的对象，这是“文本工具”的“属性”面板l l“颜色颜色”面板组：面板组：用来设置图形填充色或笔触（线条或轮廓线）颜色，它包括“混色器”和“颜色样本”两个面板。“混色器”面板 设置笔触颜色 设置填充颜色 颜色设置区 选择笔触或填充类型 l l“库库”面板：面板：“库”面板是保管Flash动画素材的一个仓库。制作动画时，在Flash中创建的元件，以及从外部导入的音乐、视频和位图等素材都存放在“库”面板中。“库”面板 素材预览窗格 素材存放窗格 l l“动作动作”面板：面板：用来查看、输入或编辑选定项（关键帧、按钮实例

12、或影片剪辑）上的动作脚本。在制作具有交互功能的动画时，需要使用“动作”面板。l l其他面板：其他面板：利用“对齐”面板可以对齐舞台上被选中的对象；利用“信息”面板可以查看或更改舞台上被选中对象的宽度和高度，以及对象在舞台上的位置；利用“变形”面板可以缩放、旋转、倾斜舞台上被选中的对象。1.3 Flash动画入门制作气球动画 1.3.1 Flash动画制作原理 在时间轴的不同帧上放置不同的对象或设置同一对象的不同属性，例如位置、大小、颜色、透明度等，当播放头在这些帧之间移动时，便形成了动画。蝴蝶扇动翅膀的动画制作过程 第1帧上的蝴蝶 第2帧上的蝴蝶 1.3.2 动画组成元素 通常将组成Flash

13、动画的元素称为对象，组成Flash动画的基本对象主要有以下几个。l l矢量图形矢量图形矢量图形矢量图形：矢量图形是：矢量图形是FlashFlash动画最基本的组成元动画最基本的组成元素。用户可以通过素。用户可以通过FlashFlash提供的绘图工具，绘制出提供的绘图工具，绘制出动画需要的矢量图形。动画需要的矢量图形。l l位图图像位图图像位图图像位图图像：除了自己绘制图形外，还可以从外部：除了自己绘制图形外，还可以从外部收集并导入位图图像，适当修改后加入到动画中。收集并导入位图图像，适当修改后加入到动画中。l l声音声音声音声音：可以从外部收集并导入声音文件，加入到：可以从外部收集并导入声音文

14、件，加入到FlashFlash动画中。动画中。l l视频视频视频视频：可以从外部收集并导入视频文件，加入到：可以从外部收集并导入视频文件，加入到FlashFlash动画中。动画中。1.3.3 新建、保存和打开文档 要在Flash中制作动画，首先必须掌握新建、保存和打开Flash文档的方法，下面介绍具体操作。创建Flash文档 1启动Flash 8后，在其开始页中单击“Flash文档”选项，可创建一个Flash文档“另存为”对话框 2选择“文件”“保存”菜单，或按快捷键【Ctrl+S】后，可在打开的“另存为”对话框中选择文档保存路径、输入文件名和选择保存格式，设置完成后，单击“保存”按钮即可保存

15、文档设置保存路径 输入文件名称 设置保存类型 关闭Flash文档 3文档编辑完并执行保存操作后，可单击文档选项卡右侧的“关闭”按钮，将其关闭。Flash文档图标 4要打开先前保存的Flash文档，则只需打开存放文档的文件夹，然后双击Fash文档图标即可。1.3.4 设置文档属性 新建Flash文档后，要做的第一件事是设置其属性，一般需要设置文档（即舞台）尺寸、背景颜色和帧频。“属性”面板 1打开“气球动画”文档后，单击“属性”面板“大小”后面的 按钮“文档属性”对话框 2在打开的“文档属性”对话框中将文档尺寸的宽设为“400”、高设为“300”，单击“背景颜色”按钮，在打开的“拾色器”对话框中

16、选择“天蓝色#0099FF”，帧频保持默认不变，单击“确定”按钮，完成文档属性的设置。单击“背景颜色”按钮，在打开的“拾色器”对话框中可设置舞台背景颜色 1.3.5 使用绘图工具绘制气球 制作动画时，可利用Flash的工具箱提供的工具绘制出动画需要的任何图形。选择“椭圆工具”并设置其填充色1单击工具箱中的“椭圆工具”（或按快捷键【O】）将其选中，然后单击工具箱颜色区的“填充色”按钮，在打开的“拾色器”对话框中选择红色（#CC0000）。绘制红色椭圆 选择“线条工具”2将光标移动到舞台中，然后按住鼠标左键不放并拖动，此时会出现一条轮廓线表示所绘椭圆的形状，松开鼠标后即可绘制一个椭圆作为气球。3单

17、击工具箱中的“铅笔工具”（或按快捷键【Y】）将其选中，然后在工具箱选项区中单击“铅笔模式”按钮，在弹出的下拉菜单中选择“平滑”模式 。绘制线条 新建图层 4将光标移动到椭圆的正下方，然后按住鼠标左键不放并沿希望绘制的方向拖动，松开鼠标后即可绘制一条曲线作为气球线。5单击“时间轴”面板上的“插入图层”按钮，在“图层1”上方新建“图层2”。绘制黄色椭圆 绘制线条 6将光标移动到椭圆的正下方，然后按住鼠标左键不放并沿希望绘制的方向拖动，松开鼠标后即可绘制一条曲线作为气球线。7选择“铅笔工具”，然后绘制一条曲线作为气球线。1.3.6 认识元件将气球转换为元件 制作动画时，我们通常需要将绘制的图形转换为

18、元件（或先创建元件，然后在元件内部绘制图形），以后可以重复使用这些元件，而不会增加Flash文件大小。选中红色气球 1单击“时间轴”面板“图层1”的第1帧，以选中位于该帧上的红色气球。将红色气球转换为图形元件 2选择“修改”“转换为元件”菜单项，或按快捷键【F8】，在打开的“转换为元件”对话框的“名称”编辑框中输入“红气球”，然后选择“图形”单选钮，再单击“确定”按钮，即可将选中的气球转换为图形元件。将黄色气球转换为图形元件 “库”面板中的元件 3单击“图层2”的第1帧，选中黄色的气球，然后将其转换为名为“黄气球”的图形元件。4创建元件后，它们将自动保存在“库”面板中，用户在需要时可随时将其拖

19、拽到舞台上。1.3.7 认识帧和图层制作动画 准备好动画需要的素材后，便可以利用“时间轴”面板中的图层和帧将其制作成动画。在“图层1”第80帧插入关键帧 1单击“时间轴”面板“图层1”的第80帧，然后选择“插入”“时间轴”“关键帧”菜单项，或者按快捷键【F6】，在“图层1”第80帧处插入一个关键帧。设置“图层1”第1帧和第80帧上的气球 2单击时间轴第1帧以将播放头切换到此处，然后选中工具箱中的“选择工具”，将光标移动到红色气球上，按住鼠标左键不放并向下拖动，将红色气球拖到舞台下方后松开鼠标。3将“图层1”第80帧上的红色气球移动到舞台上方。在“图层1”第1帧至第80帧之间创建动画补间动画 4

20、单击选中“图层1”的第1帧，然后在“属性”面板的“补间”下拉列表中选择“动画”选项，从而在“图层1”第1帧至第80帧之间创建动画补间动画。在“图层2”制作黄色气球向上飘动的动画 5参考在“图层1”中制作动画的方法，在“图层2”制作黄色气球向上飘动的动画。1.3.8 测试并保存动画 动画制作好后，需要测试一下播放效果。如果测试有问题，可修改文档；如果没问题，则将动画保存。测试动画在时间轴上的播放效果 测试动画的实际播放效果 1在制作动画过程中，按下【Enter】键，可测试动画当前时间轴上的播放效果，反复按【Enter】键可在暂停测试和重新测试之间切换 。2如果希望测试动画的实际播放效果，可按【C

21、trl+Enter】组合键，打开Flash Player播放器进行测试；测试满意后，按【Ctrl+S】组件键保存动画 。1.4 一些必要的知识补充 1.4.1 操作的撤销、重做与重复 在制作Flash动画的过程中，如果前面的操作不符合要求，可以将其撤销；此外，如果某些操作需要被多次使用，还可以快速重复这些操作。1操作的撤销与重做 1要撤销前一步操作，可选择“编辑”“撤销”菜单项，或按快捷键【Ctrl+Z】，也可以单击工具栏中的“撤销”按钮。连续执行撤销命令可撤销前面所做的多步操作。2要恢复前一步撤销的操作，可选择“编辑”“重做”菜单，按快捷键【Ctrl+Y】，或单击工具栏上的“重做”按钮。连续

22、执行重做命令可恢复多步撤销的操作。通过“历史记录”面板撤销操作 3要一次性撤销前面所做的多步操作，可选择“窗口”“其他面板”“历史记录”菜单项，打开“历史记录”面板。在该面板中向上拖动左侧的滑块，使其经过要撤销的操作记录，或直接单击需要撤销的最终操作记录即可。4要恢复“历史记录”面板中撤销的操作，则将滑块向下拖动，使要恢复的操作记录变为直白显示即可。2操作的重复 若要在不同对象上重复某项操作，可通过以下方法实现。重复操作 1打开素材文档 2选择工具箱中的“选择工具”，然后单击舞台中的小企鹅造型将其选中，再选择“修改”“变形”“顺时针旋转90度”菜单项使小企鹅旋转3使用“选择工具”选中舞台中的橘

23、子头造型，然后选择“编辑”“重复”菜单项，此时会发现橘子头造型执行了与小企鹅造型相同的操作 若要在不同对象上重复多项操作，可利用“历史记录”面板实现，具体操作如下。重复多项操作 1重新打开“重复素材.fla”文档，使用“选择工具”选中舞台中的小企鹅造型，然后选择“修改”“变形”“顺时针旋转90度”菜单项，再选择“修改”“变形”“水平翻转”菜单项2使用“选择工具”选中舞台中的橘子头造型，然后打开“历史记录”面板，在按住【Ctrl】键的同时依次单击选择“旋转”和“缩放”操作记录将其选中3单击“历史记录”面板左下方的“重放”按钮后，即可对橘子头造型执行选中的操作 1.4.2 缩放和移动视图 1缩放视

24、图 制作动画时，适当地放大视图显示比例，可以对图形的细微处进行精确处理；适当地缩小视图显示比例，可以更好地把握图形的整体形态以及在舞台上的位置 放大舞台 1选择“缩放工具”后后在舞台中单击，即可放大舞台 缩小视图显示比例 放大舞台指定区域 2选择“缩放工具”后按住【Alt】键，光标会呈 形状，此时单击可缩小视图 3 要放大视图中指定的区域，可先选择“缩放工具”，然后在视图中按住鼠标左键并拖动，拖出一个矩形框，松开鼠标后，矩形框内的区域将填满整个绘图区域缩放下拉列表 4要精确放大或缩小视图显示比例，可选择“视图”“缩放比率”菜单中的子菜单项，或单击编辑栏右侧的三角按钮，从打开的下拉列表中选择显示

25、比例 2移动视图 移动舞台 将视图显示比例放大后，如果希望查看没有显示的区域，可拖动绘图区下方或右侧的滚动条。也可以选择工具箱中的“手形工具”，然后在视图上按住鼠标左键并拖动来移动视图。1.4.3 网格、标尺和辅助线 通过使用网格、标尺和辅助线，可以在舞台上精确定位或编辑对象，从而合理布局动画组成元素。1网格的使用 要使用网格线，可执行下面的操作。根据网格放置对象 要显示或隐藏网格线，可选择“视图”“网格”“显示网格”菜单项，或按【Ctrl“】组合键。显示网格线后，可根据网格放置对象。“网格”对话框 选择“视图”“网格”“编辑网格”菜单项，可打开“网格”对话框。利用该对话框可设置网格线的颜色、

26、网格间的距离、对象是否贴紧网格对齐以及对齐精确度等属性。2标尺与辅助线的使用 使用标尺可以精确定位对象在舞台上的位置，利用辅助线可以使对象对齐到舞台中某一纵线或横线上，要使用辅助线必须先显示标尺。选择“视图”“标尺”菜单，可在舞台的上方和左方显示火隐藏标尺。使用辅助线 在舞台上方或左侧的标尺上按住鼠标左键并拖动，可拖出水平或垂直辅助线 拉出辅助线后，便可以将对象放置在辅助线处，对象会自动贴紧辅助线放置 要移动辅助线，可以选择工具箱中的“选择工具”，然后将光标移动到辅助线上，按住鼠标左键并拖动；要避免误移动辅助线，可以选择“视图”“辅助线”“锁定辅助线”菜单，将辅助线锁定，重新选择该菜单可解除辅助线的锁定。“辅助线”对话框 要编辑辅助线，可以选择“视图”“辅助线”“编辑辅助线”菜单，在打开的“辅助线”对话框中设置辅助线的颜色、贴紧精确度等参数。要清除单条辅助线，只需使用“选择工具”将其拖出舞台即可；要清除全部辅助线，可选择“视图”“辅助线”“清除辅助线”菜单项。