第11章Flash制作简单的动画.ppt

1、Flash制作简单的动画,DreamweaverFireworksFlash 是由美国著名的软件开发商Macromedia公司推出的制作网站的工具，被人们称为“网站开发三剑客”，其中Dreamweaver是一个“所见即所得”的可视化网站开发工具；Fireworks是Macromedia公司网页设计“三剑客”之“火焰”，它以处理网页图片为特长，并可以轻松创作GIF动画。Flash是Macromedia公司网页三剑客之中的“闪电”，其以制作网上动画为特长，它做出的动画声音动画效果都是其他软件无法比拟的。,Flash产生的是基于矢量方式的互动动画，并包含声音。Flash的动画环境是由以下几部分组成的

2、： （1）Stage（场景）：创建并观看影片的某帧。在Stage上看到的就是Flash的影片。Flash影片的尺寸是由Stage的像素数值控制的。Stage的缺省值为550400像素。最小为1818像素，最大为28802880像素。影片中所包含的场景都只能为一种尺寸。 （2）Timeline(时间轴)：利用时间的变化来产生影片。是用来控制影片中的各个动作和整个影片的长度的。 （3）绘画工具：用来制作图形，存放在工具箱中。 （4）通过指令和控制命令使图形运动，控制播放，产生影片。 影片制作完成后，可以在Flash中输出（Export）产生称为Shockwave Flash的影片。然后将影片置入到

3、DreamWeaver中来完成最终的HTML文件，以便在浏览器中观看。图11.1所示Flash 8.0的工作环境。,绘制直线在工具箱中选择直线工具，将鼠标移动到场景中，当鼠标指针变成形状时，按住鼠标左键向任意方向拖动，拖至适当位置后，释放鼠标即可绘制出一条直线。如果要绘制与水平方向成45角的线段，应在绘制直线时按住shift键。绘制直线完成后，可以在属性面板中设定直线的样式、颜色、粗细等,绘制长方形和正方形,在工具箱中选择矩形工具，将鼠标移动到场景中，当鼠标指针变成形状时，按住鼠标左键拖动，拖至适当位置后，释放鼠标即可绘制出一个长方形。如果要绘制正方形，应在绘制时按住shift键。,绘制多边形

4、和星形,点击矩形工具，鼠标在矩形工具上停留几秒钟（或直接点击矩形工具右下角的箭头），待弹出工具类型选择后选择“多边形工具”，然后在“属性”面板中的“选项”按钮，打开“工具设置”对话框，在其中设定多边形的形状和边角的多少。,铅笔工具选择铅笔工具，在工具箱右下角选项栏中单击下拉按钮，选择铅笔样式（如图11.5所示）。将鼠标移动到场景中，按住鼠标左键拖动鼠标即可绘制相应的图形。,钢笔工具在工具箱中选择钢笔工具，鼠标移动到场景中，在要绘制图形的位置单击鼠标，确定绘制图形的起点，拖动鼠标将出现调节杆，拖动调节杆以确定第二点，放开鼠标按键完成绘制。,刷子工具刷子工具既可以创建填充区域的颜色，又可以绘制任意

5、形状、大小及颜色的填充区域。刷子工具有5种绘制模式：标准绘画、颜料填充、后面绘制、颜料选择和内部绘画，如图11.7所示。,制作直线伸长的动画,启动Flash； 设定场景的大小为550100像素，背景为黑色，帧频设成12fps 场景属性 点取铅笔工具，颜色选择红色，线粗3，样式为实线； 在底板上用铅笔（鼠标）画一短横线，约1020像素； 在时间轴的第一层第20帧帧处用鼠标点一下，然后插入一个空帧(按F7)； 用鼠标点取洋葱皮按钮的第一个按钮，可以看见步骤4画的短线(变灰色)； 在同一起点，用铅笔工具画一条长500像素的横线； 在“属性”面板中，选择补间动作为“形状”，按确定按钮；这时可以看见时间

6、轴的第1帧到第20帧间产生一条黑色箭头线； 动画补间 完成。按ctrl+回车看制作效果。 保存。选择file菜单下的Save或者Save As就可以了。这时存下来的是.fla文件，可以再次用flash打开编辑。如果要制成成品，可以选择file菜单下的Export movie.，这时保存的文件是.swf可以直接用于网页，但是不能被再次打开修改,制作简单的几何变形,启动FLASH； 设定场景的属性； 鼠标点在时间轴的第一帧上； 选择椭圆工具，在场景上画一个直径30像素的圆； 鼠标点在时间轴的第10帧处，按F7插入一个空帧； 选择铅笔工具里的画矩形工具，在底板上画一个边长30px的正方形；(为了使矩

7、形和圆在同一直线上，可以用鼠标点击洋葱皮按钮的第一个按钮会显示第一帧的图像； 在时间轴第20帧处F7插入空帧，用多边形工具画一个三角形； 用鼠标单击第一帧的圆点，在“属性”面板上设置“补间”动作为“形状”。 同样方法，单击第10帧的圆点，设定第10到20帧之间补间动作； 按下ctrl+回车键观看动画效果。,制作图像的放大缩小,1按Ctrl+F8新建元件，打开新建元件对话框，命名为symbol1,类型设置为图形，按确定。 2选择文字输入工具，选择字体为“仿宋_GB2312”，字号大小15，字体颜色红色；,3在屏幕空白处输入“欢迎使用”； 4用鼠标点屏幕上方（时间轴后）的小箭头图标，回到场景1(s

8、cene1)； 5（如果不显示符号库），请按下Ctrl+L调出符号(symbol)库； 6用鼠标左键拖住符号库里的图形中的文字“欢迎使用”，把它拖动到场景中； 7用鼠标点击时间轴的第20帧处，按F6键插入一个关键帧； 8也可以用鼠标右键单击文字，在弹出菜单里选择“任意变形”，在文字的周围出现小方块，用鼠标拖动小方块，文字会随之变大变小。将文字放大到合适尺寸； 9. 鼠标点击第1帧，在“属性”面板中调整文字的亮度（60%），文字变得模糊不清； 10. 用鼠标单击第一帧的圆点，在“属性”面板中设定补间动作为“动画”； 11. 作品完成。按ctrl+回车观看效果。,制作滚动的字幕,新建文档，设置场景

9、大小为400*200像素； 使用“文件”“导入”“导入到舞台”，导入图片（自行选择一张风景画）； 使用“任意变形”工具调整图片到场景大小； 单击图层区的图标锁定图片； 单击新建图层按钮，创建新的图层（图层2），在图层2中选择文本工具，在“属性”面板中设置字体为“华文行楷”，字号为30，颜色为红色； 在场景中输入“欢迎观看动画片”，将文字移动到场景右侧； 选择图层1，在第20帧处插入帧（按F5），在图层2第20帧处插入关键帧（按F6）；选定图层2种的文字，选择“窗口” “信息”菜单，打开“信息”面板，设置“x=-10”，Y值不变，使文字和图片左侧对齐。（X值可能会有不同）,单击图层2的第一帧，补

10、间动作设定为“动画”，创建1-20帧之间的补间动作。 制作完成滚动字幕，按下ctrl+回车键观看动画效果（见图所示）。,制作倒影,新建文件，场景大小设定为300*200像素； 导入一张含有水面的图片（导入到舞台），并调整图片大小和场景大小一致； 新建一个名称为“欢”的“影片剪辑”元件，使用文本工具在编辑区内输入“欢”，注意设定文字的字号、字体、文字颜色等； 在“信息”面板中设置其中心位置为0，0； 在第10和20帧处分别插入关键帧，在第32帧处插入帧； 选取第10帧中的“欢”字，信息中设置“Y=-55”，X不变； 各关键帧之间创建补间动画； 新建名为“迎”的影片剪辑元间，输入“迎”； 在第4，

11、13，23帧处插入关键帧，32帧处插入帧； 信息面板中，设定第12帧中“迎”的位置设为“Y=-55”，X不变。 创建4-13，13-23帧间的补间动画； 同样的方法创建“光”、“临”的影片剪辑； 切换到场景中的图层1，从“库”面板中把“欢”、“迎”、“光”、“临”等各影片剪辑拖入到场景中，并均匀排列，然后调整所有剪辑水平位置一致。 复制“欢”元件，“编辑”“粘贴到当前位置”，将元件粘贴到原位置； 选择“修改”“变形”“垂直翻转”，将复制的元件翻转，用键盘下箭头进行影片剪辑的移动；,对其他的影片元件进行同样的操作（复制、粘贴到当前位置、翻转、移动），并设定这些元件的垂直位置相同； 选取各元件，在各元件的“属性”面板中颜色设置成Alpha，Alpha值设置为40%；到此完成动画的制作。 按下ctrl+回车观看效果。,Flash动画的发布,设计好了动画之后，保存的文件都是.fla格式的文件，这种格式的文件是可以在flash中编辑的，但是这种文件不能放在网页中的，。要放在网页中共用户浏览，就必须把这个短片进行发布，才能在Flash以外的环境中使用，并可以用FlashPlayer播放，也可以用FlashPlayer创建播放器（生成.EXE文件）；,在发布文件之前，需要确定文件发布的选项，选择“文件”“发布选项”（英文版中“file”“export movie”