当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks 制作立体旋转地球

FireWorks
Macromedia Fireworks MX的新特性一
Macromedia Fireworks MX的新特性二
Macromedia Fireworks MX的新特性三
Macromedia Fireworks MX的新特性四
Fireworks4 巧用无缝填充处理图片
Fireworks4 制作透明字
Fireworks中螺旋运动字的制作
Fireworks常见问题解答(7)
Fireworks常见问题解答(6)
Fireworks常见问题解答(5)
样式在FW MX 2004中的应用
用Fireworks轻松制作网页交互按钮
巧用Style制作立体感文字
Fireworks制作产品展示图
FireWorks象素按纽教程
Fireworks MX 之 初体验5-2
Fireworks MX 之初体验3-1
撕纸边缘效果制作方法详解
立体贴图字特效制作
Fireworks MX 2004特效字系列教程:晶莹文字制作

FireWorks 中的 Fireworks 制作立体旋转地球


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 32 ::
收藏到网摘: n/a

    动画制作是Fireworks的特长,尤其结合Mask会制作出很多意想不到的效果,下面的旋转地球就是用Fireworks MX做出来的(其他版本的Fireworks 也一样可以做出),挺逼真吧!

  本例使用圆形遮罩中运动的平面世界地图模拟地球的转动,涉及到的关键技术只有Mask,但要做到地球旋转连续流畅还是需要一点小技巧,希望下面的教程能够让你有一点收获。

  读者应具有Fireworks的基本操作能力,特别要熟悉层面板和Select菜单操作。


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

   图1

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

  图2

  step3:按下Delete键将图片中的白色全部删除,使用橡皮擦工具擦去不在选择区域中多余的部分,剩下的就是整个世界地图的轮廓了。当然你也可以轻松的给地图换上你喜欢的颜色,只需执行菜单命令“Select/Select Inverse”或快捷键“Ctrl+Shift+I”,就可以取得地图的选择区域了,然后在工具栏选择油漆桶工具,填充你所喜欢的颜色。

  然后再克隆一个世界地图,将它们群组,两个地图的位置关系如图3。注意两地图一定要保持Y轴参数相同。

  图3
  step4:新建一个文件,背景色选为黑色。将上一步完成的世界地图复制并粘贴在新文件中,然后选中世界地图,执行菜单命令“Modify/Symbol/Convert to Symbol...”(快捷键F8),将其转化为符号。

  在层面板中新建一层,在该层上使用圆形工具绘制一个无边框的正圆(绘制时同时按住Shift键),如图4 。

  图4

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

  图5

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

  图6

  step7:退出符号编辑状态,在主动画文件中,用鼠标拖动绿色的点(第一帧),使圆形和地图的位置如图7所示。然后用鼠标点击红色的点(最后一帧),保持水平拖动使其位置如图8所示。使用适当的辅助线和放大视图会使你更好的完成这一步,这一步很关键也很麻烦,一定要有耐性,只要能调整准确他们的位置,就能保证动画的流畅。

   图7

  图8
  step8: 在共享层Layer2中选中正圆,复制(Ctrl+C),然后点击动画层Layer1,粘贴(Ctrl+V)