flash动画制作教程(1).pptx
《flash动画制作教程(1).pptx》由会员分享,可在线阅读,更多相关《flash动画制作教程(1).pptx(76页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、动画制作软件动画制作软件FLASH MX 初识Flash 动画制作基础 简单动画制作 高级动画制作 作品的输出flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第1页页!一、初识FLASH1.用户界面菜单栏标准工具栏控制工具栏绘图工具栏浮动面板时间轴面板属性面板工作区(图见下页图见下页)(图见下页图见下页)flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第2页页!时间轴面板flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第3页页!一、初识FLASH2.绘图工具箭头工具、精选工具和套索
2、工具直线工具和铅笔工具钢笔工具椭圆工具和矩形工具笔刷工具自由形变工具渐变工具墨水瓶工具和颜料桶工具吸管工具橡皮擦工具视图移动工具缩放工具 flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第4页页!一、初识FLASH箭头工具 用来选择或移动对象选择对象方法:单击对象的内部区域(或轮廓线),选中该对象的内部区域(或轮廓线);双击对象的内部区域(或轮廓线),选中该对象的内部区域和轮廓线(或轮廓线);拖放鼠标圈出一个矩形,该矩形中的区域被选中。选项栏:自动对齐(Snap to Objects)绘制、移动、旋转或调整的对象将自动对齐;平滑处理(Smooth)对直线和
3、形状进行平滑处理;平直处理(Straighten)对直线和形状进行平直处理。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第5页页!一、初识FLASH 直线工具(Line Tool)和铅笔工具(Pencil Tool)。用于在工作区中绘制线条。直线工具 只能画直线。按住Shift键,拖放鼠标可以绘制垂直、水平直线或45斜线。铅笔工具 画直线或曲线。所画线条包括:Straighten(平直)、Smooth(平滑)、Ink(墨水)三种模式。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第6页页!一、初识FLASH 椭圆
4、工具(Oval Tools)和矩形工具(Rectangle Tools)。绘制椭圆或矩形。配合Shift键,可绘制圆或正方形。笔刷工具(Brush Tool)。填充工作区中任意区域的颜色。它与铅笔工具不同,笔刷工具画出的是填充区,而铅笔工具则是线条。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第7页页!一、初识FLASH 渐变工具(Gradient Tool)。改变图形对象中的渐进色的方向、深度和中心位置等。(a)使用渐变工具前;(b)使用渐变工具后。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第8页页!一、初
5、识FLASH 吸管工具(Eyedropper Tool)。从工作区中拾取已经存在的颜色及样式属性,并将其应用于别的对象中。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第9页页!一、初识FLASH 视图移动工具(Hand Tool)。用于移动工作区使其便于编辑,其功能相当于移动滚动条。选择该工具后,使用鼠标在工作区中拖动页面即可调整。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第10页页!二、动画制作基础 动画的类型 帧、图层和场景 符号和实例 动画制作流程flash动画制作教程动画制作教程(1)共共76页,您现
6、在浏览的是第页,您现在浏览的是第11页页!1.动 画 的 类 型逐帧动画在连续动画的相邻两帧中,画面一般地仅有微小的变化;每一帧都是关键帧;每帧画面的制作。借助“描图纸”按钮,在上一帧的基础上略作修改。使用其他绘图软件制作系列文件,文件名采用连续的编号,如a01、a02、a03等。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第12页页!2.帧、图层和场景动画电影的组成层次可分为:动画电影(movie)场景(scene)帧(frame)。帧 是Flash动画的基本组成元素,也是Flash作品的基本播放单位。在时间轴上,每个小方格(亦称影格)即为一帧,其内
7、容可包括:图形、音频、素材符号、嵌入对象等。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第13页页!2.帧、图层和场景 场景复杂的Falsh动画中,几个互相联系但性质不一样的镜头。相当于影视作品中的分镜头。动画动画就是利用人类视觉暂留的特性,快速播放一系列静态图像,从而产生动态的效果;标准的动画播放速度是:2430幅/秒。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第14页页!2.1 帧的种类关键帧 指一段动画中处于起始、结束等关键位置的帧。静止帧 指关键帧前后的一或多个具有静止内容的相邻帧。在时间轴上,灰色表
8、示已有内容的静止帧,白色表示空静止帧。中间过渡帧 指过渡动画中两个关键帧之间的所有帧,其颜色由过渡类型决定。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第15页页!2.3 图层的操作图层操作区。图层操作区。初始界面插入按钮插入按钮层状态按钮层状态按钮删除按钮删除按钮编辑后界面flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第16页页!2.3 图层的操作Guide和Guided 引导层用于制作被引导层中对象的运动路线。被引导层实质上是一个普通层,其中的对象将沿着引导层指引的轨迹运动。引导层中的运动路线可使用铅笔工具制
9、作。图层的类型图层的类型flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第17页页!引导层分类 普通和运动普通:只起到辅助绘图和绘图定位的作用。运动:在制作动画时,可以起到设置运动路径的向导作用。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第18页页!2.3 图层的操作(续)Mask和Masked 遮罩层的作用就是将其下面的图层(被遮罩层)遮住。遮罩层可以看作一块挡板,在其中绘制的任何图形都相当于把这部分挖去,可以通过挖去的窟窿看到下面图层的内容。遮罩动画中的遮罩层和被遮罩层只有在锁定的情况下才能预览。图层的类型图
10、层的类型flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第19页页!2.3 图层的操作 添加(插入)一个新图层。调整图层顺序。改变图层状态。编辑/不可编辑;显示/隐藏;锁定/解锁;轮廓/非轮廓。设置图层属性。删除图层。5种基本操作种基本操作flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第20页页!2.4 场景(SCENE)应用2.调整场景的显示放大或缩小单击工具箱View区中的 按钮;选择工具箱Options区中的 或 按钮 Alt+单击反相操作。放大指定区域 在放大或缩小方式下,在区域中拖出一个矩形,系统自动设置放
11、大比例。移动页面使用工具箱View区中的 按钮。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第21页页!3.符号和实例符号 可以重复使用的图像、动画或按钮。符号是构成动画的基本单位,它可节省存储空间,加快动画播放速度。实例(Instance)是符号在场景上的具体体现,即在工作区中的符号。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第22页页!3.符号和实例新建一个符号 Insert/New Symbol命令。或 Ctrl+F8创建新符号 用箭头工具选择场景中的元素Insert/Convert to Symbol
12、输入名称选择类型单击OK。创建空符号 Insert/New Symbol输入名称选择类型单击OK 进入符号编辑模式。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第23页页!3.符号和实例创建实例创建符号的新实例 选择关键帧Window/Library将Library窗口中的符号拖至场景中。更改实例的颜色效果Brightness(明暗)、Tint(浓淡)、Alpha(透明度)、advanced(特殊效果)。分离实例切断实例和符号之间的链接,使之成为一组独立的形状和线条。选中实例Modify/Break Apartflash动画制作教程动画制作教程(1)共
13、共76页,您现在浏览的是第页,您现在浏览的是第24页页!三、简单动画制作 逐帧动画 运动渐变动画 形状渐变动画flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第25页页!1.逐帧动画例6-3 利用骏马飞奔的系列图片制作动画操作步骤如下:选择File/New命令或单击Main工具栏中的New按钮;选择File/Import命令,在Import对话框中选择系列图片中的幅图片文件;系统将提示“该文件似为系列文件的一部分,是否需要输入全部系列?”;单击“是”按钮,这一系列图片即按序号逐帧插入;选择File/Save命令,保存文件。演示演示flash动画制作教程动画
14、制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第26页页!2.运动渐变动画 运动渐变动画的制作过程 创建一个新图层;在起始帧位置,插入一个空白关键帧;在空白关键帧中制作和编辑画面内容;单击时间轴中的结束帧位置,插入另一个关键帧(或空白关键帧);在结束关键帧中编辑画面内容;创建运动动画,并设置运动参数;保存文件。注:运动渐变动画首尾帧间有淡蓝色背景,并有黑色箭头表示,若出现虚线表示渐变过程有问题。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第27页页!3.形状渐变动画 制作运动渐变动画的限制条件 起始帧和结束帧中的运动对象只能是形状;当运动
15、对象是文字、符号或组合体时,必须先通过打散命令将它们打散。判定形状的方法 当使用鼠标单击所选择的对象时,对象会被小圆点覆盖。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第28页页!3.形状渐变动画 说明 若编辑的内容为非形状,必须使用Modify/Braek Apart(打散对象)命令将对象转换为形状,一次不行可执行多次。形状渐变动画首尾帧间有淡绿色背景,并有黑色箭头表示,若出现虚线表示渐变过程有问题。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第29页页!3.形状渐变动画 例6-8 制作一个由圆渐变为一行字的
16、动画 本例中的结束帧是文字而不是形状,因此不能象上例一样直接制作形变动画,必须先将其打散并转换为形状。操作步骤如下:单击Main工具栏中的New按钮,创建一个新文件。编辑起始关键帧。在第1帧工作区中绘制一个椭圆。编辑结束关键帧:再第30帧工作区中输入“形状渐变”4个字;选中“形状渐变”(被蓝色框线包围);选择Modify/Break Apart命令,将整行字拆为单字;选择Modify/Break Apart命令,将单字拆为字形。将鼠标移至时间轴的第1帧,在属性面板中单击Tween右侧文本框的下拉箭头选择Shape选项。单击播放工具栏中的播放按钮,观看播放效果。保存文件。演示演示flash动画制
17、作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第30页页!1.遮罩动画遮罩层的作用。可以透过遮罩层内的图形看到其下面图层的内容,而不可以透过遮罩层内的无图形处看其下面图层的内容。可制作图像文字、电影文字、图像的动态切换和探照灯效果等。遮罩动画至少要有两个层(遮罩层和被遮罩层)的配合才能完成。创建遮罩层。右单击需设为遮罩层的普通层层名单击快捷菜单中的Mask。注意:若该层下面有一普通层,系统将自动为其与遮罩层建立关联,即将其设为被遮罩层。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第31页页!1.遮罩动画例6-9 制作一个动画,使
18、其中的文字能在运动中改变颜色。解 根据题意,可以先制作一个运动文字层作为遮罩层(mask),另外再制作一个被遮罩层(masked),在其中导入一幅背景画作为运动中文字的颜色。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第32页页!1.遮罩动画 制作背景层,并取名为BG:单击图层操作区中的Insert Layer(插入层)按钮,插入一个图层并重命名为BG;选择File/Import命令,导入背景图片文件。调整图层顺序。在图层操作区,将BG层拖到Text层下面。将Text层和BG层分别设为mask层和masked层:将鼠标移到图层操作区的Text层,单击鼠
19、标右键打开快捷菜单,选择Mask命令。单击播放工具栏中的播放按钮,观看播放效果。保存文件。演示演示flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第33页页!2.声音动画编辑声音 在时间轴面板上单击有声音符号的那一帧,在Properties面板将显示有关声音的属性;单击Edit按钮,打开编辑声音窗口;编辑完成,单击OK按钮。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第34页页!2.声音动画 选择Window/Library命令或按功能键F11打开库面板。双击库面板中的“按钮”符号,进入“按钮”符号的编辑状态。单击
20、图层操作区的插入层按钮,插入一个新的图层Layer2。单击Layer2层的Over帧,按F6键创建关键帧,将库面板中的声音符号Ding拖入工作区。单击Layer2层的Down帧,按F6键创建关键帧,将库面板中的声音符号Tada拖入工作区。按快捷键Ctrl+Enter观看播放效果。选择File/Save As,将结果保存在按钮2.fla中。演示演示flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第35页页!3.行为动画Flash中的行为只能添加到:Keyframe(关键帧);Button(按钮);Movie Clip(电影片段)。与时序有关的行为(如到达某一
21、时刻就执行某一行为)必须添加到关键帧上。与事件相关的行为(如单击鼠标就执行某一行为)必须添加到按钮上。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第36页页!3.行为动画例6-14 制作一个由行为控制的动画。当单击对象时它开始顺时针旋转,再次单击对象就停止旋转。单击次数为奇数开始旋转,偶数则停止旋转。操作步骤如下:单击Main工具栏中的New按钮。flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第37页页!3.行为动画 制作能旋转的对象符号Rotate。编码。选择Window/Actions命令,打开Action面
22、板。在右边的文本输入区中输入代码如下:stop();停止播放 i=1;变量i用于控制对象是否旋转单击第30帧,在文本输入区输入如下代码:gotoAndPlay(2);转去播放第2帧,制作对象的连续旋转flash动画制作教程动画制作教程(1)共共76页,您现在浏览的是第页,您现在浏览的是第38页页!3.行为动画 按下快捷键Ctrl+Enter,观看播放效果。单击右上角下面的关闭按钮,关闭播放窗,返回编辑窗。选择File/Save命令,保存Action1.fla。选择File/Export Movie命令,保存Action1.swf文件。演示演示flash动画制作教程动画制作教程(1)共共76页,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 动画 制作 教程
限制150内