当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks制作空间环绕文字动画

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 Fireworks制作空间环绕文字动画


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

 

  一圈文字绕着中轴旋转,是不是感觉些象FLASH效果,呵呵,其实用Fireworks也能轻松地制作出来。


  制作方法:

  一、 新建文件(file->new)设置画布尺寸为500*500,画布颜色为白色。

  二、 选择工具面板中的文字工具,在文字编辑器中输入如下文字,在这儿我输入了五个donger英文字母,每个donger选择了不同的颜色。如果您需要做另外的效果,可以输入自己需要的文字及颜色。点击OK按钮确认


  三、选择工具面板中的椭圆形工具,在画布上画一个圆,打开info面板设置这个圆的W和H值分别都为128。这个圆的填充和描边您可以随意设置,也可以不需要填充和描边。

  四、用指针工具按住shift键,选中这二个对象,使用菜单text->attach to pash命令。使文字按路径排列。看下图所示。

  五、此时按路径排列的文字处于被选择状态。按F8键,在弹出的符号属性窗口中设置这个动画的名字为text。类型为animation,点击OK按钮确认。

  六、在紧接着跳出的窗口中进行这样的设置: Frame(帧):设为12帧。Rotate(旋转角度)为330。点击OK按钮,在紧跟着跳出的警告窗口中再次点击OK按钮。

  七、这样一个文字转动的动画就做好了,如果想查看效果的话,可以点击状态栏中的白色播放键进行预览。

  这还没有完,我们继续往下做。
  八、打开Frame面板,点下图用红笔圈出来的这个按钮,在弹出来的面板中使Show All Frames和Multi-Frame Editing前面打上钩,如果前面没钩的话,单击该选项就可以了。此时会显示出所有帧中的内容,重叠在一起,看下图所示。



  九、选择工具面板中的变形工具(下图红笔所圈出来的工具),把这个正方形形变形框下部分中间的点往右移到如下图所示的位置。所得到图形如下

  十、打开Layers(层)面板,点击层面板下面的最左边按钮(象一个黄色的文件夹)二次。此时会新建二个层,都在layer1上面。我们把Layer2拖到Layer1的下面,方法:接住Layer2层面板的标签往下拖到Layer1的下面就可以了。

  十一、选择Layer2层。在工具面板中选择矩形工具,在如下图的位置画一个矩形,打开info面板设置其W为20,H为128。在fill面板中选择填充类型为linear,填充的颜色点击下拉菜单,选择 Blue,Yellow,Blue,如下图。

  十二、用指针工具选择这个有渐变色的矩形,按下快捷键Ctrl+c,Ctrl+v。复制相同的一个矩形,选择菜单命令modify->transform->rotate 90,旋转90度,放在如下图的所示位置。