flash动画.ppt

1、中文版Flash CS5动画设计，第1章Flash CS5初次接触，Flash动画概要和Flash CS5初次见面Flash基本操作Flash动画制作入门滚蛋，1.1 Flash动画概要，1.1 Flash动画Flash动画、Flash创建的欢迎页Flash创建的网站、网站广告、Flash音乐动画多媒体教材、Flash游戏、1.1.2 Flash动画特征、Flash动画特征制作简单： Flash动画制作比较简单，一个爱好者可以掌握一定的软件知识，拥有一台电脑，可以用一组软件制作简单的动画。 制作成本低：使用FLASH制作动画可以大幅削减制作成本，减少人力、物力资源的消耗。 同时，制作时间也比以

2、往的动画大幅缩短。 存储容量小、缩放时无失真： Flash动画主要由矢量图形构成，矢量图形具有存储容量小、缩放时无失真的优点。 下载并播放：在互联网上播放时，分发后的. swf文件具有“流式传输”媒体的特征，可以下载并播放，而不是整个文件下载并播放。 交互性： Flash可以通过将脚本添加到动画中来提供交互性，使观众可以参与动画，通过点击、选择等操作来确定动画的执行过程和结果。 这与传统动画不同，1.1.3 Flash动画创建过程遵循基本过程，尽管每个人创建Flash动画的习惯都不同。 启动1.2.1Flash CS5，正确安装flashcs5后，可参照以下步骤进行启动。 flash cs 5

3、，1 .单击“开始”按钮，然后从弹出菜单中选择“所有程序”“adobe flash cs 5专业版”，或者双击桌面快捷方式。 进入1.2与Flashcs5的初次会面、Flashcs5起始页、2.Flashcs5起始页，然后单击“flash文件(ActionScript 3.0)”或“flash文件(actioon )”，1.2.2 flash 进入flashcs5工作界面时，会显示标题栏、菜单栏、文档选项卡、编辑栏、舞台、工具箱、时间轴面板等组件。 Flash CS5工作界面、1标题栏和标题栏位于Flash CS5工作界面的顶部。 标题栏、2菜单栏、Flash CS5将大部分命令分类配置到“文

4、件”、“编辑”、“视图”、“插入”、“修改”等菜单中。 要执行该功能，请首先在菜单栏中单击相应的主菜单名称以打开下拉菜单，然后单击以选择菜单项。 默认情况下，菜单栏、3个主工具栏和主工具栏不可见。单击主工具栏上的按钮可以快速运行Flash CS5中的常规命令。 打开主工具栏、四个文档选项卡和多个文档后，单击文档选项卡以切换当前编辑的文档，然后单击选项卡右侧的“关闭”按钮以关闭相应的文档。 使用、文档选项卡、5编辑栏和编辑栏选择要编辑的场景和元件，并设置舞台的显示比例。 编辑栏、6个舞台、舞台是用户创建和编辑动画内容的地方。 您可以在工具面板中选取绘画或编辑工具，然后在时间轴面板中选取要处理的影

5、格，在舞台上绘画或编辑影格上的图形。 请注意，在播放动画时，不会显示舞台外面的内容。 舞台、7工具箱和工具箱位于Flash CS5工作介面的右侧，分为四个区域来绘制或编辑图形：工具区、色彩区、检视区和选项区。 8“时间轴”面板和“时间轴”面板位于舞台下方，用于组织和控制动画内容。 主要由图层和时间帧组成。创建、“时间轴”面板、“工具箱”面板、9等常用面板和动画时最常用的面板是“属性”面板、“颜色”面板和“库”面板。 “属性”面板“颜色”面板“库”面板、“属性”面板显示和设置选定对象的属性，“颜色”面板设置图形的填充和描边颜色，“库”面板设置元件、图像、视频等选择工作界面的外观模式，启动Flas

6、h CS5进入工作界面后，单击标题栏右侧的布局模式下拉按钮，从展开的下拉列表中根据需要选择工作界面的外观模式然后打开“动作”面板。 2 .如果在默认工作界面中找不到所需的面板，可以选择“窗口”面板名称菜单将其打开。关闭面板、显示/隐藏面板3 .要关闭不需要的面板，请单击面板右上角的按钮，从展开的下拉菜单中选择“关闭”选项，选择“关闭组”选项，即可打开相同的标记4 .要隐藏面板，请单击该面板的标题栏，要显示隐藏的面板，请再次单击该面板的标题栏。 您可以切换、面板显示状态、展开对应的面板、5 .单击右侧面板组右上角的折叠按钮或展开按钮，在面板组的图标状态和打开状态之间切换。 6 .面板组为图标状态

7、时点击图标，对应的面板就会展开。新建工作区对话框、选择保存的工作区、“管理工作区”对话框、7 .调整工作区后，选择“窗口”“工作区”“新建工作区”菜单，打开“新建工作区” 8 .保存工作界面后，单击布局模式下拉按钮，从展开的下拉列表中选择保存的界面。 9 .通过选择“窗口”(window )“工作区”(workspace )“管理工作区”(management workspace )菜单，可以在打开的“管理工作区”(management workspace )对话框中重命名或删除现有工作接口。1.3 Flash CS5基本操作、新建、保存、关闭和打开1.3.1文档、新建1个文档并启动Flash

8、时，在起始页上单击“Flash文件(ActionScript 3.0)”或“Flash” 点击、工作界面主工具栏上的新建按钮。 在工作界面中选择“文件”“新建”菜单，或按快捷键“Ctrl N”，然后在“打开”对话框中选择“flash文件(ActionScript 3.0或flash文件(action script )” 、2保存文档并创建新的Flash文档后，必须立即将其保存到计算机，以免意外丢失当前的工作成果。保存文档，1 .选择“文件”“保存”菜单，或者按快捷键【Ctrl S】。 2 .在打开的另存为对话框中，选择文档的保存路径，输入保存文件名，选择保存类型，然后单击保存按钮保存文档。 3

9、关闭文档和保存文档可以关闭临时未使用的文档，从而节省系统资源。 关闭文档主要有以下几种方法： 然后单击“文档”选项卡右侧的“关闭”按钮。 要关闭当前文档，请选择“文件”“关闭”菜单。 要关闭所有打开的文档，请选择“文件”“全部关闭”菜单。 选择“文件”“退出”菜单以关闭所有打开的文档并退出Flash CS5程序。4打开文档和打开文档的方法主要包括： 启动Flash后，在起始页左侧的“打开最近的项目”下，选择最近保存的文档。 然后在起始页上打开最近保存的文档，在工作界面中选择文件打开菜单，或者按Ctrl O快捷键并在打开的打开对话框中选择要打开的文档的路径和名称。在保存目标文档的文件夹中，双击要

10、打开的flash文档(.Fla文档)。 在设置、1.3.2文档属性并创建新的Flash文档之后，可以根据需要设置文档属性，如舞台大小、背景颜色和帧速率。 设置文档的属性。 创建新的Flash文档后，单击“属性”面板中的“编辑文档属性”按钮。 2 .在打开的“文档属性”对话框中，可以设置文档属性，如文档大小、背景色和帧速率。 尺寸：尺寸是舞台的宽度和高度。 播放动画时，不会显示舞台外面的对象。 背景颜色：单击此选项右侧的颜色块，可以在弹出式拾色器对话框中设置舞台颜色。 帧速率：动画的播放速度，单位为“fps”，即每秒播放的帧数。 帧速率越高，播放动画的速度越快。 一般的帧速率是12、18、24和

11、25。 标尺单位：如果要在文档中使用标尺，请从此选项右侧的下拉列表中选择标尺的度量单位。 1.3.3缩放和平移舞台以创建动画时，可以适当放大舞台的显示比例，准确处理图形的细节通过适当缩小舞台的显示比例，使图形的整体形态和在舞台上的位置更加精确点击、放大舞台、1 .工具箱中的“缩放工具”进行选择(或按快捷键【m】)，将光标移动到舞台上。 默认情况下，光标为形状，单击可放大舞台。缩小舞台的显示比例、2 .选择缩放工具，单击“工具箱”的可选区域中的“缩小”按钮，或者将光标移动到舞台并按下Alt键，则在光标形状时单击可缩小舞台的显示比例。 放大指定的区域、3 .选择缩放工具后，在舞台内按住鼠标左键拖动

12、，然后拖动矩形框。 释放鼠标后，矩形框内的区域将显示在整个窗口中。 使用、“缩放”下拉列表和滚动条移动舞台。4 .单击编辑栏右侧的“缩放”下拉按钮，可以从打开的下拉列表中选择各种选项，快速调整舞台大小5 .放大舞台后，若要显示未显示的区域，请拖曳舞台下方或右侧的卷轴。 然后使用“手形工具”移动舞台，6 .从“工具箱”中选择“手形工具”，在舞台上按住鼠标左键并拖动，可以显示未显示的区域。 使用1.3.4网格、标尺和辅助线绘制或移动对象时，可以使用网格、标尺和辅助线精确地调整对象在舞台上的位置并对齐不同的对象。显示网格线、“网格”对话框、1 .选择“视图”“网格”“显示网格”命令后，网格将显示在舞

13、台上。 2 .选择“视图”“网格”“编辑网格”菜单，在打开的“网格”对话框中，设定网格线的颜色、网格间的距离、对象是否吸附在网格上等，使标尺有效，拖动辅助线，基于辅助线对象4 .在舞台上方的尺标上按住滑鼠左键拖曳时，会拖曳水平导引线；在舞台左侧的尺标上按住滑鼠左键拖曳时，会拖曳垂直导引线，会拖曳多个导引线。 5 .拖动辅助线可以基于辅助线定位对象，并且对象会自动贴紧辅助线。 清除辅助线(subjection )对话方块中的所有辅助线；6 .选取显示(view )辅助线(subjection )编辑辅助线(edit subjection )选单，可在开启的辅助线(subjection )对话方块

14、中设定尺寸界线的颜色、贴紧精度等残奥参数。 7 .要清除参考线，请使用选择工具从舞台上拖动。 若要删除舞台上的所有辅助线，请选择“视图”“辅助线”“删除辅助线”菜单。 1.3.5撤消和恢复操作、撤消和恢复操作的方法主要有：然后选择“编辑”“撤消”菜单，或者按快捷键【Ctrl Z】撤消上一个操作并连续执行可撤消的多步操作选择“编辑”“重做”菜单，或者按快捷键【Ctrl Z】 单击主工具栏上的“恢复”按钮，恢复上一步骤的恢复操作，单击主工具栏上的“重做”按钮。 使用“历史记录”面板，可以一次撤消或撤消多个步骤的操作。 1.5 Flash动画制作入门在本节中，通过制作滚蛋滚落的动画效果，介绍绘图工具

15、的使用方法、帧、图层、符号等在制作动画过程中的作用。 1.5.1 Flash动画制作原理、以往的动画和电影是通过连续播放一系列静止图像来实现的，每个静止图像是一帧，Flash动画也是如此。 接下来通过制作汽车运动的动画来进行说明。 打开素材文档。 1 .打开素材文档。 本文档时间轴的第一帧插入红色心形、关键帧，以适当放大心形。 2 .单击“时间轴”面板的第2帧进行选择，按住【F6】键插入关键帧，3 .单击“选择工具箱”的“任意变形工具”，单击第2帧的心形，按住【Shift】键的同时插入心形的左下方4 .按下快捷键【Ctrl Enter】观看动画的播放效果，就可以看到心撞心跳。 使用、1.5.2

16、绘制工具绘制鸡蛋，打开素材文档，1 .打开素材文档。 中的组合图层性质变更选项。 图形是构成Flash动画的基本要素。 创建动画时，可以使用Flash工具箱中的绘图工具绘制动画所需的图形。 您可以在动画中绘制所需的鸡蛋，以了解如何使用“工具箱”中的绘制工具。 创建新图层，选择椭圆工具，然后单击“时间轴”面板左下角的“插入图层”按钮，在背景图层上创建新图层2。 3 .按住“工具箱”的“矩形工具”，从展开的工具列表中点击选择“椭圆工具”(或者按快捷键【o】)。 选择填充颜色，画蛋，4 .单击“工具箱”颜色区域中的“填充颜色”按钮，然后在“打开的拾色器”对话框中选择浅黄色(#FFFFCC )。 5 .点击选择“第2层”，将光标移到舞台上，按住鼠标左键拖动，绘制椭圆形作为鸡蛋。 1.5.3识别符号将鸡蛋转换成图形符号。 元件是可以在动画场景中重复使用的动画元素。 可以是图形、动画或按钮。 建立补间动画时，您必须先将建立动画的物件转换为元件。 然后选择“转换为元件”菜单以创建“鸡蛋”图形元件。 1 .单击“层2”的第1帧，在舞台上选择蛋，然后选择“修改”“转换为符号”菜单，或者按快捷键【F8】，2 .在打开的“转换为符号”对话框中，在“名称”编辑框中选择“蛋” 识