网站首页 模板下载 教程文章 资源收集 特效代码 插件天下 建站服务 技术论坛
设为主页 加入收藏 联系我们
 
技 术 论 坛
用户名
密码
本 类 推 荐
LOGO专题
CSS样式表专题
一步一步学用Flash5
DreamWeaver经典50问
Dreamweaver 4简明教程
Fireworks4.0教程
Fireworks制作苹果按钮
Photoshop7.0教程
当前位置:教程文章--Fireworks教程
动画设计入门-帧的操作
如今,动画已经成为web中一个突出的,不可缺少的部分,在网页中插入一些不大的gif 动画,对于美化页面起着点睛的作用,在制作动画前,我们首先要理解"频"这个概念,理解了它,制作动画就不再是什么神奇的事了,fireworks的易用性和强大的图形处理功能使制作gif动画成为很轻松的事情,掌握fireworks的动画制作是这门课程的重要内容。

帧的操作

  动画是由多幅图像轮流显示生成的。Gif动画也是如此,Fireworks利用"Frames"面板,在每一帧中放置不同的图像进行动画制作的,因此要制作动画,应先来熟悉"Frames"面板。

  单击【Window】菜单中的【Frames】命令,打开帧面板,图解如下:

添加帧

  一、添加一个空白帧

  方法1. 单击"Frames"面板上的"New/Duplicate"按钮 ,则新的空白帧添加到目前帧的后面。

  方法2. 按住键盘"Alt"键,直接在"Frames"面板的帧列表中单击鼠标左键即可。

  方法3. 单击【Insert】菜单中的【Frame】命令,即在文档中加入了一个空白帧。

  二、添加多个空白帧

  1. 单击"Frames"面板右上角的三角形按钮,弹出一个下拉菜单。

  2. 在下拉菜单这点选"Add Frames"命令,打开"Add Frames"对话框。

  3. 在对话框中修改新增的帧数目,选择添加的帧插入位置,如图:

点击"Ok"按钮,完成操作。

在帧中共享图层

  对于动画中可以保持不变的对象,可以采用共享图层的方式简化操作,减小文件大小。设置共享图层,操作如下:

  1. 打开图层面板,选中要共享的对象的图层。

  2. 单击"Layers"面板上的小三角,在打开的下拉菜单中点击"Share This Layers"命令,命令执行后,会在该层上出现一个标志 表示该层已被共享。如图:

要取消共享,操作同上,取消"Share This Layers"命令的选中状态即可。

把对象分配到帧

为了制作的直观,常常在一个帧中制作某个对象用于动画的多个状态,然后将它们分配到各个帧中,操作如下:

  1. 在文档窗口中选择要分配的对象。

  2. 单击"Frames"面板菜单中的"Distribute to Frames"命令,或者面板上按钮

  此时在个帧中都能看到该对象了。

  10.2.3 洋葱皮技术

  要在文档窗口中以半透明的方式看到多个帧中图像的差异,制作连贯的动画,就可以使用洋葱皮技术, 单击"Frames"面板左下角的"Onion Skinning"按钮,弹出一个下拉菜单,如图:

菜单中有六个选项:

  No Onion Skinning:不使用洋葱皮技术。

  Show Next Frame:显示下一帧的图像。

  Before and After:显示前后两帧的图像。

  Show All Frames:显示所帧中图像。

  Custom:自定义显示方式。

  Multi-Frame Editing:选中该项,可以对显示的多个帧中的图像进行编辑。

 

WWW.CNCSS.COM 中文版权所有:PHLIPS工作室
COPYRIGHT(c) 2003 ALL RiGHTS RESERVED
关于我们--广告服务--联系方式--友情链接