计算机网络实用技术 教学课件 作者 王恩波 张露 第11章Flash制作简单的动画.pptVIP

Flash制作简单的动画 Dreamweaver\Fireworks\Flash 是由美国著名的软件开发商Macromedia公司推出的制作网站的工具，被人们称为“网站开发三剑客”，其中Dreamweaver是一个“所见即所得”的可视化网站开发工具；Fireworks是Macromedia公司网页设计“三剑客”之“火焰”，它以处理网页图片为特长，并可以轻松创作GIF动画。Flash是Macromedia公司网页三剑客之中的“闪电”，其以制作网上动画为特长，它做出的动画声音动画效果都是其他软件无法比拟的。 Flash产生的是基于矢量方式的互动动画，并包含声音。Flash的动画环境是由以下几部分组成的： （1）Stage（场景）：创建并观看影片的某帧。在Stage上看到的就是Flash的影片。Flash影片的尺寸是由Stage的像素数值控制的。Stage的缺省值为550×400像素。最小为18×18像素，最大为2880×2880像素。影片中所包含的场景都只能为一种尺寸。 （2）Timeline(时间轴)：利用时间的变化来产生影片。是用来控制影片中的各个动作和整个影片的长度的。 （3）绘画工具：用来制作图形，存放在工具箱中。 （4）通过指令和控制命令使图形运动，控制播放，产生影片。 影片制作完成后，可以在Flash中输出（Export）产生称为Shockwave Flash的影片。然后将影片置入到DreamWeaver中来完成最终的HTML文件，以便在浏览器中观看。图11.1所示Flash 8.0的工作环境。 绘制直线在工具箱中选择直线工具，将鼠标移动到场景中，当鼠标指针变成╋形状时，按住鼠标左键向任意方向拖动，拖至适当位置后，释放鼠标即可绘制出一条直线。如果要绘制与水平方向成45°角的线段，应在绘制直线时按住shift键。绘制直线完成后，可以在属性面板中设定直线的样式、颜色、粗细等 绘制长方形和正方形 在工具箱中选择矩形工具，将鼠标移动到场景中，当鼠标指针变成╋形状时，按住鼠标左键拖动，拖至适当位置后，释放鼠标即可绘制出一个长方形。如果要绘制正方形，应在绘制时按住shift键。 绘制多边形和星形 点击矩形工具，鼠标在矩形工具上停留几秒钟（或直接点击矩形工具右下角的箭头），待弹出工具类型选择后选择“多边形工具”，然后在“属性”面板中的“选项”按钮，打开“工具设置”对话框，在其中设定多边形的形状和边角的多少。 铅笔工具选择铅笔工具，在工具箱右下角选项栏中单击下拉按钮，选择铅笔样式（如图11.5所示）。将鼠标移动到场景中，按住鼠标左键拖动鼠标即可绘制相应的图形。 钢笔工具在工具箱中选择钢笔工具，鼠标移动到场景中，在要绘制图形的位置单击鼠标，确定绘制图形的起点，拖动鼠标将出现调节杆，拖动调节杆以确定第二点，放开鼠标按键完成绘制。 刷子工具刷子工具既可以创建填充区域的颜色，又可以绘制任意形状、大小及颜色的填充区域。刷子工具有5种绘制模式：标准绘画、颜料填充、后面绘制、颜料选择和内部绘画，如图11.7所示。 制作直线伸长的动画 启动Flash； 设定场景的大小为550﹡100像素，背景为黑色，帧频设成12fps 场景属性 点取铅笔工具，颜色选择红色，线粗3，样式为实线； 在底板上用铅笔（鼠标）画一短横线，约10~20像素； 在时间轴的第一层第20帧帧处用鼠标点一下，然后插入一个空帧(按F7)； 用鼠标点取洋葱皮按钮的第一个按钮，可以看见步骤4画的短线(变灰色)； 在同一起点，用铅笔工具画一条长500像素的横线； 在“属性”面板中，选择补间动作为“形状”，按确定按钮；这时可以看见时间轴的第1帧到第20帧间产生一条黑色箭头线； 动画补间 完成。按ctrl+回车看制作效果。 保存。选择file菜单下的Save或者Save As就可以了。这时存下来的是.fla文件，可以再次用flash打开编辑。如果要制成成品，可以选择file菜单下的Export movie...，这时保存的文件是.swf可以直接用于网页，但是不能被再次打开修改 制作简单的几何变形 启动FLASH； 设定场景的属性； 鼠标点在时间轴的第一帧上； 选择椭圆工具，在场景上画一个直径30像素的圆； 鼠标点在时间轴的第10帧处，按F7插入一个空帧； 选择铅笔工具里的画矩形工具，在底板上画一个边长30px的正方形；(为了使矩形和圆在同一直线上，可以用鼠标点击洋葱皮按钮的第一个按钮会显示第一帧的图像； 在时间轴第20帧处F7插入空帧，用多边形工具画一个三角形； 用鼠标单击第一帧的圆点，在“属性”面板上设置“补间”动作为“形状”。 同样方法，单击第10帧的圆点，设定第10到20帧之间补间动作； 按下ctrl+回车键观看动画效果。 制作图像的放大缩小 1．按Ctrl+F8新建