Flash8动画设计课件

《Flash8动画设计课件》由会员分享，可在线阅读，更多相关《Flash8动画设计课件（203页珍藏版）》请在装配图网上搜索。

1、前言认识动画前言认识动画 FlashFlash最主要的功能就是制作动画，它是通过更改连续帧内容来创建的。最主要的功能就是制作动画，它是通过更改连续帧内容来创建的。用户在选择某帧后，可以在舞台中编辑该帧的所有对象，其中包括增加或减用户在选择某帧后，可以在舞台中编辑该帧的所有对象，其中包括增加或减小对象大小、旋转、更改颜色、淡入或淡出，以及更改对象的形状。这些操小对象大小、旋转、更改颜色、淡入或淡出，以及更改对象的形状。这些操作可以独立使用，也可以相互结合。使用作可以独立使用，也可以相互结合。使用FlashFlash可以创建逐帧动画、补间动画可以创建逐帧动画、补间动画和路径动画。在膛帧动画中，用户

2、需要为每个帧创那图像；在补间动画中，和路径动画。在膛帧动画中，用户需要为每个帧创那图像；在补间动画中，用户只需创建起始帧和结束帧，而中间帧则由用户只需创建起始帧和结束帧，而中间帧则由FlashFlash通过计算自动创建，用户通过计算自动创建，用户可以通过更改起始帧和结束帧之间对象的大小、旋转、颜色和其他属性达到可以通过更改起始帧和结束帧之间对象的大小、旋转、颜色和其他属性达到动画的效果；在路径动画中，用户可以设置对象沿路径进行运动。动画的效果；在路径动画中，用户可以设置对象沿路径进行运动。在制作动画之间，首先要了解帧与关键帧的差异。帧代表呈现画面的地在制作动画之间，首先要了解帧与关键帧的差异。

3、帧代表呈现画面的地方，关键帧则是动画过程中发生变化的地方，所谓的动画即包含两个以上的方，关键帧则是动画过程中发生变化的地方，所谓的动画即包含两个以上的关键帧。在关键帧。在FlashFlash的动画制作上，依其制作方式的不同，分为逐帧动画、补间的动画制作上，依其制作方式的不同，分为逐帧动画、补间动画、遮罩动画和时间轴特效动画。各种动画之间的对双如表下图所示。动画、遮罩动画和时间轴特效动画。各种动画之间的对双如表下图所示。一一FLASH动画由逐帧动画和补间动画动画由逐帧动画和补间动画二二补间动画又分为形状补间动画和动画补间动画补间动画又分为形状补间动画和动画补间动画三三补间动画要求满足三个条件补间

4、动画要求满足三个条件1创建起始关键帧（也称起点帧）创建起始关键帧（也称起点帧）2创建终点关键帧（结束帧）创建终点关键帧（结束帧）3创建补间动画（根据两帧关键来确定补间类型）创建补间动画（根据两帧关键来确定补间类型）四四形状补间动画由以下三种条件情况形状补间动画由以下三种条件情况1形状图形形状图形2文字分离文字分离3图片分离图片分离五五动画补间动画（动作或移动）动画补间动画（动作或移动）组合）或转元件组合）或转元件2图片图片1组合（形状图形组合（形状图形3文字文字4元件元件六六引导层动画引导层动画条件一定要是动画补间动画（形状补间动画是不可以做引导层动画）条件一定要是动画补间动画（形状补间动画是

5、不可以做引导层动画）掌握下面掌握下面FLASH动画基本知识动画基本知识下表是各种动画之间的对比下表是各种动画之间的对比 动画两个以上的关键影格逐帧动画每一帧都是关键帧，主要应用于分解动作的动画（如跑步）。制作的技巧为手绘的能力与个别对象的组合运用。补间动画帧属性或实例属性的改变如缩放、位置移动、放置角度，及动画加速、瓶速等配合位置移动，可增加导引线图层，使其沿导引线移动，不再只限于直线运动，可设定是否沿导引线的法向量移动，其中需要留意的是必须在动画补间动画完成之后（确定为实线箭头），才可增加导引线图层，以铅笔绘制导引线，再分别高速动画站间动画的关键帧的变形中心点吸附到导引线不同对象的形关转换，

6、必须完全分离（呈点状），转换方式分为分布式与角度式，配合提示点的控制，掌握转换的方式，完成后为绿底实线箭头，如字体书写的动画遮罩动画遮罩层中，有颜色的部分，代表镂空，将显现其下方的图层，参见范例“彩色跑字”与“探照灯”时间轴特效动画为默认的动画效果，分为帮助、效果和变形转换。“帮助”主要能快速复制组件，节省逐一复制第1章 Flash 8基础1.1什么是什么是Flash 8 Flash是美国Macromedia公司出品的专业矢量图形编辑和动画创作软件，主要用于网页设计和多媒体创作。利用Flash自带的矢量图绘制功能，并结合图片、声音以及视频等素材的应用，可以制作出精美、流畅的二维动画效果。通过为

7、动画添加Action动作脚本，还能使其实现特定的交互功能。利用Flash 8制作的动画作品，风格各异、种类繁多，若将其以作品目的和应用领域来划分，可将其归纳为以下几个方面。动画短片网页广告动态网页交互游戏多媒体教学第1章 Flash 8基础1.2 Flash 功能特点 可以让网页中一个完全交互式的多媒体网站 采用矢量技术制作动画，可以任意缩放尺寸而不影响图形的质量 采用流式播放技术，可以边下载边播放，降低了对网络带宽的要求，减少了网页浏览的等待时间 使用关键帧和元 件使动画在打开网页很短时间内播放 把音乐、动画、声效等交互方式融合在一起创作出动画效果 通过Action和FS Command可以

8、实现交互性，使Flash具有更大的设计自由度 并通过 Dreamweaver可直接嵌入网页的任一位置，非常方便第1章 Flash 8基础1.3 Flash 的基本概念 v帧帧v舞台舞台v矢量图与点阵图矢量图与点阵图v元件元件v层层v库库v场景场景帧舞台舞台 舞台编辑舞台编辑FLASHFLASH动画作品的区域，通过动画作品的区域，通过“文档文档属性属性”可以修改舞台大小，背景色，帧频等等，可以修改舞台大小，背景色，帧频等等，位于位于FLASHFLASH界面中的那个白色的大区域就是舞界面中的那个白色的大区域就是舞台，之所以叫舞台，是因为它有类似于电影的台，之所以叫舞台，是因为它有类似于电影的银幕的

9、舞台，所有的银幕的舞台，所有的FLASHFLASH动画都是舞台展示动画都是舞台展示出来的出来的 矢量图与点阵图元件层库场景场景 一个电影文件可有多个场景，以方便用户根据不同的背景，动画见容在不同的时间轴上工作。1.4 Flash 8的操作环境 vFlash8工作界面简介工作界面简介v工具栏工具栏v菜单栏菜单栏Flash 工作界面简介标题栏菜单栏工具栏时间轴面板集场景舞台属性面板绘图工具箱菜单栏第2章flash对象基本操作v箭头工具箭头工具v贝兹选取工具贝兹选取工具v套索工具套索工具选择对象2.1 选择对象箭头工具不同选择对象情况的比较不同选择对象情况的比较贝兹选取工具贝兹工具贝兹工具：位于绘图

10、工具栏第一行的右边，也是选取工具一种，其主要位于绘图工具栏第一行的右边，也是选取工具一种，其主要功能是改变对象的形状功能是改变对象的形状选中的直线或图形对象将显示其锚点，通过拖拉锚点来改变图像的形状选中的直线或图形对象将显示其锚点，通过拖拉锚点来改变图像的形状套索工具套索工具套索工具：选取工具的一种，与箭头工具相比它有一个较为突出选取工具的一种，与箭头工具相比它有一个较为突出的优点，即用户可以自己徒手画一个范围来选择对象的优点，即用户可以自己徒手画一个范围来选择对象所画的区域可以是闭合的也可以是不闭合的，如果区域不闭合的话，所画的区域可以是闭合的也可以是不闭合的，如果区域不闭合的话，Flash

11、自动将其闭合自动将其闭合2.2 移动、复制和删除对象 移动、复制和删除对象 v移动对象移动对象v复制和粘贴对象复制和粘贴对象v删除对象删除对象移动对象复制和粘贴对象删除对象对象组合2.3 对象组合1.选取场景中要组合的对象选取场景中要组合的对象2.选择选择“修改修改”“组合组合”命令，组合选中的对象命令，组合选中的对象组合对象步骤如下：组合对象步骤如下：对象组合3、选择、选择“编辑编辑”“编辑所选项目编辑所选项目”命令，或双击所选区命令，或双击所选区域，可以发现域，可以发现只有属于该组的对象才正常显示。此时，用户只在只有属于该组的对象才正常显示。此时，用户只在“组合组合”的操作场景中。的操作场

12、景中。4、工作区左上角的场景标记右侧出现多了一个组标记、工作区左上角的场景标记右侧出现多了一个组标记5、编辑完成后，选择、编辑完成后，选择“编辑编辑”“编辑全部编辑全部”命令，可以回到场景编辑状态命令，可以回到场景编辑状态选择选择“修改修改”“取消组合取消组合”命令，可以取消对象组合命令，可以取消对象组合群组场景群组场景v叠放对象叠放对象v对齐对象对齐对象叠放对象和对齐对象2.4 叠放和对齐对象叠放对象叠放对象叠放对象对齐对象对齐对象旋转对象、调整对象比例 2.5 旋转对象、调整对象比例 v旋转对象旋转对象v调整对象比例调整对象比例旋转对象、调整对象比例旋转对象旋转对象旋转对象旋转对象打散对象

13、2.6 打散对象 打散对象第3课 绘制与填充矢量图形绘图工具箱3.1 绘图工具箱任意变形工具任意变形工具墨水瓶工具墨水瓶工具部分选取工具部分选取工具填充变形工具填充变形工具套索工具套索工具文本工具文本工具矩形工具矩形工具颜料桶工具颜料桶工具橡皮擦工具橡皮擦工具刷子工具刷子工具缩放工具缩放工具笔触颜色笔触颜色填充颜色填充颜色工具选项工具选项选取工具选取工具线条工具线条工具钢笔工具钢笔工具铅笔工具铅笔工具随圆工具随圆工具滴管工具滴管工具手形工具手形工具色彩组件色彩组件选项组件选项组件v直线工具直线工具v椭圆工具椭圆工具v矩形工具矩形工具绘制直线、椭圆和矩形 3.2 绘制直线、椭圆和矩形 直线工具椭

14、圆工具矩形工具绘制矩形的操作和绘制椭圆的基本相同绘制矩形的操作和绘制椭圆的基本相同矩形工具使用铅笔、钢笔和笔刷画图 3.3 使用铅笔、钢笔和笔刷画图 v使用铅笔工具使用铅笔工具v使用钢笔工具使用钢笔工具v使用笔刷工具使用笔刷工具使用铅笔工具使用铅笔工具使用钢笔工具使用钢笔工具使用笔刷工具使用笔刷工具使用笔刷工具v使用颜色使用颜色v使用颜料桶工具使用颜料桶工具v使用滴管工具使用滴管工具v墨水瓶工具墨水瓶工具使用颜色与填充3.4 使用颜色与填充 使用颜色颜色有两种类型：固定色和渐变色颜色有两种类型：固定色和渐变色“混色器”面板 填充和描绘混色器面板“颜色样本”面板混色器的导入和导出 混色器的导入和

15、导出 使用颜料桶工具 使用颜料桶工具使用颜料桶工具单色填充单色填充的使用方法如下：单色填充的使用方法如下：渐变填充渐变填充和单色填充相似，只是在选择填充颜色的时候要选择渐变色渐变填充和单色填充相似，只是在选择填充颜色的时候要选择渐变色渐变填充的使用方法如下：渐变填充的使用方法如下：位图填充Flash8除了单色填充和渐变填充外，还提供了位图填充功能，也就是除了单色填充和渐变填充外，还提供了位图填充功能，也就是用某个位图来填充区域用某个位图来填充区域位图填充的使用方法如下：位图填充的使用方法如下：位图填充使用滴管工具使用滴管工具墨水瓶工具墨水瓶工具橡皮工具3.5 橡皮工具 v可以将场景内的所有图形

16、擦除可以将场景内的所有图形擦除v也可以有选择地擦除一个填充区域、一条线等也可以有选择地擦除一个填充区域、一条线等橡皮工具橡皮工具橡皮工具第4课 文本应用文本应用创建文本4.1 创建文本 动态文本动态文本 输入文本输入文本：固定文本宽度的输入方式固定文本宽度的输入方式：创建文本：文本工具属性面板文本工具属性面板创建文本不固定宽度输入文本不固定宽度输入文本固定宽度输入固定宽度输入创建文本动态文本动态文本v编辑文字编辑文字v创建字体元件创建字体元件v创建可滚动的动态文本创建可滚动的动态文本编辑文本4.2 编辑文本编辑文本编辑文本编辑文本编辑文本创建字体元件创建字体元件创建可滚动的动态文本举一个荧光文

17、字特效的例子进行说明：举一个荧光文字特效的例子进行说明：操作步骤如下：操作步骤如下：1.选择选择“文件文件”“新建新建”命令，建命令，建立一新的立一新的Flash文档文档2.选择选择“修改修改”“文档文档”命令，弹命令，弹出出“文档属性文档属性”对话框。将尺寸定对话框。将尺寸定为为500150，背景颜色为蓝色，背景颜色为蓝色文字特效4.3 文字特效“文档属性文档属性”对话框对话框3.选择绘图工具箱中的文字工具，在文字工具属性面板中，单击字体颜选择绘图工具箱中的文字工具，在文字工具属性面板中，单击字体颜色设置按钮，将弹出颜色样本选择面板。单击面板右上角的自定义颜色设置按钮，将弹出颜色样本选择面板

18、。单击面板右上角的自定义颜色按钮，弹出颜色设置对话框，如下图所示，按照该图所示的参数设色按钮，弹出颜色设置对话框，如下图所示，按照该图所示的参数设置这个对话框。然后单击置这个对话框。然后单击“确定确定”按钮，在文字工具属性面板中将字按钮，在文字工具属性面板中将字型选为华文行楷，字体大小改为型选为华文行楷，字体大小改为120文字特效文字工具属性面板文字工具属性面板4.在工作区中单击，然后在文本框中输入文字在工作区中单击，然后在文本框中输入文字“文字特效文字特效”5.拖放文本框的小方形控制点将文字排成直行拖放文本框的小方形控制点将文字排成直行6.选择工具箱中的箭头工具，调整文字的位置，将其放置在窗

19、口的中选择工具箱中的箭头工具，调整文字的位置，将其放置在窗口的中间位置间位置7.用箭头工具选中文字，然后选择用箭头工具选中文字，然后选择“修改修改”“分解组件分解组件”命令，或者按命令，或者按快捷键快捷键Ctrl+B，将选中的文字打散，将选中的文字打散文字特效调整位置调整位置将文字打散将文字打散输入文字输入文字8.选中工具箱中的墨水瓶工具，然后在选中工具箱中的墨水瓶工具，然后在“属性属性”面板中单击颜色按面板中单击颜色按钮，将其颜色改为明黄色，线条宽度为钮，将其颜色改为明黄色，线条宽度为19.将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状，用鼠标依将鼠标移动到工作区中，鼠标光标将变成墨水瓶形状

20、，用鼠标依次单击文字边框，文字周围将出现明黄色边框次单击文字边框，文字周围将出现明黄色边框10.选择绘图工具箱中的箭头工具，按住选择绘图工具箱中的箭头工具，按住Shift键，依次双击每个字外键，依次双击每个字外的明黄色边框，将它们全部选中的明黄色边框，将它们全部选中文字特效文字描边文字描边全部选中全部选中11.选择选择“修改修改”“形状形状”“将线条转换为填充将线条转换为填充”命令，黄色边框被命令，黄色边框被转变成可填充区域转变成可填充区域12.选择选择“修改修改”“形状形状”“柔化填充边缘柔化填充边缘”命令，弹出如下图所示命令，弹出如下图所示的的“柔化填充边缘柔化填充边缘”对话框，按照图示设

21、置参数。单击对话框，按照图示设置参数。单击“确定确定”按按钮，关闭对话框钮，关闭对话框13.选择工具栏中箭头工具，在工作区的空白处单击，取消对文字边框选择工具栏中箭头工具，在工作区的空白处单击，取消对文字边框的选择。这时可以看到，明黄色边线两边出现了模糊渐变，就形成的选择。这时可以看到，明黄色边线两边出现了模糊渐变，就形成了荧光文字的效果了荧光文字的效果文字特效“柔化填充边缘柔化填充边缘”对话框对话框荧光文字荧光文字5.1 认识元件和实例认识元件和实例创建元件5.2 创建元件v把工作区中的现有元素转换成元件把工作区中的现有元素转换成元件v创建新元件创建新元件v将动画转换为影片剪辑将动画转换为影

22、片剪辑v复制元件复制元件把工作区中的现有元素转换成元件创建新元件创建新元件将动画转换为影片剪辑将动画转换为影片剪辑复制元件v创建按钮创建按钮v测试按钮测试按钮创建按钮5.3 创建按钮按钮创建按钮创建按钮测试按钮v在当前位置编辑在当前位置编辑v在新窗口中编辑元件在新窗口中编辑元件v在元件编辑模式下编辑元件在元件编辑模式下编辑元件v退出元件编辑模式退出元件编辑模式编辑元件5.4 编辑元件 在当前位置编辑 在新窗口中编辑元件在元件编辑模式下编辑元件退出元件编辑模式v改变实例属性改变实例属性v为实例交换元件为实例交换元件v改变实例类型改变实例类型v打散实例打散实例使用元件实例5.5 使用元件实例 改变

23、实例属性为实例交换元件改变实例类型打散实例v导入图形导入图形v转换位图为矢量图转换位图为矢量图导入图形5.6 导入图形 导入图形导入图形导入图形转换位图为矢量图v公用库公用库v共享库资源共享库资源库资源5.7 库资源 公用库共享库资源第6章层的使用v层的查看层的查看v编辑图层编辑图层v创建新层创建新层创建、编辑图层 6.1 创建、编辑图层 创建新层层的查看编辑图层层的选取删除图层复制图层锁定图层层的命名改变图层顺序创建图层文件夹v创建一般引导层创建一般引导层v创建运动引导层创建运动引导层v将一般引导层转换为运动引导层将一般引导层转换为运动引导层使用引导层6.2 使用引导层创建一般引导层创建运动

24、引导层将一般引导图层转换为运动引导层使用遮罩图层6.3 使用遮罩图层使用遮罩图层图层属性6.4 图层属性 基本动画制作7.1 创建关键帧创建关键帧v创建关键帧创建关键帧v帧与动画帧与动画v设置帧频率设置帧频率创建关键帧创建关键帧帧与动画帧与动画帧与动画帧与动画设置帧频率动画与图层7.2 动画与图层创建运动动画7.3 创建运动动画v创建补间动作动画创建补间动作动画v设置补间动作动画属性设置补间动作动画属性v颜色变化颜色变化创建补间动作动画创建补间动作动画设置补间动作动画属性颜色变化创建补间形状动画7.4 创建补间形状动画 下面制作一个简单的动画来说明创建补间形状动画的方法，步骤如下：下面制作一个

25、简单的动画来说明创建补间形状动画的方法，步骤如下：1.新建新建Flash文件，然后设置影片的属性，包括背景色和屏幕大小文件，然后设置影片的属性，包括背景色和屏幕大小2.在时间轴窗口选择当前图层，然后单击选择一空白单元格，按在时间轴窗口选择当前图层，然后单击选择一空白单元格，按F6键，键，建立起始关键帧。如果是第一帧，可省去此操作建立起始关键帧。如果是第一帧，可省去此操作3.选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选用椭圆工具在工作区左侧画一个圆形，并填充颜色选用椭圆工具在工作区左侧画一个圆形，并填充颜色补间形状

26、动画与补间动作动画有很多地方相似，但是它们的根本区别在于：补间形状动画与补间动作动画有很多地方相似，但是它们的根本区别在于：补间形状动画所实现的是某一对象从一个形状到另一个形状的渐变补间形状动画所实现的是某一对象从一个形状到另一个形状的渐变创建补间形状动画4.在起始帧后的某一帧插入空白关键帧，作为变形的下一个关键帧。本在起始帧后的某一帧插入空白关键帧，作为变形的下一个关键帧。本例中，在例中，在15帧的地方插入一个空白关键帧帧的地方插入一个空白关键帧5.在新的关键帧中绘制图形，作为变形后的形状。本例中，选用矩形工在新的关键帧中绘制图形，作为变形后的形状。本例中，选用矩形工具，画一个正方形，并填充

27、颜色具，画一个正方形，并填充颜色6.选择关键帧，调整图形的位置选择关键帧，调整图形的位置7.在两个关键帧中任选一帧，单击后，在帧在两个关键帧中任选一帧，单击后，在帧“属性属性”面板中选择面板中选择“形状形状”补间补间创建补间形状动画8.在在30帧的地方插入关键帧，然后选择直线工具绘制一个三角形，并填充帧的地方插入关键帧，然后选择直线工具绘制一个三角形，并填充颜色颜色9.在在15帧和帧和30帧间建立形状补间动画帧间建立形状补间动画 形状变形的过程形状变形的过程v添加时间轴特效添加时间轴特效v时间轴特效设置时间轴特效设置v编辑时间轴特效编辑时间轴特效v删除时间轴特效删除时间轴特效“帧帧”动画7.5

28、 “帧帧”动画 添加时间轴特效时间轴特效设置编辑时间轴特效删除时间轴特效v帧的编辑帧的编辑v绘图纸工具的使用绘图纸工具的使用编辑动画7.6 编辑动画 帧的编辑 帧的复制与粘贴移动帧和帧的内容删除帧插入帧动画反向绘图纸工具的使用 绘图纸外观轮廓显示绘图纸外观轮廓显示绘图纸标记修改绘图纸标记修改绘图纸工具的使用 第8章 特殊动画制作本章内容v数据类型与变量数据类型与变量v表达式和运算符表达式和运算符v动作脚本概述动作脚本概述动作脚本基础8.1 动作脚本基础动作脚本概述动作脚本术语动作脚本术语：动作脚本语法动作脚本语法：数据类型与变量数据类型与变量表达式和运算符v“动作动作”面板面板v基本动作命令基本动作命令使用“动作”面板8.2 使用“动作”面板“动作”面板动作面板的设置：动作面板的设置：1.向脚本添加语句向脚本添加语句基本动作命令时间轴的控制影片剪辑的控制浏览器/网络的控制 v结构控制结构控制v对象属性对象属性级动作脚本语言8.3 级动作脚本语言 结构控制对象属性v给帧分配动作给帧分配动作v给按钮分配动作给按钮分配动作v给影片剪辑分配动作给影片剪辑分配动作创建交互动画8.4 创建交互动画 给帧分配动作给帧分配动作给按钮分配动作给按钮分配动作给影片剪辑分配动作给影片剪辑分配动作