flash动画制作电子.pptx

《flash动画制作电子.pptx》由会员分享，可在线阅读，更多相关《flash动画制作电子.pptx（56页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、初 识FLASH（1）FLASH 8.0 的新增功能（2）操作工作界面的剖析第1页/共56页的操作工作界面 第2页/共56页对象编辑工具常规工具栏 绘图工具条 第3页/共56页绘图工具条 随着Flash软件版本不断升级，其工具越来越贴近用户，在使用时更加得心应手。【箭头】工具 箭头工具专门用来选取各个元件，在Flash里面轮廓线和里面的填充色是分开的，所以想要选中的话就要先框住对象，然后进行移动。选取元件与改变线段的形状及长度【部分选取】工具【部分选取】工具 部分选取工具可显示图形的所有顶点，拖动节点就能对图形任意编辑。对图形进行编辑【任意变形】工具【任意变形】工具 任意变形工具可以轻松实现图

2、形自由的变形。注意：把图形打散后还可以对图形进行变形。任意变形效果【填充变形】工具【填充变形】工具 填充变形工具是对图形可以进行自由填充，而不拘泥于其他属性。可以根据中心点、角度及范围来调整对象颜色的变化。填充变形工具【线条】工具【线条】工具 线条工具可以绘制线条，线条的粗细、颜色及造型均在下边的属性栏里调整。在绘制的过程当中，按住 Shift 不放，可以绘制出45度或水平的直线。线条工具【套索】工具【套索】工具 套索工具被选取时,其附属选项按钮会出现在选项条中（如下图所示）。套索工具用于不规则的形状任意圈选对象，它可以配合箭头工具，按住 Shift 键不放，可同时选择多个对象。【钢笔】工具【

3、钢笔】工具 钢笔工具可绘制直线、曲线，而且可调整路径上的节点。它可以自由创建和编辑矢量图形。单击鼠标左键确定点的位置，连续单击形成直线组成的折线图。点左键不松手可以调整线的造型。【文本】工具【文本】工具 文本工具还是用下边的属性框来对文本进行输入和编辑等操作。【椭圆】工具【椭圆】工具 椭圆工具可绘制各种椭圆图案，在绘制时按住 Shift 键不放，可绘制正圆形。在拖动的时候有个 小圆标志，也是正圆。而且绘制时可通过下边的属性栏调整圆的边框与填充颜色。【矩形】工具【矩形】工具 矩形工具在绘制的过程中和椭圆工具差不多。按住 Shift 键可绘制正方形。还可点击 更改边角半径设置。【铅笔】工具【铅笔】

4、工具 铅笔工具在导引线中使用最多。调整铅笔工具同样在下边的属性栏里进行调整。当铅笔工具被选取时,其附属选项按钮会出现在选项条中，也可以通过这个来更改铅笔工具的设置。【刷子】工具【刷子】工具 刷子工具用于绘制密闭的填充色构成的图形，该工具提供了5种模式。标准绘画颜料填充后面绘画颜料选择内部绘画【墨水瓶】工具【墨水瓶】工具 墨水瓶工具可以对图形的边线进行填充。如果说在画一个图形的时候没有画外框线，这时就不能用箭头工具直接选择来更改外框线，必须要用到墨水瓶工具来对图形的边线填充。【颜料桶】工具【颜料桶】工具 颜料桶工具能够填充未填色的轮廓（但是不包括外框线）或是改变现有图形的颜色，其附属选项如下图所

5、示，可根据图形封闭的空隙大小进行选择。【吸管】工具【吸管】工具 用于从别处获取色块和线段的颜色，还可以对位图进行采样。【橡皮擦】工具【橡皮擦】工具 用于擦除整个图象或者是图形的一部分。橡皮模式：标准擦除（可以擦除矢量色块和矢量线条）、擦除填色（只擦除填充的矢量色）、擦除线条（只擦除矢量线条）、擦除所填色（擦除选种区域中的某部分或全部，未选区域不受影响）、内部擦除（擦除封闭图形的内部区域）水龙头工具：用于快速擦除矢量色块和线段。【手形】工具【手形】工具 手形工具用于舞台上的内容超出工作区的时候，使用它可以随意查看所需内容。是个非常方便实用的工具。【缩放】工具【缩放】工具 缩放工具是用于编辑图形的

6、放大和缩小，配合该工具的选项内容，在所需要放大或缩小的区域画矩形，则矩形内的对象就能按最大可容纳的比例显示，而直接选择点击，则可以放大当前编辑视图；如果在点击时按下 Alt 键，则会缩小当前编辑视图。【颜色】工具【颜色】工具 颜色工具是Flash绘图当中相当重要的一个工具。里面分为笔触颜色和填充色，你可以根据自己的需要对图形进行编辑。更改时只需要点击它们的下拉菜单即可。【选项】工具【选项】工具 工具箱中的选项主要是针对工具的调节而设置的，它随着所选工具的不同而显示不同的工具选项设置。但是其中有一些工具是没有调节选项的。请顺序单击工具条中的工具，了解详细情况。第4页/共56页帧操作Flash 是

7、一套用来设计动画的软件，可以在关键帧之间补间或填充帧，从而生成流畅的动画。帧和关键帧在时间轴中出现的顺序决定它们在 Flash 应用程序中显示的顺序。时间轴帧分帧的应用第5页/共56页时间轴帧（1）时间轴与帧（2）在时间轴中处理帧（3）不同帧的符号（4）帧标记与帧注释（5）帧的操作（6）帧的速度第6页/共56页时间轴与帧时间轴是以时间为基础的线性表，让使用者以时间的进行为基础，一步步地安排每个动作。在时间轴中可处理帧和关键帧，将它们按照对象在帧中出现的顺序进行排列。第7页/共56页在时间轴中处理帧可以对帧或关键帧进行如下修改：插入、选择、删除和移动帧或关键帧。将帧和关键帧拖到同一层中的不同位置

8、，或是拖到不同的层中。拷贝和粘贴帧和关键帧。将关键帧转换为帧。从“库”面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中。第8页/共56页不同帧的符号代表移动渐变动画，用箭头来显示动画的过程。代表形状渐变动画，也用箭头来显示，以移动渐变动画不同表现在颜色上。虚线表示在动画的过程中出了问题，这时需要查看开头与结尾的关键帧的属性。当小写字母“a”出现时，代表这个帧已经被指定某个动作，当播放到这里时，会执行该动作。第9页/共56页帧的操作插入关键帧拷贝和粘贴帧过渡帧空白关键帧选取所有帧帧第10页/共56页插入关键帧操作步骤：在时间轴上选取要插入的关键帧的位置然后点击鼠标右键在快捷菜单中选

9、择“插入关键帧”，或者按快捷键 F6。提示：若要删除关键帧，只要选定关键帧，然后单击鼠标右键，在快捷菜单中选择“清除关键帧”即可。第11页/共56页拷贝和粘贴帧操作步骤：先选择要拷贝的一个帧或多个帧在被选定的帧上单击鼠标右键，从快捷菜单中选择“复制帧”命令在需要进行粘贴的位置单击鼠标右键，从快捷菜单中选择“粘贴帧”第12页/共56页过渡帧过渡帧用来连接两个相邻的关键帧。过渡帧可以有不同的形态。空白关键帧之间的过渡、移动渐变动画产生的过渡帧、无移动渐变动画之间的过渡帧。过渡帧是不可进行编辑的。第13页/共56页空白关键帧空白关键帧指在一个关键帧里没有添加任何对象。注意：使用“插入”菜单中的“插入

10、关键帧”命令定义的影格，即使里面不添加对象，也不能叫空白关键帧。第14页/共56页选取所有帧操作方法：在图层栏的空白处单击，即可选中所有有效帧。在影格编辑区单击鼠标右键，从快捷菜单中选择“选择所有帧”，也可选中所有有效帧。选取所有帧后的效果第15页/共56页帧操作方法：执行“插入”/“时间轴”/“帧”命令，可在选定的帧后插入和选定帧相同的过渡帧。如果选择的是个空白帧，就可在此帧后添加相同的过渡帧。插入前插入后第16页/共56页帧的速度“视觉暂留”现象。所以一般的影片帧频都是24帧/秒以上，才能产生连续动作的效果。帧数越多动画文件越大，在网络上播放时，就有可能出现问题。一般情况下，建议每秒钟播放

11、12帧左右。修改 Flash 动画的帧的速度改变帧频 第17页/共56页分帧的应用为了能够观察动画的细节，此时就需要用到分帧显示。如何显示分帧图a.改变分帧显示的方式第18页/共56页如何显示分帧图按下时间轴下方的 ，分帧途中的所有关键帧上的图案都可随时编辑 按下时间轴下方的 ，可将动作对象分帧显示按下时间轴下方的 ，分帧图以轮廓线形式显现第19页/共56页改变分帧显示的方式显示分帧时，除了可以指定只显示轮廓边框外，也可以指定显示分帧图的张数，只要按下时间轴下方的 ，就可以从下拉菜单中选择不同的帧数。第20页/共56页图层的作用图层的概念创建图层修改层选取图层删除图层锁定/解锁图层图层的重命名

12、图层的重命名图层的属性设置图层的属性设置改变图层的次序改变图层的次序查看层查看层引导图层引导图层遮罩层遮罩层第21页/共56页图层的概念图层就像透明的纸一样，在舞台上一层层地向上叠加。图层可以帮助用户组织文档中的插图。作用：可以在不影响其他图层上的对象的情况下，在一个图层上绘制并编辑对象可以利用引导层使绘画和编辑更加容易可以利用遮罩层帮助动画创建丰富多彩的效果第22页/共56页创建图层当打开Flash 的时候，在默认的情况下只有一个图层，若要新增图层，操作：执行“插入”菜单下的“图层”命令单击时间轴上的单击红色框体部分图层。第23页/共56页修改层操作过程：要绘制、上色或者对图层或文件夹进行修

13、改，需要在时间轴中激活该图层。当图层名字旁边出现一个铅笔图标时，表示该图层是当前工作图层。在工作图层中可进行相应修改操作。第24页/共56页选取图层方法：单击时间轴上的图层名称单击属于该层时间轴上的任意一帧在编辑区选择该层中舞台的对象若要同时选择多个图层，可先按住 Shift 键或者是 Ctrl 键，再单击所要选择的图层名称第25页/共56页删除图层方法单击右键要删除的图层，再快捷菜单中选择“删除图层”选项单击时间轴上的 按钮将要删除的图层用鼠标拖动到 上第26页/共56页锁定/解锁图层单击图层名字右边的锁定栏，就可以锁定图层，再次单击锁定栏可解除堆图层的锁定。可单击按钮 ，可将所有的图层锁定

14、，再次单击就可解除对所有的图层的锁定在按住 Alt 键后，单击任意一个图层上的锁定栏，可锁定或解除此图层外的所有图层在按住 Ctrl 键后单击任意一个图层可锁定或解除所有图层第27页/共56页图层的重命名在无命名情况下，新图层会按创建顺序自动命名。对图层重命名可更好管理图层。方法：用鼠标双击该图层名称，当高亮显示文字时可直接输入新名称，最后再按回车键即可。用鼠标点击某图层，从快捷菜单中选择“属性”选项，这时会弹出“图层属性”对话框，可利用对话框中的各种参数设定新图层。第28页/共56页图层的属性设置在任意的图层上单击鼠标右键都会弹出快捷菜单，选择其中的“属性”项，可以在打开的图层属性对话框中设

15、置各种参数。第29页/共56页改变图层的次序由于图层就像透明的纸一样，在舞台上一层层地向上叠加。因此图层顺序将会影响对象的显示效果。操作步骤：将鼠标移动到要改变图层顺序的层上，并按住鼠标左键不放向上或向下移动；在拖动过程中，会看到一条虚线随着鼠标移动，将该虚线移动到想要的位置，放开鼠标即可。第30页/共56页查看层时间轴中图层或文件夹名称旁边的 表示它处于隐藏状态。若要显示只需用鼠标再次单击。被隐藏的图层可输出但不能进行编辑。显示或隐藏图层 第31页/共56页引导图层使用引导图层可制作出沿自定义路径进行运动的动画。引导层是用层名称左侧的辅助线图标表示的。用户必须在对象所属的图层中增加一个参照层

16、，而且引导图层不会出现在发布后的电影中。引导层动画实例 第32页/共56页添加引导层的操作步骤步骤1：新建一个文件，然后执行“插入”菜单下的“新建元件”选项。“新建元件”对话框 步骤2：在名称中输入新建元件名称，并将其属性指定为图形，单击“确定”。步骤3：使用绘图工具，在新增元件中绘制个太阳，如图所示。步骤4：单击 回到舞台上。步骤5：单击库中刚刚绘制好的太阳，按住鼠标右键拖住不放，把它拖到舞台上。如图所示。步骤6：在时间轴第40帧的地方单击右键，从快捷菜单中选择“插入关键帧”选项。插入关键帧并设置 步骤7：分别在两个关键帧处单击鼠标右键,在快捷菜单中选择“创建补间动画”。步骤8：单击时间轴上

17、的 按钮，在图层的上方创建一个引导层。创建引导层 步骤9：在引导层上用铅笔工具绘制一条路径，如图所示。绘制运动路径 步骤10：单击图层1中的第一个关键帧，然后选择“太阳”，将其拖动到线条的一个端点，在拖动过程中会有个小圆圈出现在图像对象的中央，当这个小圆圈接近线条的时候，对象“太阳”会自动贴到该引导线端点。步骤11：同样点击第2个关键帧，使“太阳”贴到引导线的另一个端点。步骤12：单击 Enter 键就会看到“太阳”沿着引导线来运动了。为了更清楚的观察，可以用显示分帧来看。如图所示。第33页/共56页遮罩层Flash 的遮罩层与 Photoshop 里的蒙板概念很相似。使用遮罩功能可以产生类似

18、聚光灯扫射的效果，也可以把多个图层聚合在一个遮罩层下边，因此产生丰富多彩的效果。遮罩层动画实例第34页/共56页遮罩层操作实例步骤1：新建一个文件，然后在元件库里新增一个元件，用文本工具输入“Welcome”。如图所示。输入文字 步骤2：再在元件库里新增一个元件，来画一个圆作为遮罩透通区(什么颜色就可以，因为透通区是看不到颜色的)。如图所示。画圆 步骤3：回到场景中，先把文字“Welcome”拖到舞台。步骤4：再新建一个图层，把元件库里的“圆”拖进舞台。步骤5：因为文字是不动的，所以在第40帧的位置上点鼠标右键，从快捷菜单中选择“插入帧”；在圆的图层40帧位置上插入关键帧，在中间创建补间动画，

19、在第20帧的位置再次插入一个关键帧，如图所示。创建动画 步骤6：在场景中把圆移动到右边，如图(2)所示。移动圆形 步骤7：点击右键圆所在的图层，从快捷菜单中选择遮罩层。如图所示。使用遮罩层步骤8：按 Enter 键测试影片效果。影片效果 提示：Flash中可以绘制各种各样的遮罩层，因为遮罩层可以使用不规则的填色区域，或导入点阵图作为遮罩层。第35页/共56页元件与图库的编辑（1）元 件（2）库的应用（3）编辑元件第36页/共56页元 件元件是可反复取出使用的图形、按钮或一段小动画，元件中的小动画可独立于主动画进行播放。它是由多个独立的元素合并而成的，因此缩小了文件的存储空间。元件的类型 创建元

20、件的方法 第37页/共56页元件的类型 影片剪辑元件是一段flash动画，它是主动画的一个组成部分，它可独立于主动画进行播放。按钮元件用于创建动画的交互控制按钮，以响应鼠标事件（如单击、滑过等）。图形元件是可反复使用的图形，可以是只含一帧的静止图片，也可以制作成由多个帧组成的动画。第38页/共56页创建元件的方法 利用菜单命令新建元件将对象转换为元件将动画转换为影片元件创建按钮 第39页/共56页库的应用库存放了编辑动画需要的各种元件，这些元件可以随时调出使用。若将元件调出放到场景中，就生成了该元件的一个实例。库面板在文档之间拷贝库资源 a.a.使用库资源第40页/共56页库面板 打开库面板：

21、单击“窗口”/“库”命令或按“F11”键。库面板中各按钮的功能：宽库视图按钮：用于展开图库显示各元件的名称、类型、使用次数和最后依次改动的时间等内容。窄库视图按钮：使库面板变窄。切换排序顺序按钮：改变各元件的排列顺序新建元件按钮：单击它可新建元件。新建文件夹按钮：可新建文件夹。属性按钮：调整库中元件属性。删除按钮：删除库中的元件或文件夹。第41页/共56页在文档之间拷贝库资源 通过拷贝和粘贴来拷贝库资源通过拖动来复制库资源通过在目标文档中打开源文档的库来复制库资源 第42页/共56页使用库资源 共享库资源可以在多个目标文档中使用源文档资源。可使用两种方法共享库资源：对于运行时共享资源，源文档的

22、资源是以外部文件的形式链接到目标文档中的。a)对于创作期间的共享资源，可以用本地网络上任何其他可用元件来更新或替换正在创作的文档中的任何元件。第43页/共56页编辑元件图形元件属性面板按钮元件属性面板 第44页/共56页动画的基本类型（1）逐帧动画（2）运动渐变动画 第45页/共56页逐帧动画逐帧动画逐帧动画是由许多单个的关键帧组合而成的，适合制作一个动画在每个帧上都有关键性变化的情况。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。逐帧动画实例 第46页/共56页创建逐帧动画实例步骤1：新建一个文件，利用属性面板可以设置场景为合适的大小和背景色。步骤2：选择第1帧作为

23、逐帧动画的起始帧，单击右键，在弹出的下拉菜单中选择“插入关键帧”。步骤3：在第1帧上创建插图。可以使用绘画工具、从剪贴板中粘贴图形，或导入一个文件，这里我们导入一张图片。步骤4：拷贝第1帧的内容，单击第2帧，将第1帧中的内容粘贴到第2帧上，单击“编辑多个帧”按钮，并用“选择工具”将图形调整一下位置。步骤5：重复步骤4，完成第3-10帧的动作。步骤6：单击“编辑多个帧”按钮，取消显示，按“Enter”键测试动画，保存。第47页/共56页运动渐变动画 运动渐变动画的创建运动渐变实际上是一个对象移动的两点关键帧间的变化。在两个关键帧上可分别定义不同的属性，如尺寸、颜色、角度等。运动渐变动画实例形状渐

24、变动画的创建形状渐变动画与运动渐变一样，但更主要的是外形的改变。形状渐变动画创建实例第48页/共56页运动渐变动画的创建实例步骤1：新建一个文件，利用属性面板设置场景为合适的大小和背景色。步骤2：从电脑中导入图片作为动画的主体。步骤3：选中图片单击“修改”/“转换为元件”命令，打开“转换为元件”对话框，将元件命名为“moon”。步骤4：在第30帧处插入关键帧，并把鼠标放在1-30帧中任意一帧，点右键，在弹出的下拉菜单中选“创建补间动画”。然后单击第30帧，把图片拖到右下角。步骤5：将图片移到左上角，单击右键，从弹出菜单中单击“时间轴特效”/“变形/转换”/“变形”命令，打开“变形”对话框。步骤

25、6：在“变形”对话框中，选取“旋转”单选项，输入“360”。步骤7：按“Enter”键测试效果。第49页/共56页形状渐变动画创建实例步骤1：新建一个文件，在属性面板中设置文档的大小为550px400px,背景色为浅蓝。步骤2：绘制字母外旋转的圆环。从工具箱选取椭圆工具，然后在属性面板中设置“笔触颜色”为嫩绿色，“填充颜色”为无色。单击“自定义”，在弹出的对话框中将线型设置为虚线，在工作区中拖动一个圆形。属性面板“笔触样式”对话框 步骤3：选中圆形执行“修改”/“形状”/“将线条转换为填充”命令，再执行“修改”/“形状”/“柔化填充边缘”命令，在其中设置“距离”为10px，“方向”为“扩展”，

26、这时出现柔化的边框。“柔化填充边缘”对话框 柔化后的效果 步骤4：选中柔化后的圆圈，执行“修改”/“转换为元件”命令，在其中元件的“名称”为“环”，单击“确定”。步骤5：单击图层1的第40帧，按F6键插入关键帧，在单击选中环实例，在“属性”面板的“补间”下拉列表中选择“动作”选项，“旋转”下拉列表框选择“顺时针”。步骤6：制作字母变形的动画。单击“时间轴”对话框左边的“插入图层”按钮，添加图层2，并单击第一帧。步骤7：从工具箱选择“文本工具”，在属性面板中设置字体为“Arial Black”，字体大小为150，文本颜色为红色，在工作区中输入文本“A”，并调整其位置到圆的中央。步骤8：按Ctrl

27、+B组合键，将文字打散，在图层2的第10帧处按下F6键插入关键帧，并把字母A删除。步骤9：从工具箱中选取文本工具，在“属性“面板”中将“文本颜色”设置成黄色，其他参数与字母A相同，然后在工作区中输入字母B。步骤10：用同样方法处理字母B。在图层2的第20、30帧加入蓝色字母C和紫色字母D，将它们与“环”实例的圆心对齐，并将其打散。在图层40帧加入红色字母A，与第1帧相同。步骤11：单击图层2，选中所有帧，然后在工作区下方的“属性”面板的“补间”下拉列表框中选择“形状”选项。步骤12：按“Enter”键测试效果，保存。第50页/共56页声效控制方法 在Flash中有两类声音：事件声音和音频流。事

28、件声音必须完全下载后才能开始播放，除非明确停止，它将一直连续播放。音频流在前几帧下载了足够的数据后就开始播放，可通过和时间轴同步以在 Web 站点上播放。导入声音向文档中添加声音向文档中添加声音1)1)给按钮添加声音第51页/共56页导入声音操作：选择“文件”/“导入”/“导入到库”。可导入到Flash的声音文件格式：WAV、AIFF（仅限 Macintosh）、MP3如果安装了QuickTime4或更高版本，可导入附加的声音文件格式：AIFF、Sound Designer II（仅限 Macintosh）、只有声音的QuickTime影片、Sun AU、System7声音（仅限 Macint

29、osh）、WAV。第52页/共56页向文档中添加声音 使用：要将声音从库中添加到文档，可以把声音分配到一个层，然后在“属性”检查器的“声音”控件中设置选项。测试添加到文档中的声音：可以使用与预览帧或测试SWF文件相同的方法。操作步骤 第53页/共56页向文档中添加声音步骤1：如果还没有将声音导入库中，请将其导入库中。步骤2：选择“插入”/“时间轴”/“图层”，为声音创建一个层。步骤3：选定新建的声音层，从属性面板添加声音。如图所示，可以把多个声音放在同一层上，或放在包含其他对象的层上。步骤4：从“效果”弹出菜单中选择效果选项。“无”不对声音文件应用效果。“左声道”/“右声道”只在左或右声道中播

30、放声音。“从左到右淡出”/“从右到左淡出”会将声音从一个声道切换到另一个声道。“淡入”会在声音的持续时间内逐渐增加其幅度。“淡出”会在声音的持续时间内逐渐减小其幅度。“自定义”可以通过使用“编辑封套”创建自已的声音淡入和淡出点。步骤5：从“同步”弹出菜单中选择“同步”选项。“事件”选项会将声音和一个事件的发生过程同步起来。“开始”与“事件”选项的功能相近，但如果声音正在播放，使用“开始”选项则不会播放新的声音实例。“停止”选项将使指定的声音静音。“数据流”选项将同步声音，以便在 Web 站点上播放。Flash 强制动画和音频流同步。第54页/共56页给按钮添加声音给按钮添加声音时，可给按钮的每一种状态添加声音，也可为按钮的每一种状态添加同一种声音，但每帧对应的是一种声音。给按钮添加的声音和按钮元件一起保存。第55页/共56页感谢您的观看！第56页/共56页