Flash96349.ppt

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

1、Flash动画制作 1、Flash 概述2、Flash 创作环境3、图形和文字处理4、动画制作5、资源的导入与使用6、综合实例制作Flash 概述Flash 是美国Macromedia公司推出的一款非常优秀的基于矢量图形的交互式动画设计软件。它可以将音乐、声效、动画以及富有新意的界面等多媒体元素融合在一起，制作出高品质的动画效果。它可应用在网页设计、MTV、电子贺卡、广告制作、游戏制作以及课件制作。Flash动画作品案例动画作品案例案例作品使用的技术滚屏技术时间帧颜色填充与透明移动、变形、旋转遮罩、引导配音Flash 8 工作界面Flash基本术语u 时间轴 u 帧 u 图层u 场景 u 元件

2、、实例u 对象时间轴时间轴位于主工具栏的下面，是用来进行动画创作和编辑的主要工具，分为两大部分：图层控制区和时间轴控制区。时间轴时间轴也叫做时间线，是一条贯穿时间的轴，用于也叫做时间线，是一条贯穿时间的轴，用于也叫做时间线，是一条贯穿时间的轴，用于也叫做时间线，是一条贯穿时间的轴，用于表示网页元素在不同时间存在的不同状态，利用时表示网页元素在不同时间存在的不同状态，利用时表示网页元素在不同时间存在的不同状态，利用时表示网页元素在不同时间存在的不同状态，利用时间轴可以创建各种动态效果，是以间轴可以创建各种动态效果，是以间轴可以创建各种动态效果，是以间轴可以创建各种动态效果，是以Javascrip

3、tJavascript代码代码代码代码实现的，实现的，实现的，实现的，4.04.0以上版本浏览器支持。以上版本浏览器支持。以上版本浏览器支持。以上版本浏览器支持。图示图示帧（Frame）构成构成Flash动画的基本组成元素动画的基本组成元素,几种类型几种类型:很多单个的图形按先后顺序快速而连续呈现很多单个的图形按先后顺序快速而连续呈现和消失，这样展现出的整体效果就是看到的电和消失，这样展现出的整体效果就是看到的电影或动画，而这些单个的图形就是帧。在影或动画，而这些单个的图形就是帧。在Flash的时间轴上，每一帧都可以包含要显示的时间轴上，每一帧都可以包含要显示的所有内容，包括图形、声音、各种素

4、材和其的所有内容，包括图形、声音、各种素材和其他多种对象。所以帧是进行他多种对象。所以帧是进行Flash动画制作的动画制作的最基本和最低层的单位，每一个精彩的最基本和最低层的单位，每一个精彩的Flash动画都是由很精心雕琢的帧构成的。动画都是由很精心雕琢的帧构成的。图层(Layer)图层就像透明的胶片，每个图层上所绘制的对象按一定的顺序重叠在一起，形成复杂的动画。每个图层都有各自的时间轴。在Flash中图层分为普通层、遮罩层、运动引导层。Flash动画制作是一种非常具有创意性的设计工作，动画制作是一种非常具有创意性的设计工作，设计者要将脑海中呈现的动画设想完整而准确地放置设计者要将脑海中呈现的

5、动画设想完整而准确地放置到动画文件中，这就对相应的应用软件提出了要求。到动画文件中，这就对相应的应用软件提出了要求。有时进行特别复杂的动画制作时，特别是有较多对有时进行特别复杂的动画制作时，特别是有较多对象需要制作动效果时，同时对很多对象进行编辑就会象需要制作动效果时，同时对很多对象进行编辑就会带来很多麻烦，带来很多麻烦，Flash提供了图层操作模式。每一个图提供了图层操作模式。每一个图层具有自己的一系列的帧，各图层可以独立地进行编层具有自己的一系列的帧，各图层可以独立地进行编辑操作，而互不影响，层就象若干透明的薄片叠放在辑操作，而互不影响，层就象若干透明的薄片叠放在一起，透过层上没有对象的区

6、域可以看到它下面层的一起，透过层上没有对象的区域可以看到它下面层的对象。另外，每个图层的帧在时间上也互相对应的，对象。另外，每个图层的帧在时间上也互相对应的，所以在播放过程中，同时显示的种层是互相融合地协所以在播放过程中，同时显示的种层是互相融合地协调播放。调播放。在在Flash中图层可分为中图层可分为:普通图层、引导普通图层、引导图层和遮罩图层。引导图层又分为普通引图层和遮罩图层。引导图层又分为普通引导和可运动引导图层。导和可运动引导图层。引导图层的作用就是引导与它相关联图引导图层的作用就是引导与它相关联图层中对象的运动轨迹或定位。引导图层只层中对象的运动轨迹或定位。引导图层只能在舞台工作区

7、中看到，在输出电影时它能在舞台工作区中看到，在输出电影时它是不会显示的。是不会显示的。遮罩图层的作用：遮罩图层的作用：可透过遮罩图层内的图形看到其下面图层的可透过遮罩图层内的图形看到其下面图层的内容，但不可透过遮罩层内的无图形处看到其内容，但不可透过遮罩层内的无图形处看到其下面图层的内容。下面图层的内容。在遮罩图层中，绘制的一般单色图形、渐变在遮罩图层中，绘制的一般单色图形、渐变图形、线条和文字等，都会挖空区域。这些挖图形、线条和文字等，都会挖空区域。这些挖空区域将完全透明，其他区域则完全不透明。空区域将完全透明，其他区域则完全不透明。图图2 2 场景面板场景面板 场景（Scene）场景如同拍

8、电影的不同场所，一个影片可以有一个也可以有多个场景，每个场景是Flash作品中相对独立的一段动画内容.一个场景本身是一个完整的动画，它包一个场景本身是一个完整的动画，它包括需要显示的所有必要的图层。而在整个电括需要显示的所有必要的图层。而在整个电影中，单个的场景相当于一个独立的镜头，影中，单个的场景相当于一个独立的镜头，完整的电影是由一个或很多的场景组成的。完整的电影是由一个或很多的场景组成的。可以在场景管理器中设置他们的交互播放顺可以在场景管理器中设置他们的交互播放顺序和其他相关的属性，所有的场景按照设定序和其他相关的属性，所有的场景按照设定情况连续播放就得到了一个完整的动画。情况连续播放就

9、得到了一个完整的动画。元件、实例元件：存放在库中可反复取出使用动画元素实例：将元件从库中拖到舞台上就形成了这个元件的一个实例.一个元件可以产生多个实例，当元件更新后，舞台上的所有实例全部更新，但修改实例的属性对元件没有丝毫影响。说明：为了方便，在场景中引入的实例也简为了方便，在场景中引入的实例也简称为元件。称为元件。图示图示图 示对象（Object）FalshFalsh中的动画都是由对象组成的，对象可以分为中的动画都是由对象组成的，对象可以分为:形状形状 通过绘图工具绘制产生的如圆、矩形等形状；对象被通过绘图工具绘制产生的如圆、矩形等形状；对象被选中，以网点所覆盖，对象不是整体，各部分的形状、

10、大小选中，以网点所覆盖，对象不是整体，各部分的形状、大小都可以改变。都可以改变。组组 将形状通过将形状通过“修改修改|组合组合”命令转换成为组对象，对象命令转换成为组对象，对象是个整体，只能改变组对象的大小、角度等操作。组对象通是个整体，只能改变组对象的大小、角度等操作。组对象通过过“修改修改|分离分离”命令打散转变为形状对象。命令打散转变为形状对象。元件元件 通过通过“插入插入”菜单的菜单的“|新建元件新建元件”或或“转换为元件转换为元件”命令创建的元件，在场景中引用，其实质也是组。命令创建的元件，在场景中引用，其实质也是组。文本文本 通过工具箱的通过工具箱的“文本工具文本工具”产生。产生。

11、基本操作 1.1.设置场景属性设置场景属性 场景场景大小、背景、分辨率及帧的播放速度大小、背景、分辨率及帧的播放速度 “修改修改|文档文档”命令打开其对话框命令打开其对话框 2.2.绘制线条、椭圆或矩形绘制线条、椭圆或矩形 直线工具：直线工具：铅笔工具：任意形状；光滑：在铅笔模式中进行铅笔工具：任意形状；光滑：在铅笔模式中进行“平滑平滑”选择选择 钢笔工具：精确的路径和各种复杂的图形钢笔工具：精确的路径和各种复杂的图形 3.3.选定对象选定对象 ：用于选取矢量线 ：选线或填空；也可以改变线形状选线或填空；也可以改变线形状 4.4.对象的变形和混色器对象的变形和混色器 “修改修改|变形变形”：“

12、窗口窗口|混色器混色器”，混色器面板设置颜色，混色器面板设置颜色 5.5.文字输入与处理文字输入与处理 ：“属性属性”面板先设置字体、字号、颜色等，再输入面板先设置字体、字号、颜色等，再输入字字 “Ctrl+BCtrl+B”矢量图分离成图形；矢量图分离成图形；“Ctrl+GCtrl+G”相反作用相反作用 6.6.元件与场景元件与场景 创建元件创建元件 “插入插入|新建元件新建元件”“插入插入|转换为元件转换为元件”将场景中的对象转换为元将场景中的对象转换为元件件使用元件使用元件 在场景中的在场景中的“窗口窗口|库库”，将元件拖到场景，实例，将元件拖到场景，实例化化动画制作 1.逐帧动画 2.过

13、渡动画 3.引导层动画 4.遮罩层动画 5.添加声音逐帧动画逐帧动画:每一帧的画面都需要自己制作。逐帧动画的体积一每一帧的画面都需要自己制作。逐帧动画的体积一般比较大。般比较大。例例8.10：显示数字计数器，在显示数字：显示数字计数器，在显示数字5 5这帧时停留时间长些。这帧时停留时间长些。设计思想：设计思想：(1)(1)在时间轴第在时间轴第1 1帧帧输入数字输入数字9，其它，其它帧插入关键帧，将数字改帧插入关键帧，将数字改变，在数字变，在数字5 5后的帧间隔长一些；后的帧间隔长一些；(2)(2)“修改修改|文档文档”将帧的播放速度由默认将帧的播放速度由默认1212改为改为2 2，使显示速，使

14、显示速度慢一些。度慢一些。例：例：制作文字滚动的动画制作文字滚动的动画文字文字 在关键帧依次增加文字在关键帧依次增加文字 过渡动画u 过渡过渡动画动画:可以做出位移、旋转、缩放、颜色改可以做出位移、旋转、缩放、颜色改变等动画效果。变等动画效果。u 制制作作方方法法:改改变变两两个个关关键键帧帧的的位位置置、形形状状、颜颜色色和和大大小小等等属属性性来来完完成成。也也可可通通过过几几个个层层之之间间动动画画的叠加来实现。的叠加来实现。u实实现现过过渡渡动动画画:通通过过“补补间间”来来实实现现两两个个关关键键帧帧之间的动画变化，两种之间的动画变化，两种“补间补间”：形状补间：形状补间：关键帧是分

15、离的图形；关键帧是分离的图形；动画补间：动画补间：关键帧是矢量图（组、元件）。关键帧是矢量图（组、元件）。例例8.118.11“形状补间形状补间”，使用改变帧形状的方法使用改变帧形状的方法制作由方形变为圆形、三角形的动画。制作由方形变为圆形、三角形的动画。例例8.128.12“动画补间动画补间”利用两个图层实现两个球利用两个图层实现两个球碰撞的效果。碰撞的效果。设计思想：设计思想：利用元件、两个图层的时间轴实现利用元件、两个图层的时间轴实现两球碰撞的模拟；两球碰撞的模拟；场景中的网格便于定位，通过场景中的网格便于定位，通过“查看查看|网格网格|显显示网格示网格”来设置。来设置。引导层动画 引导

16、层动画引导层动画:使运动的对象沿着特定的路径运动，运动使运动的对象沿着特定的路径运动，运动的对象可以是实例、组合及文本块，而引导层中的路径的对象可以是实例、组合及文本块，而引导层中的路径必须是矢量图形。必须是矢量图形。例例8.13 8.13 利用引导层使对象沿指定曲线运动的动画。利用引导层使对象沿指定曲线运动的动画。设计思想设计思想：“插入插入|新建元件新建元件”建立一个元件，作为运动对象；建立一个元件，作为运动对象；在图层在图层1 1不同帧引用元件；不同帧引用元件；添加运动层，用铅笔画一条光滑运动轨迹；添加运动层，用铅笔画一条光滑运动轨迹；在图层在图层1 1对象定位在运动曲线上，作对象定位在

17、运动曲线上，作“动画补间动画补间”。遮罩层动画遮罩层动画遮罩层动画:遮罩层的内容就好比一个洞，透过这个遮罩层的内容就好比一个洞，透过这个洞，我们可以看到下面的层。遮罩层的对象可以是洞，我们可以看到下面的层。遮罩层的对象可以是填充的形状、文字和实例。填充的形状、文字和实例。例8.14 制作探照灯效果的动画。制作探照灯效果的动画。设计思想：设计思想：利用遮罩层运动的圆遮罩下面的文字，利用遮罩层运动的圆遮罩下面的文字，形成探照灯的效果。形成探照灯的效果。例8.16 使用图层的遮罩技术滚动显示彩色文字，文字使用图层的遮罩技术滚动显示彩色文字，文字颜色使用一幅图片来填充。颜色使用一幅图片来填充。设计思想

18、：设计思想：在图层在图层1 1有运动的图片；有运动的图片；在图层在图层2 2有所需的文字，设置为遮罩层。有所需的文字，设置为遮罩层。Alpha通道应用AlphaAlpha通道通道:是指元件对象颜色的透明度，应用是指元件对象颜色的透明度，应用在对象由近到远逐渐变淡的过程。在对象由近到远逐渐变淡的过程。例例8.15 8.15 通过改变文本的位置、颜色和大小的通过改变文本的位置、颜色和大小的方法制作逐渐消失的文字。方法制作逐渐消失的文字。注意：注意：使用使用AlphaAlpha通道属性的对象必须是元件通道属性的对象必须是元件或组，不能是分散的图形。或组，不能是分散的图形。声音的导入与使用 声音在动画

19、中占有相当重要的地位，它在整声音在动画中占有相当重要的地位，它在整个动画过程中起着画龙点睛的作用。一个精个动画过程中起着画龙点睛的作用。一个精彩的的动画，配以合适的背景音乐，将会使彩的的动画，配以合适的背景音乐，将会使作品生动起来，变得更加精彩。作品生动起来，变得更加精彩。添加声音过程添加声音过程 1.1.导入声音导入声音 2.2.在场景中加入在场景中加入使用声音使用声音 3.3.声音属性设置（音效、播放）声音属性设置（音效、播放）1.导入声音u 使用使用“文件文件”“导入导入”命令;u 选择选择.wav.wav或或.mp3.mp3格式的文格式的文件，将其导入到库中件，将其导入到库中;如果想获

20、得较好的音效，可如果想获得较好的音效，可导入导入22kHz22kHz、1616位立体声格位立体声格式的声音文件；如果为了提式的声音文件；如果为了提高动画文件的传输速度，则高动画文件的传输速度，则应导入应导入8kHz8kHz、8 8位单声道格位单声道格式的声音文件。式的声音文件。2.在场景中加入声音 库面板中将声音文件拖到关键帧上库面板中将声音文件拖到关键帧上3.3.声音属性设置声音属性设置 效果：效果：有淡入淡出等有淡入淡出等 同步方式四种同步方式四种：事件：事件：某个动作触发；播放前必须下载完才播放某个动作触发；播放前必须下载完才播放;动画动画 停止，声音也要播完停止，声音也要播完;可能会同

21、时听到多个声音可能会同时听到多个声音。开始：开始：与事件相似；区别是要播完原来的；与事件相似；区别是要播完原来的；不会同时听到多个声音不会同时听到多个声音 停止：停止：立即停止播放当前帧的声音立即停止播放当前帧的声音;数据流：数据流：边下载边播放；动画停止，声音停止。边下载边播放；动画停止，声音停止。综合应用剪刀石头布：集图片、声音、文字于一体。源文件源文件 Fla动画文件动画文件 swf ActionScript是一种动作脚本语言，中文译名为“动作脚本”，是Flash专用的一种编程语言。使用ActionScript可以控制动画的播放和停止，指定对鼠标动作的响应，实现网页的链接，制作精彩的游戏

22、以及创建网页等，从而大大增强Flash动画的交互性。发布与输出发布与输出制作完动画之后，可以把生成的动画导出为制作完动画之后，可以把生成的动画导出为后缀名为后缀名为.swf的动画播放文件，也可以把它的动画播放文件，也可以把它发布为影片，生成网页浏览器支持的发布为影片，生成网页浏览器支持的HTML、GIF、JPEG文件。文件。当动画导出为影片或者是完成当动画导出为影片或者是完成HTML文档的文档的创建后，就可以上载给有创建后，就可以上载给有MIME类型文件、类型文件、能识别能识别Flash影片的浏览器，任何带有影片的浏览器，任何带有Flash播放器（播放器（Shockwave Flash Player）的浏览）的浏览器都可以播放它。器都可以播放它。发布的过程为：发布的过程为：发发布布设设置置 选选择择“文文件件|发发布布设设置置”命命令令，指指定定要要发发布布的的文文件件格格式式和和文文件件名名。每每种种图图形形格格式式都都有有相相应应的的选选项项，在在选选择择了了一一种种图图形形格格式式发发布布时时Flash会会自自动动嵌嵌入入该该图图形形的的HTML代代码。码。发发布布 设设置置完完成成后后可可直直接接单单击击发发布布按按钮钮，或关闭对话框后选择或关闭对话框后选择“文件文件|发布发布”命令。命令。