///pc/img/blank.gif" width="12" height="8">当前位置:///default.htm" class="under">亿度网络 -> ///pc/index.htm" class="under">网页制作教程 -> Fireworks

///pc/homepage/fwjch/img/000.gif" width="100" height="20">
///pc/homepage/fwjch/img/title_00.gif" width="13" height="20">  

///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">新手上路
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页基本功
///pc/homepage/fwjch/img/003.gif" width="18" height="16" align="absmiddle">网页进阶处理
///pc/homepage/fwjch/img/006.gif" width="30" height="16" align="absmiddle">制作GIF动画
///pc/homepage/fwjch/img/004.gif" width="30" height="16" align="absmiddle">合并已有图片
///pc/homepage/fwjch/img/004a.gif" width="30" height="16" align="absmiddle">其他制作方法
///pc/homepage/fwjch/img/009.gif" width="17" height="16" align="absmiddle">外挂程序 Xtras
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页强化
///pc/homepage/fwjch/img/002.gif" width="18" height="16" align="absmiddle">网页高手
///pc/homepage/fwjch/img/008.gif" width="18" height="16" align="absmiddle">自动化处理

/pc/bin/msg.pl?file_id=k_Fireworks03 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

///pc/img/blank.gif" width="1" height="1">

 


第一节:制作GIF动画

二、 利用Tween Instances生成动画

  利用Tween Instances生成动画是Firework 3十分强大的功能之一,它的原理是将图片转化为元件(symbol),然后,确定元件的初始和结束分身(instance),再利用Tween Instances将这些分身转换为具有过渡效果的连续帧(frame)。

Tween Instances功能支持元件的位移、旋转、缩放、扭曲、倾斜以及不透明度的过渡。

  具体的动画制作过程我们可以参见第一章的第四节,这里就不再重复。

三、 手工绘制

  如果我们要手工绘制动画,就需要用到Firework 3的洋葱皮功能(Onion Skinning),它就象我们制作卡通用的半透明纸一样,在编辑当前帧的同时,可以看到此前或此后帧中的内容,这样,我们在手绘动画时就可以方便地绘制图案。

  下面我们就来认识一下洋葱皮功能,开启“Frames”面板,单击“洋葱皮功能”按钮(如图9),弹出菜单中选项分别为:

  · No Onion Skinning: 关闭洋葱皮功能;

  · Show Next Frame: 在当前帧中显示下一帧的内容;

  · Before and After: 在当前帧中显示前一帧和下一帧的内容;

  · Show All Frames: 在当前帧中显示所有帧中的内容;

  · Custom: 可以设置洋葱皮的显示功能;

  · Multi-Frame Editing: 可以透过洋葱皮编辑其他帧中的内容。

///pc/homepage/fwjch/img/fire3015.gif" width="162" height="132" alt="洋葱皮功能菜单">

图9 洋葱皮功能菜单

  空说无用,打开我们先前制作的“海鸥”动画,然后选中Show All Frames,我们不仅可以看到当前帧的海鸥,还可以看到其他两帧中海鸥的淡化效果(如图10);Firework 3的洋葱皮功能十分强大,而且方便高效,我们可以在以后的手工绘制动画中慢慢地体会。

///pc/homepage/fwjch/img/fire3016.gif" width="121" height="67" alt="淡化效果">

图10 淡化效果

上一节 下一节   

 

/pc/bin/msg.pl?file_id=k_Fireworks03 target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法

 

 

网页制作 网页设计 网站建设 网站设计 网站制作 做网站 做网页