用MASK做动画(一)

[复制链接]
查看: 221|回复: 0
gggds 发表于 2009-12-27 03:25:13 | 显示全部楼层 |阅读模式
用MASK做动画(一)& D+ e4 z1 O; Q* S
  看下面这个动画效果,感觉怎么样呢?是不是又有些类似Flash的效果呀,这种效果在FLASH的做出来不难,在Fireworks4中制作同样不难,看看下面的教程你就会明白了。
4 k8 I, l4 G: b% A$ c6 {

7 }9 B0 w: `0 r8 S* u
( f! ^1 K# {# `& ?
* n4 F- ^" ^# `9 t

% H9 P- Y/ R5 w' K2 }% Q  跟我一起做一遍吧:)  一、 新建文件(File->New)设置文件尺寸为500*300,画布颜色为白色。  二、 选择工具面板中的矩形工具,在画布上画一个矩形,打开Info面板,设置其W值为400,H值为50,按回车确认。接着打开Fill面板,选择填充类型为Solid,颜色为绿色。Texture中选择Grain,透明度为20%。效果如下图所示 " f1 j* w8 R3 F+ d3 N- n' Q) k

3 w. p6 S/ b. X- w4 n: F8 e! D6 D3 @. O7 p4 U
: O' L$ ~& w  u, L' L
/ X* Y: Z; f; o3 w3 R
  三、选择工具面板中的文字工具,在文字编辑器中选择字体为Arial Black ,大小为30象素,颜色为黄色,加粗。在输入窗口输入Macromedia Fireworks这几个英文字母。输入完后,点击OK按钮。并把文字放在绿色的矩形上面。按Ctrl+c键。 % o4 K3 ^# }+ x0 I7 n; ]0 e" T
( @6 B& C- p5 H" ~& P. t

4 \0 z' @$ C3 x" f' a5 t
; G" P5 K0 M$ x) v6 b
" }" u6 `7 E3 e4 p# _; l
  四、打开Layers(层)面板,点击层面板下面用红笔圈出来的按钮,新建一个图层。按Ctrl+v,粘贴上面拷贝的文字层。改变文字的填充颜色为黑色。/ a! |+ v; S( k, r
1 I! k( O+ k+ }

6 |9 m/ u! M* f4 h9 H% S2 l1 |- B+ _. b& T% d7 H7 \3 H
" c) O1 w; i% N' F
  五、选择工具面板中的椭圆形工具,按住Shift键,画一个正圆形,大小如下图所示,填充颜色为黑色。在Layers层面板中,把这个圆的图层拉到文字图层的下面。( b6 `+ U; ?" m9 l- |2 c3 P! @
# |3 u/ |1 c' Y$ g2 b

$ V3 @3 Z4 p8 @4 @: M$ `  a9 E6 r% z# z  `4 H
: e: B6 L8 R+ l2 ]* l% `
  六、用指针工具按住Shift键把圆和文字同时选中,使用菜单命令Modify->Mask->Group as Mask。并把这个MASK层拖到如下图所示的位置,和黄色的文字稍微错开些距离。
0 t% L# s" t9 E7 n

; P" J4 T4 Z- u$ i; v- o9 W/ ~  ^0 C8 k4 H# y( h7 w

9 |9 A& \5 D$ U& z2 y% b, A

/ |; g% a9 l1 l# r" Q- o, k  七、选择Layers面板,点击下图用红笔所圈出来的地方,让这块白色的链接符号消失掉。这样做的目的是使遮照和文字取消关连。等会会派上很大的用处哦。这时用鼠标点击Layer2层的遮照的圆形,也就是刚才取消掉的白色链接符号的前面一部分。
; j! y6 ^( j; H
" s2 ]- K% V. [1 ~

; L" v5 D& ?' f, ~$ O
5 J" @7 J/ x  \# l3 H* w7 a7 c: t

本版积分规则

精彩图文

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