快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Fireworks 制作立体旋转地球

  动画制作是Fireworks的特长,尤其结合Mask会制作出很多意想不到的效果,下面的旋转地球就是用Fireworks MX做出来的(其他版本的Fireworks 也相同可以做出),挺逼真吧!
  本例使用圆形遮罩中运动的平面世界地图模仿地球的转动,涉及到的要害技术只有Mask,但要做到地球旋转连续流畅还是需要一点小技巧,希望下面的教程能够让你有一点收获。
  读者应具有Fireworks的基本操作能力,特殊要认识层面板和Select菜单操作。

  step1:先打开一张世界地图的图片,如图

  step2:在工具栏点击魔术棒工具按钮,使用魔术棒工具在地图中白色区域点击一下,将图片中的白色变成选择区域,可仔细观察,有些微小的区域还是没有被选上,这时执行菜单命令“Select/Select Similar”,将所有的白色都纳入选择区域。在使用魔术棒工具时,设置比较恰当的Tolerance参数,会使选择区域比较精确。

  step3:按下Delete键将图片中的白色全部删除,使用橡皮擦工具擦去不在选择区域中多余的部分,剩下的就是整个世界地图的轮廓了。当然你也可以轻松的给地图换上你喜欢的颜色,只需执行菜单命令“Select/Select Inverse”或快捷键“Ctrl+Shift+I”,就可以取得地图的选择区域了,然后在工具栏选择油漆桶工具,填充你所喜欢的颜色。
  然后再克隆一个世界地图,将它们群组,两个地图的位置关系如图。注重两地图一定要保持Y轴参数一样。

  step4:新建一个文件,背景色选为黑色。将上一步完成的世界地图复制并粘贴在新文件中,然后选中世界地图,执行菜单命令“Modify/Symbol/Convert to Symbol...”(快捷键F8),将其转化为符号。
  在层面板中新建一层,在该层上使用圆形工具绘制一个无边框的正圆(绘制时同时按住Shift键) 。

  step5: 选中Symbol世界地图,执行菜单命令“Modify/Animation/Animate Selection...”(快捷键“Alt+Shift+F8”),出现如图的对话框,将Frames参数设为15。该参数的设置有一定的原则,假如太小,地球转动就会不够流畅;假如参数过大,虽然动画效果比较流畅,但文件的尺寸会比较大,所以大家最好根据作品的用途及环境设置该参数。

  step6: 现在我们创建了一个15帧的动画,向右水平拖动中间的红色控制点,会产生代表15个帧的15个点,其中绿色表示第一帧(首帧),红色表示第15帧(末帧)。本动画制作的要害就是使世界地图无间断地流畅转动,业就是使最后一帧的世界地图状态和第一帧的世界地图的状态完全重叠。为了达到这种效果,我们需要在世界地图中做一个小标志:在Lirbary面板中选择Symbol,进入对符号的编辑状态,我们这里在世界地图中右上角的格陵兰岛东海岸画上标志:

  step7:退出符号编辑状态,在主动画文件中,用鼠标拖动绿色的点(第一帧),使圆形和地图的位置如图所示。

  然后用鼠标点击红色的点(最后一帧),保持水平拖动使其位置如图所示。使用适当的辅助线和放大视图会使你更好的完成这一步,这一步很要害也很麻烦,一定要有耐性,只要能调整正确他们的位置,就能保证动画的流畅。

  step8: 在共享层Layer2中选中正圆,复制(Ctrl+C),然后点击动画层Layer1,粘贴(Ctrl+V)。然后在Layer1中同时选择正圆和动画元件地图,执行菜单命令
“Modify/Mask/Group as Mask”,实现遮罩效果如图,这里正圆的填充色为白色,假如读者用的是Fireworks 4.0,将填充色改为黑色即可。

  在帧面板中选择最后一帧,将其播放时间设置为0,点击左下角的播放按钮,预览动画效果,假如不太流畅,就返回上一步继承调整,假如流畅就删除Symbol中的标志。这时的图层面板如图:

  step9: 此时旋转的地球已经做好了,但显然还缺乏立体感,下面我们还要修饰一下。选择共享层Layer2中的正圆,在属性面板中使用Radial填充,详细的参数设置如图。左边使用透明填充,这是Fireworks MX新增的功能,使用Fireworks 4.0的用户可使用简朴的遮罩能完成一样的效果。

  step10: 感觉效果还不是太好,那么选择属性面板的Effect,使用“Inner Glow”效果,详细的参数设置如图所示:

  完成后的效果如图。此时预览时边缘会有毛边,只需在属性面板中将正圆的宽和高同时增加2个像素,然后使用方向键向左向上各移一个像素,便可解决。

  step11:现在感觉已经不错了,但为了使地球更逼真,我们将地球的背景色变成蓝色。新建一共享层Layer3,将它拖到最底层,复制(Ctrl+C)Layer2层上的正圆,将其粘贴在Layer3层上。把Layer1和Layer2层设置为不可见,这样显示的是Layer3层上的正圆,删除该正圆的“Inner Glow”效果,将其填充色改为蓝色Solid填充,如图。

  此时预览时边缘可能也不是很干净利落,解决办法正好和上一步相反。 现在全部完成,最后的层面板如下图。

  step12:最后在输出时选择“Animated Gif”格式。在预览时会重叠位置部分会有短时间的停顿,我的解决办法是适当调整帧的时间:将第一帧的时间设置短一点,设置为7,将2-14帧设置的较为长一点,设置为15,将最后一帧设置为0。现在点击Export输出动画。一个具有立体感的旋转地球就完成了。假如你感爱好,还可以以一样的方式用Flash做一个。
  小结:本例制作的难点是如何实现地球无停顿地流畅旋转运动。教程中比较成功的解决了此问题。即遵循循环动画的特点(最后一帧播放完又回到第一帧继承播放),所以保持首尾两帧的状态一样,将最后一帧的播放时间设置为0,就可以实现流畅的运动。制作过程中在Symbol中做小标记是一个小技巧,起到了很好的辅助作用。
  Png源文件:

返回类别: Fireworks教程
上一教程: Fireworks制作燃烧效果
下一教程: 炫出我的个性??QQ聊天表情的绘制

您可以阅读与"Fireworks 制作立体旋转地球"相关的教程:
· Fireworks制作地球旋转动画
· 用Fireworks MX制作立体感相片
· Fireworks制作透明立体网格效果
· 用Fireworks 4.0制作旋转文字动画
· Fireworks MX 2004中制作水晶立体五星
    微笑服务 优质保证 索取样品