钟摆式公告牌效果的制作

[复制链接]
查看: 276|回复: 0
gggds 发表于 2009-12-27 12:39:13 | 显示全部楼层 |阅读模式
  先参阅一下效果图:
6 v2 s0 d& Z" u1 V* i3 v9 _5 z' i6 K3 z* t" z
  1、新建一个文件,画布背景颜色选取白色。同时将画布大小设置稍大些;  2、使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图:, T9 t. A& q0 s: ^# b9 `( d
/ d; }# Z- F* L. t7 o
  3、输入文字“织梦论坛”;  4、在圆角矩形右、左上角绘制小圆形,如图所示:
; B5 W! G8 Z( n+ {# A  \3 W' }& W8 s
  5、添加辅助形,找到该圆角矩形的中心点位置,如图:, \2 b8 W2 r. M, g

( l& }0 M7 b) I( l' ~; d  B7 O  6、在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线。如图:1 ?  A, J+ ~* V4 w, b- T

/ u. f9 u/ Q" s4 U0 U  F. B  7、群组(Ctrl+A、Ctrl+G)所有对象,一个简单的公告牌效果就简单制作完成了。现在进行动画效果的制作。  8、克隆群组后的公告牌,使用工具栏中的缩放工具,分别对画布中显示的公告牌进行旋转处理,如图:" }3 e0 j/ t6 e6 f

) t/ g1 d& S) y& {* O# O$ k0 h& O' w  9、复选这两个对象,并按垂直居中与水平居中进行排列,如图:! o9 `8 R7 d0 `' [# X
+ B9 s! a9 r6 n+ c& w
  10、在层面板中先屏蔽掉右边的公告牌。再选择修改菜单、动画、选择动画命令,弹出动画属性设置窗口。进行参数的设置,如图:1 }0 W, S  l: L  @1 y

4 w' S1 ^& M" \8 X" r9 V4 H  11、确定后,公告牌对象自动转化为元件。双击该元件对象,在元件编辑窗口中,将公告牌圆形移至元件编辑窗口中心位置,如图:
2 C' j; t) J; T# z# f/ K: ^* R
, C) K" p" {+ S  A  12、返回至主编辑窗口,现在一个由左向右摆动的动画效果已形成。打开帧面板,选择第一帧。将层面板屏蔽的公告牌显示出来,并进行剪切。  13、在帧面板中新建空帧,粘贴对象至画布内。对当前公告牌进行由右至左的钟摆动画设置。选择修改菜单、动画、选择动画命令,弹出动画属性设置窗口。进行参数的设置,其中各参数与第九步相同,仅需要给旋转方向上变化为顺时针。如图:
3 J2 p! m  k$ d& c( g( w. F6 j( Z% Z# d2 o! {' G% p) n+ _' L
  14、将该公告牌参照第十一步修改元件中心的方法进行位置的移动。  15、这样,由右至左的钟摆动画效果就完成了,在帧面板中将Gif动画效果设置为启永久,让动画连续播放。再导出为Gif动画文件,最终效果图如下所示:
- n) J3 V5 ?0 h5 s- M& y) J" J; l
  制作技巧提示:  ①在位置调整时,比如中心点的对齐、旋转等,可以借助于FW中的辅助线。  ②使用动画面板调整好旋转角度生成动画后,建议不要在帧面板中进行删除帧了操作了。如果需要调整角度,可以在画布上对元件对象进行选择右键、动画、设置,在弹出动画设置窗口中再进行调整。  Fireworks制作的Png源图:
. A- x* ?6 y: F; d( ~' E6 S/ `

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )