Flash4.0动画制作.ppt

1、FLash4.0动画制作,指挥自动化 吴自谦,Flash4.0动画制作,第一章 FLash简介,Flash的由来 Flash的优点 Flash的功能特点 Flash需配备的软件,Flash是一种交互式矢量多媒体技术，他的前身是Future Splash，是早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2，到现在这最新的Flash5。现在网上已经有成千上万个Flash站点，著名的微软MSN 新闻站就采用了大量的Flash动画，Macromedia还有专门的ShockWave站点，全部采用了Shockwave Flash 和

2、Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。,1.1 Flash的由来,1.2.1 Flash的优点带宽低,由于网络带宽的限制，在主页上放置过大的文件是不现实的。但是由于因特网的发展迅速，这种枯燥无味的静态页面已经很难再引起用户的兴趣，那么，网页制作人员都希望能种软件能轻易、方便地使用，便能制作出引人入胜的动态效果来吸引用户的注意。使用Java Applet也是一个解决办法，但是真正精通它并不是件容易的事情，而且，通过编写代码来生成动画永远都不是设计人员真正的手段，因此，Shockwave Flash诞生了，并且已经被广泛地推广，成为现在最为流行的技术。

3、,1.2.2 Flash的优点二矢量化,矢量的含义 利用指令生成图形，而不是象GIF那样靠象素贴图来制作图形 。 可以无限放大而不失真！,1.3 Flash的功能特点,1.灵巧的绘图工具,4.物体的变形和形状的渐变,5.增强对图像的支持,6.声音插入,7.自定义字体,8.模拟传输,9.独立性,10.界面亲切,2.向量透明效果应用,3.具有动画效果的按钮和菜单,1.3.1灵巧的绘图工具,Flash本身具有极其灵巧的图形绘制功能，更重要的是他能导入专业级绘图工具，如Macromedia FreeHand、Adobe Illustrator等绘制的图形，并产生翻转、拉伸、擦除、歪斜等效果，还可以将图

4、形打碎分成许多单一的元素进行编辑，并改变其颜色亮度。由于Flash提供具有保真技术的绘图工具，使图形边缘在经过一系列加工后仍会保持平滑。,Flash可以创建透明的图形，并可以任意改变层次间透明的不同效果，如透明度、倾斜度及透明的颜色等属性。,1.3. 2 向量透明效果应用,1.3. 3 具有动画效果 的按钮和菜单,Flash采用精灵动画的方式，在Flash中可以随意创建按钮、多级弹出式菜单、复选框、以及复杂的交互式字谜游戏。,1.3. 4.物体的变形和形状的渐变,在Flash中产生物体的变形和形状的渐变非常容易，其发生完全由Flash自动生成，无须人为地在两个对象间插入关键帧。,1.3. 5.

5、增强对图像的支持,Flash不但可以对导入的图像（jpg、gif）产生翻转、拉伸、擦除、歪斜、改变颜色亮度等效果，还能利用新的套索工具或 魔术棒在图像中选择颜色相同的区域并创建遮罩（Mask）；将图像打碎分成许多单一的元素进行编辑，设置图像的属性，如产生平滑效果和质量损失压缩等。,1.3. 6.声音插入,Flash支持同步WAV (Windows) 和 AIFF(Macintosh)格式的声音文件和声音的连接，你可以用同一个主声道中的一部分来产 生丰富的声音效果，而无须改变文件量的大小。,1.3. 7.自定义字体,Flash可以处理自定义的字体及其颜色、大小、字间距、行间距 、缩进等多种格式。

6、在Flash创建的网页中，可以加入眼花缭乱的标题和动态的文本，而数据量非常小，比位图的下载速度还 快。当然为了防止客户端字体短缺，你也可以将特殊字体转换为位图图形。,1.3. 8.模拟传输,Flash4提供了一幅设置动画播放方式的图表，你可以在此设置你的目标Modem速度，如28.8kb/s，然后进行模拟传输，检验其播放是否流畅，在参照图表中找出发生间断的位置，并进行优化。最终确保动画在客户端播放流畅。,1.3.9.独立性,Flash可以将制作的影片生成独立的可执行文件（EXE文件），在不具备Flash播放器的平台上，仍可运行该影片。因此，除制 作网页外还可以将其应用于商业演示及电子贺卡等。,

7、1.3.10 界面亲切,Flash增加了Inspector窗口、手柄、加速锁等新功能，比以往更加易于操作。,1.4 Flash需配备的软件,但Flash也有美中不足，你的浏览器必须是3.0以上版本并要下载一个Shockwaveflash的Plug-in才能正常浏览由flash制作的网页。 （下载网址国外为：,第二章、Flash基本操作,界面介绍 背景设定 快捷工具栏 绘图工具栏 回放控制窗,2.1 界面介绍,绘图工具,工具面板,图层选项,时间轴,2.2 背景设定,打开Modify菜单中的Movie选项,2.3 快捷工具栏,2.4 绘图工具栏,点选工具,FLASH 中的点选工具和PHOTOSHO

8、P等程序中的点选工具是一样的，可以对动画中的元素进行单击选中，单击拖曳，双击，改变尺寸等操作。点选工具被选取时，其附加选项有：,2.4 绘图工具栏,自动捕捉（MAGNET） 点取该按钮将打开自动捕捉特性，即在绘图和移动对象时自动和最近的网格点或对象的中心重合，通过在菜单条中选取“查看”“捕捉”，也能实现同样的功能。捕捉功能便于准确排列图形元素。,2.4 绘图工具栏,自动平滑（SMOOTH） 在选中一条线段时点取该按钮，能自动平滑这段线条。通过在菜单条中选取“修改”“曲线（CURVES）”“平滑（SMOOTH）”也能实现此功能。,2.4 绘图工具栏,自动修直（STRAIGHTEN） 在选中一条线

9、段时点取该按钮，能对这条线段自动修直，效果有时和自动平滑差不多，但多选取几次后，将会把任何曲线变成一条或几条直线。通过在菜单条中选取“修改”“曲线（CURVES）”“修直（STRAIGHTEN）”也能实现此功能。,2.4 绘图工具栏, 旋转（ROTATE） 点中该按钮后，会在当前的选区-不论是线条，图案，例图，组-上显示旋转拖动手柄，对当前选区进行旋转。通过在菜单条中选取“修改”“变形（TRANSFORM）”“旋转（ROTOTE）”也能实现此功能。,2.4 绘图工具栏, 改变比例（SCALE） 点中该按钮后，会在当前的选区-不论是线条，图案，例图，组-上显示比例修改拖动手柄，对当前选区进行比例

10、放大或缩小。通过在菜单条中选取“修改”“变形（TRANSFORM）”“比例（SCALE）”也能实现此功能。,2.5 回放控制窗,第三章 调色板,选取菜单条上的“窗口（WINDOWS）”“调色窗（COLORS）”，将会出现调色窗窗口。这个窗口是用来调制诸如铅笔，笔刷，油漆桶，墨水瓶等工具的绘图色彩的。此窗口有两个标签“SOLID”和“GRADIENT”，分别是调制固定色和渐变色的。,第四章 调试窗口,检查窗（INSPECTOR） 输出窗（OUTPUT）,4.1 检查窗（INSPECTOR）,可以通过菜单条上的“窗口”“检查窗（INSPECTOR）”打开此浮动窗口。该窗口显示的是当前选定对象的长和

11、宽，以及相对于坐标原点（舞台的左上角）的位置，并允许通过输入数字来精确安排舞台上的对象。,4.2 输出窗（OUTPUT）,输出窗允许测试使用了GENERATOR模版功能后的影片中的变量值。或者在测试动画（TEST MOVIE）时，在打开控制菜单中的“对象列表”功能后显示当前帧的信息和按钮上所连接的地址 .,第五章 从外部调入文件,Flash支持很多的文件格式，你要选择“File”菜单中的“Import”选项，便能从外部插入以下的文件格式：,*.emf、*.wmf、*.eps、*.ai、*.swf、*.spl、*.dxf、*.bmp、*.dib、*.jpg、*.gif、*.png、*.wav 、

12、*.mov,*.emf、-Enhanced Metafile *.wmf、-Windows Metafile *.eps、*.ai、-Adobe Illustrator *.swf、*.spl、-Flash player *.dxf、-AutoCAD dxf *.bmp、*.dib、-BitMap *.jpg、-Jpeg Image *.gif、-Gif Image *.png、-Png Image *.wav -Wav sound *.mov-QuickTime Movie,支持的文件格式,Flash,第六章 制作简单动画,四个影片内容： 控制一个球沿路径运动。 形状的渐变，由方形变成圆形。

13、 透明度的改变，一段文字从透明到不透明，由小变大，模拟文字弹出的效果。 制作按钮，控制影片1,6.1 控制一个球沿路径运动,第一步：建立对象(Symbol) 利用画笔工具，选择圆形线型，在舞台上绘制一个规则的圆，然后选择添色工具，填充渐变色（球感）。 选中所有的Symbol，（刚才所绘制的只是Graphic）现在按下F8或选择Insert菜单下的“Create Symbol”，选择“Movie Clip”，在“name”一栏中输入“ball”，给它一个名字，然后“OK”。你打开“Windows”菜单中的“Library”窗口中看到你所定义的symbol。同时在舞台上的球的中央带了一个十字，表示

14、此对象已成功的定义为“Movie Clip”。,第二步：定义关键帧,经过第一步，我们已经定义好了第一帧，然后在第一层中在定义第二帧（以为我们要做的是球沿路径运动，因此我们定义两个帧，一个起点，一个终点）。,第三步：勾画运动路径（Add Motion Guide）,在时间轴中选择刚刚所画的第一层中的“Modify Layer”按钮，弹出层菜单，选择“Add Motion Guide”命令，在第二层的位置便出现了前面我们所提到的运动层，选择绘图工具栏中的铅笔工具，在舞台上绘制一个路径。,第四步：设置属性（Tweening）,运动中心，切记将运动中心放在路径上 调整旋转次数,第五步：测试影片（Tes

15、t Movie）,完成了以上工作，我们便完成了本影片的制作过程，现在让我们来看看效果，在“Control”（控制）菜单中选择“Test Movie”（测试影片）一项，或按“Ctrl+Enter”键同样有效。 在观看影片的同时，你可以在上方的窗体中看到每一帧的字节数，以便我们调整影片的大小。,6.2 形状的渐变，由方形变成圆形,第一步：建立对象(Symbol) 根据影片1的经验，我们先定义两个帧，因为我们要做的是将一个方形变成圆形，所以在第一帧的舞台上我们画上一个蓝色的方形，在三十帧以后的第二帧上我们画上一个绿色的圆形。并且不要对其Symbol值做任何的改动。,第二步：设置属性（Tweening

16、）,在影片1中我们的Tweening值设得是Motion，而在此影片中我们要将Tweening值设为Shape（渐变）。其有两个附加选项，分别是“Blend”和“Easing”（功能与Motion中的相同）,第三步：测试影片（Test Movie）,完成了以上两步，我们可以看到从第一帧到第三十一帧之间有一个箭头相连，代表我们已经设置了其之间的帧属性，然后我们按“Ctrl+Enter”便能看到效果。,6.3 透明度的改变，一段文字从透明到不透明，由小变大，模拟文字弹出的效果。,第一步：建立对象(Symbol) 在舞台上输入“Flash”几个黑色的字，并将其“Symbol”值设为“Movie Cl

17、ip”，同样在此Layer上建立第二个关键帧。在第一帧的位置双击舞台上的Flash字样，在Color Effect中将Color中选择“Alpha”（透明），将值设为0%，同样在第二帧上将“Alpha”值设为100%。,第二步：设置属性（Tweening）,双击“Time Line”上的第一帧，设置帧属性中的“Tweening”属性，将其设为“Motion”，然后“OK”。注：只有Motion 属性才支持透明过度,第三步：测试影片（Test Movie）,完成了以上两步后我们按“Ctrl+Enter”便能看到效果。,6.4 例四：制作按钮，控制影片1,第一步：建立对象(Symbol) 首先，我们重复影片1的制作，完成一段动画。 其次，在新的一层中建立一个按钮(button)，具体步骤：,在新的一层中建立一个按钮,方法一：使用库（library）。 选择库（library）菜单中的“按钮button”项，打开Library窗口，从中可以选择一个按钮，只要拖曳到舞台上就可以了。 方法二：自己创制一个button。,第二步：建立交互,在前面我