|
我们以这个妇女节为主题宣传动画表达衷心的祝福,愿全世界的女性都能够美丽自信、幸福美满。
6 c8 M- @, N! P! W: B) a5 J 在下面的例子中,我们通过具体的Fireworks的实例为即将到来的三八妇女节献上一个精美的礼物。我们首先使用Fireworks的矢量路径工具如矩形、笔触、路径等勾勒出一个卡通的女性形象。为了使得形象更加具有生动感,我们可以为图像添加一定的动画效果,从而制作出一个GIF动画,为三八增加一些趣味和色彩,同时我们能够对Fireworks的帧、动画等功能加以熟悉,在这里以妇女节为主题设计的一幅动画来表达我们衷心的祝福,愿全世界的女性都能够美丽自信、幸福美满。文章末尾提供原文件供大家下载参考。
& ~3 n6 @# V0 n; b. ~" m# e 1、首先在Fireworks中新建一个大小为400×400的画布,在这里我们将画布颜色自定义为红色,如图1所示。. Q; d7 j$ c6 Z% b: |% M4 v3 k
. `' y2 S/ X- G7 P+ r( o5 }2 I ! w5 L% H$ j# [! W1 S1 s
" `' j# y2 A0 U; q# p: }% }
图1 新建红色画布$ x8 U, o+ H- W1 v, g1 r6 d* F2 A+ W
2、在这里我们要绘制的是一个拥有迷人的脸蛋,卷曲的长发,丰满的身材的漂亮女人。首先来绘制圆圆的脸蛋,只要绘制一个椭圆,使用钢笔工具增加一些锚点,然后用部分选定工具对锚点进行形状调整就可以了,由于脸蛋的很大一部分都要被头发挡住,对其形状的要求可以放低。设置填充颜色为#FFEEDA,笔触颜色为黑色,柔化圆形,大小为2,如图2所示。# k! ` r1 a; ~/ K3 W6 V
4 r) B. s7 D7 c4 ~5 F
* o9 }+ j8 V+ J! h4 {$ f
7 d1 E6 B {5 h: t6 d7 m
图2 绘制圆圆的脸蛋
/ }- ]+ n' E- O7 A- r$ @3 A! ^ 3、脸蛋画好了,就要绘制弯弯曲曲的长发了,因为有着一头卷曲长发的女人最为动人,但同时卷发的绘制会相对复杂一些,使用前面的方法对绘制的各种形状(可以根据需要自由选择圆形、矩形中的一种进行初步绘制)进行自由变形,从而勾勒出头发的基本形状,如图3所示。& j% m1 s, {' u4 J. d
7 {- H, p' t4 G( A' P% k2 r3 z # k- q" @" k7 Z. y1 v
1 `. W9 s# ~" l
图3 绘制卷曲头发的轮廓( q0 S- Y% V% S5 i* E# w
4、为了让头发有高光的效果,从而显得更加有层次,我们可以在这个基础上添加一些曲线和较深一点的颜色,其中较深颜色的区域也是由矩形或者椭圆等规则形状进行变化得到的,最终得到如图4所示的效果。# q* c$ K; X! p
5 n1 o7 J$ v" n% ?1 N

: x2 h8 P* R4 s# p
6 e8 v: I& [3 T! J 图4 给头发添加卷曲和高光效果9 E! m2 w5 \/ ~3 }8 P( u
5、接下来我们给她添加上美丽的眼睛和小巧的嘴巴,三个月牙形和几条曲线,就能够很好的勾勒出女性恬静美丽的五官,如图5所示。
; ~) C* v3 p/ u3 ?) J8 I* p- d) r5 Y I7 S$ e7 f& ~' N. D
) g4 v4 `+ V7 ` h+ X# `
1 s; r W- I( v& y' b, X
图5 添加眼睛和嘴巴
# a# |3 G& B z }( B) y* b4 ^ 6、这样美丽女性的头部就全部画好了,接下来要绘制的是她的身子,只需要绘制一段露在外面的脖子和手臂就可以了,在这里为了表现女性的妩媚和追求浪漫的本性,我们将她的上衣颜色设置为紫罗兰色,如图6所示。5 R1 o! S5 w4 |& S. Q/ n0 A
# T% D) Q8 }0 E1 j4 O. f

( | E( X: _# X& a+ C: i' K7 R, X# v1 h: m0 ]5 S5 i/ p' c7 M
图6 绘制女性的身体
# g. `) B) s* y/ @% g5 { 7、这样一位美丽而又不失含蓄的现代女性就绘制好了,由于女性大多都有着母性的光辉,她们不停的向身边的人挥洒爱心,在这个漂亮女人的背后,我们绘制两颗爱心,用两种不同的粉色进行填充,为了得到一种发光的朦胧效果,我们可以在心的周围添加发光,使用Fireworks属性面板中的效果菜单为对象添加发光效果即可,从而得到如图7所示的图像。, H$ [' c/ |8 n. N( r! D
& n5 [( n3 X$ t3 [' @% }0 Q
5 @5 B2 i5 ]7 M E7 V! o4 e5 I5 U7 o3 r% N& j/ E2 h
图7 绘制心形3 g, M# Q9 y1 i7 H. [ p3 c& P
8、我们一般认为有爱心的女性是最最美丽的,女性因为她们的奉献精神而得到人们的赞扬,在这个特殊的属于女性的节日里,我们为了表达对女性的尊重,将画面题字为“有爱的女人最美丽”,如图8所示。- C$ k" Z/ q9 Q7 ]6 X0 m
W! {, b, Y0 |- `" ~

6 t+ v) [2 E _- D9 J! ]
7 \" M$ U" z0 H 图8 为图片添加文字
0 Z) o% i" o. e8 p1 n5 [ " l- l: P H" J* ^$ {
9、为了让图画更加生动,接下来我们增加一点动画的效果。首先,单击【窗口】选择【帧】面板,可以弹出【帧】面板,如图9所示。
7 ~( b1 v$ K1 S* T2 a" K
! m! q: y( ~! O: L9 \* _
+ y1 I$ k3 o% I: q" K. E9 \) S9 ^0 F* i* |; x
图9 【帧】面板
& N( j( _0 C8 _# O 10、单击【帧】面板右上角处的小黑三角,出现弹出菜单,选择【重置帧】这个选项,如图10所示。
8 p# P0 p6 S- q: y* @; j' C6 K
% [ w# M, h; c/ B. [% @ 8 x' z2 T9 `% u) u) m
2 ^1 Z, f6 M3 k9 X
图10 选择重置帧, e- F# u) j" E9 n" f+ _* r2 [
11、选择以后就会出现一个对话框,要求输入帧的数量以及确定帧的位置,我们选择添加1帧,并且插入在当前帧之后,如图11所示。
1 B, E% B+ n9 k6 y
9 v8 j2 k0 Z' e3 s) b d, z- q2 h 8 f: ?8 i& i$ E6 u1 I4 ^7 f
! f @) h0 D" e; \, V
图11 重置帧对话框
/ w4 Q$ T% D8 h( A0 X: ~; t* ? 12、点击确定之后,原先的帧面板上就发生了变化,新增加了一个帧,如图12所示。 F7 c; }' _6 l1 l7 ]
& N* U `" ~: N# ~1 w% R
9 m5 O2 \* _2 Q) S5 O
+ C, t5 X' z8 F3 g
图12 变化的帧面板 13、而在原来图像的下方状态栏上,也出现了相应的变化,下面的数字由1变成了2,虽然我们所看到的图像没有什么变化,但实际上已经是另外一个与前一个帧画面相同的画面了,如图13所示。7 S9 ?* O7 [1 F& |8 v% i
6 c# a4 ]$ m! P' P' e8 P
7 l6 }. b# f/ T8 Y
+ ^& D) a; j( w( d! {0 q1 F4 p 图13 建立新帧的图像
6 l: T& N p$ Y3 \$ f% P 14、在这个新的画面上,我们可以对原先的图画做一些改动,例如将心形的内外层颜色对换,将数字3。8以及文字“属于你的节日”都更换一种不同你的颜色,将原先的“有爱的女人最美丽”的标语,改成“温柔的女人最可爱”,为了表现的更加生动,我们还可以在美丽女人的腮上增加两朵红晕,为了使红晕更加自然,可以通过对圆形进行羽化来实现,经过以上的这些修改,我们就会发现一幅不同于上一幅的新画面,如图14所示。
& H5 p) i* a( I7 S& D6 F! _9 `& t" y: K# c1 R* J
( }, u. n8 a( z+ B
3 Q: a; d. I) k$ T" x- @ 图14 在新的帧里进行变化后的图像& Z5 R! W% {3 u: N! t/ l+ A3 }
15、对图像修改完以后,按住Shift键将帧面板中的帧1帧2选中,双击鼠标,出现帧延时的时间设置,我们将时间设为150/100秒,如图15所示。0 y* p: e( a, T3 x5 y L+ u0 X! U4 f8 U
6 n2 {' {$ z0 Y0 h2 A

8 l) p6 {( B; ?. l; h
0 e2 }+ z/ j" }' Z6 q 图15 设置帧延时的时间
6 {$ s) S0 F4 ^3 g1 @$ M$ d/ B0 R 16、点击画面下边状态栏中的播放按钮,就可以对动画效果进行预览,满意以后就可以将图片导出了,由于文件中包含动画,我们不能简单的保存,单击文件,选择导出向导,会出现关于处理帧的对话框,在这里我们选择GIF动画,如图16所示。6 T- j. a( S, H: K- L0 }
4 a3 R6 O' f, I& V* W
/ [+ W9 _$ m s$ ~2 I
- P4 m* N8 R' O" T 图16 导出向导对话框% C6 s8 p8 k# u f7 V( [
+ W! r: V& P# a. i+ x3 a& r. b
17、选择【继续】以后,可以出现【图像预览】的对话框,在这里我们还可以对动画效果进行预览,如图17所示。, s+ ]# C7 ^7 k+ A( Z( d
" J! I3 \1 Y5 O7 N5 m! h$ u U

$ |0 T9 h% l2 p1 }
1 ^5 ]+ j! i" c% i$ x% ? 图17 导出预览
9 |9 ?& V; t5 X9 x, h 18、选择导出就可以将动画保存成GIF文件了,我们来看一下导出后的效果,如图18所示。
, Y$ D, B9 v" Q! I# X' v5 O
, ^, ?' v& g9 K, r: W, S% z, q9 k # }/ b+ z5 q4 @ {! [
?1 v3 y8 z. C) r) _8 [: j
图18 到处后的动画效果$ Y4 w6 H6 E( O" P( a S
小结:本例中我们用Fireworks设计了一幅以三八妇女节为主题的女性宣传画,并适当增加了一些简单的动画效果,相信大家一定会对这个美丽温柔的女性留下深刻的印象的。在绘制过程中,主要用到了直线和椭圆工具,并对这些工具所绘制的路径进行了各种自由变形,从而得到较好的视觉效果。在对头发的处理上最为复杂,我们可以对一条条直线进行任意变形以及在适当的位置添加较深的颜色从而达到一种立体的高光效果,这在处理其他图形时也是经常用到的。而在设计好的图像上添加一点小动画,就会使原本平凡无奇的画面瞬间变得生动起来,对于动画的设计,只要掌握了基本的方法,我们就可以根据自己表达主题的需要而尽情发挥,可以添加两个甚至更多的帧来实现变幻无穷的视觉效果,这些都需要读者朋友们在创作的过程中去体会。 |
|