Fireworks教程:制作地球旋转动画

[复制链接]
查看: 268|回复: 0
gggds 发表于 2009-12-27 03:13:11 | 显示全部楼层 |阅读模式
Fireworks 制作地球旋转动画。本教程主要练习蒙板与动画原件的应用。闲话少说,看实际效果:
8 V1 |9 c9 p' P3 }6 G2 ]0 d- e- T: K% Y" q

" B  c! |/ E( w
4 n" b' O" p9 W0 n2 \& ^具体步骤:8 Q" t& b* R' w- q( n) [
1、双击任务栏右下角的时间。
6 |8 b8 B: c& |3 j) |" P* Z1 U2 R, y/ I% u7 o/ {
5 ?( r6 r1 A& G* b; \9 A( d
# w1 H& ]: s- U4 S. J
2、打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材)。( K+ _  m! z  U- u! X! f

& b, Z  p+ w. F" }# W6 ^2 Z
. _- b, \# k7 X. r( H5 m( b: a6 R" ~% ^9 _+ z$ n+ S+ p
3、进入Fireworks,新建文件,粘贴。粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些。- v3 {" I+ X7 r

" m6 Y3 ?$ _9 S+ p: ^' G3 T% ~5 A) L- a5 d4 `

5 g5 z3 L+ [8 k' T  o% x: t4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性栏中的“符合画布”项,扩大画布,再详细调整地图素材的位置,将两张图片左右无缝拼接在一起。0 D; i1 D9 D* G' y) s

1 o% y: z5 K+ I
- z% f2 b, r; i
! L3 ~: k( I2 K5、选取两幅图片素材,修改菜单——平面化所选,将两幅图片合并为同一张图片。
) O# a! E( G0 U3 T- {6 f
5 V( k; f" t/ n2 R$ f8 G
; s" _! \( u; |7 V/ x& j# f8 g  F( m$ b! v! j2 l; G7 k* P2 j
6、新建文件,300*200PX,绘制一个合适大小的正圆,笔触选择无,白色填充。. ^; [6 L4 x, t9 u

+ Z6 c7 H: I" U; U  U) \
  L. f% r2 T" N, Z( }. V7 o
* o# M  M1 b0 `' `" w7 E1 R7、复制刚绘制的圆形,在层面板中新建一层,选取新建的层,粘贴。
, O7 F/ x& u; k- Z! q* ]& E8 |4 |5 W4 v; U, z" A$ M5 k

+ A/ K5 i8 [  t  E2 Y8 O2 C# f
4 ?( g7 H" r$ i4 l# E- F! ]8、为方便说明,这里我们将步骤6中的圆所在层叫做层1,步骤7中的圆所在层叫做层2。设定粘贴到层2中的圆形为1PX黑色柔化线段笔触。' @. ]) K5 b+ x0 q

& D% L- t8 q8 L# Y% p/ K
4 d: g; ]. h# m0 Q1 R0 S/ B4 |5 \0 S( A- I
9、设定层2中的圆形为放射状填充:左右两侧颜色均为黑色,将上方的不透明度选项做调整,将其中左侧的不透明度选项稍向右移动,并将其值设置为0。
! v9 |: u3 [  B% f
- C8 Y* N9 R+ l1 y3 S) R- l: i' A  a$ |! v" c" a

# J6 y3 K# R( G; B10、将渐变填充右侧的不透明度选项设置为50左右。3 I$ W9 K3 G" O% D, B9 i

' t- ~( T0 H) t; e# M. h: a2 Y& G, O5 i

' ]* T" p: z& O11、调整后层2中的圆形如图所示。% O. u% \6 T3 A; F. \0 O; r/ ?0 [

: l& g4 T& G( M2 }! O) I5 a! i% v) I6 N- f
% D4 _  {; f( M' j: i* |7 W
12、将步骤5中的地图素材复制,粘贴到层1中。
/ w7 {. `7 k7 ?# \& m
. X1 t# i) F2 B  `4 Q( {1 G+ \1 u" y& E6 {
: B- F" Q- {" Z  m8 H2 C2 y
13、使用缩放工具将地图素材不改变长宽比例进行缩放,缩放后的高度和圆形一致,并将地图素材右对齐圆形,注意上下的位置和圆形重合,不能有多余的空隙和边缘露出,此时选取地图素材看属性面板,记下地图素材现在的宽度,教程图片中的宽度是586像素,大家制作时按自己的实际宽度记下。* k" O$ U# D" G0 R' j- d( E
4 I5 s7 O- p8 v% m5 g5 D

; Y7 S4 L+ F0 V9 ?) X
) ~0 g/ o- h6 \$ n( ^14、在层面板中将地图素材拖动到层2中圆形下方。) f5 X# R+ r7 @8 ?8 `

6 e" Y7 z  w' l: U& y9 X3 S, `3 d

7 r- o+ N1 N4 `! _* Y3 O* Q15、选取地图素材,按F8,打开元件属性面板,将地图素材转换为动画元件。) k$ m" r" f+ A! c* @
9 I" a6 e: m. f  [% s0 t
1 E7 N+ q0 f/ W

0 L6 b  D, Z7 P: u9 t16、设置动画的帧数,移动方向,还有移动距离。因为地图素材要向右侧移动(地球自西向东旋转嘛),所以教程中填写的数值是0。因为地图素材被我们拼接成了两张,旋转一周也就是移动一整张地图素材的宽度,或者说是缩放后的地图素材的一半宽度,在步骤13中,我们记下了地图素材在缩放后的宽度586PX,将此宽度除以2,得到结果293PX(大家要根据自己记下的宽度为主算其数值),将293数值填入移动距离项目中。  c1 w8 B4 s+ e7 P1 Z: i& q3 R3 u

% J, w$ f  i! _5 i! }# u; g& @4 z# o( J0 ]

& L1 _* o6 I% b9 V8 P; W/ u* f( z17、按住SHIFT键选取层1中的圆形和地图动画元件,修改菜单——蒙板——组合为蒙板。8 z2 u( v% s/ ?& n8 q4 g

! {2 Q2 |3 g- _; b+ q& j. P7 \. Z; C* i, s& X" X5 Q) x8 {: B

- y5 k1 ^: i. g: Q  C: M& k4 f' _/ F18、选取层1中的蒙板对象。) p) n0 [: y6 s  P# }
* S2 E7 w# b# Z

1 R! c: W% U1 F  Q; R
/ T1 a7 ~) F5 \' D# Z% z$ ^5 k$ _19、在属性栏设定蒙板方式为路径轮廓。其实教程中的蒙板圆形是白色,不选这项也可以,如果大家做的时候蒙板的圆形不是白色,此步骤必不可少。3 I% k1 p7 w* S% |

  E6 Z7 N& }9 x# e" z9 a$ O7 N
3 t! y, m; ^; a1 i8 r+ g7 {
# z9 h8 ^& r2 O& J4 R20、双击层1的名字,选取“共享交叠帧”项目。
# s( G0 D( H' J( ]
& Q- A3 u6 _* X0 k) C3 f1 f! c1 c; t$ z" S
/ C6 A! R3 h& ]
21、也可以适当给层2中的圆形加阴影效果来增强立体感,最后别忘了设置首帧和尾帧的时间,让首帧和尾帧时间加一起等于普通其他帧的时间,因为首帧和尾帧的内容是一样的,如果不改时间,动画会出现停顿。这时候可以播放动画了。导出GIF时,因为层2中的圆形有渐变,可能会出现颜色过渡不自然,大家可以在导出选项中设定抖动选项。1 C; r7 `+ f. g; t
PNG 源文件:
6 C: ?$ j: k$ l) z
3 f  t! |8 s6 L2 U+ v- @2 X

本版积分规则

精彩图文

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