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

FireWorks
Fireworks教程:精美横向闪图漂亮动画
Fireworks教程:MM照片破边缘
FireWorks教程:人物暗夜里的光影涂鸦
Fireworks教程:制作优秀的色彩搭配图片
Fireworks教程:Vista样式按钮的制作初学版
Fireworks教程:制作超级光线水晶球
Fireworks教程:制作魅力流光超炫特效
Fireworks教程:给黑白照片调色全攻略
Fireworks教程:弯曲文字效果如何制作
Fireworks教程:制作碳纤维风格图标
FireWorks+xara3D打造3D文字特效
fireworks导出jpg图片在IE和FF的显示问题
fireworks教程:打造“毁灭顶峰”
Fireworks教程:石头字的制作过程
Fireworks 9 路径调版的使用方法
Fireworks教程:轻松制作水晶小图标
Fireworks教程:详细绘制小灯泡
图解用Fireworks 制作五角星
Fireworks教程 制作优秀的色彩搭配图片
Fireworks 详细绘制小灯泡

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 34 ::
收藏到网摘: 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)