一个颇有创意的遮罩动画

[复制链接]
查看: 338|回复: 0
gggds 发表于 2009-12-27 13:06:32 | 显示全部楼层 |阅读模式
0 F/ y- ~- H) T2 r  B5 k4 h8 k: o
 
6 v6 F+ g  y) n) N+ d& F$ f, O
, N* }, ?, ]- R( ]9 M+ W本实例用到的一些基本操作:熟练使用钢笔工具和熟悉帧(Frames)面板、羽化填充(Feather)、遮罩(Mask)。本例是使用遮罩效果做的动画,对遮罩层制作是本例的关键。制作遮罩层有两种思路:1.将人物脸部精确的抠出来,转成灰度图像,然后使用反色(MX中无需反色)。(用这种方法做的效果可能是最好的,能够以人物面部的明暗影响滚动的文字,使文字若隐若现,但完全在Fireworks中做是比较困难的,尤其是在抠图上最好能借助Pototshop,以达到最完美的效果)2.使用圆形工具和钢笔工具绘制出脸部的大概轮廓,使用羽化填充制作遮罩层。在这里我们用的是第二种思路,很容易制作出上图的效果。至于第一种思路以后我会发上来的,有兴趣的朋友也可自行试试。step1: 打开一幅人物图片如图1。最好选择脸部较大、轮廓较明显的图片,这样更有助于完成这个效果。点击层面板上的小三角形,选择“Share This Layer”,将该层设置为共享层。
# W0 o6 }, o# n) i$ ~7 f3 {" _/ N2 R) ]3 T
step2:新建一层,选择圆形工具,去掉填充色,只要边线的颜色,托出一个近似于脸部的椭圆,然后用钢笔工具(钢笔工具的具体使用我就不多说了,如有的朋友还不太熟悉,这里有详细的讲解http://www.fwcn.com/bbs/showthread.php?),在椭圆上相对于脸部不规则地方添加几个控制点,调整如图。在这一步中尽量放大图像,这样有助于做出比较精确的遮罩层。
8 K+ M* P2 _; `6 `, P9 l- \! F7 U- a3 n  o' j; I
step3: 选择上一步绘制好的路径,使用羽化填充,并且去掉边线。. s' R" J5 J! B; M  P1 K

$ A% I  E! k& r" m  a注意一定要用黑色填充(在MX下用白色填充),遮罩层的最终效果如图所示:) V' a2 b7 s( }/ U, o! |2 ?
& S5 U- a1 x( B6 Q
step4:用文字工具输入一些文字如图。% I0 \& V) g' ?" D1 l% \' a. [
  `! O! g  S: T6 n2 P7 ]) s
然后选择该文字,按F8键,将其转化为符号,在弹出的对话框中选择Graphic,至于名字就不管了,还是叫它Symbol 1吧。$ j2 V* y) y' }' [. l) {5 Z

" _7 h6 X( V* }* ]7 _step5: 从Library面板中托出两个Symbol 1,排列成如图一样的位置。注意两个Symbol 1之间结合最好和谐融洽一点,这样在做动画时就会比较流畅。) ?7 a) ~+ ?1 k# }) u

- B' u/ O2 @/ ~- v5 j6 Estep6: 同时选择两个Symbol 1,执行“Modify/Animate/Animate Selection”命令(快捷键Alt+Shift+F8),弹出如图的对话框。将Frames参数调为8,点击OK,两个Symbol 1成为了一个整体。这是察看帧面板,会自动产生8帧的动画。% P2 {% O7 D- [9 o4 s

  V" I5 M9 s' u( x5 l: A& k7 c( v $ ]6 q2 d' k8 F, x" E( R' P
. f. ~9 n0 K; _& k; Y2 [
step7: 选择前面绘制的遮罩层,在层面板中调整成顶层,然后同时选择遮罩层和Symbol,执行“Modify/Mask/Group as Mask”命令,这时的整个图层如图所示。+ q+ }$ ?& L4 X4 w/ K5 C: |

* V2 d" i, l- l# i1 Sstep8: 现在基本工作已完成了,最后在输出时选择“Animated Gif”格式就OK了。看完本例后,赶快扩展你的想像空间吧,用简单的技术做出更有创意的动画,如前面的眼睛图……PNG源文件:
. _+ e: K1 q3 e5 n, I, W

本版积分规则

精彩图文

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