|
前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用Fireworks MX也学着做了一个,下面就来简单地介绍一下制作过程。1 X- j! b4 q3 |: K

5 t! z3 X3 D& {1 J" Y { 操作步骤: 1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变。 2. 在工具栏中选择圆形工具,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示。 , `! J/ p; t8 J# e$ R& E1 q3 \4 y

/ c# [( ^" t2 i9 F2 Z: k 3. 利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变属性如下图所示。
% z6 \0 z) N! z! p
3 b1 o) O) i+ R7 c9 K/ b$ O 利用选择工具,选择椭圆,改变填充方向,最终如图所示,改变不透明度为70,混合模式为屏幕。
0 z, j( L, h9 T+ J( ^ ; o9 k* u5 o( ?8 L* D
% b) _) A; u+ d3 ]8 r- Z

" u' R4 Y2 p% l& e0 ^ 4. 再次利用圆形工具,在场景中绘制一个宽为107,高为71的椭圆,填充色渐变属性和方向如下图所示,不透明度为100,混合模式为屏幕。6 r% f, {/ I) q l; J
. Q; U9 L9 f4 I3 x* [. q- O9 o( m. ~, X, r
2 s8 g( d. Q0 w

' `, F$ n9 p( i1 n4 c 5. 绘制一个宽为79,高为54的椭圆,填充属性为实心,颜色为黑色。 6. 绘制一个直径为52,填充属性为实心,颜色为黑色的正圆。 7. 绘制一个宽为43,高为67的椭圆,颜色为黄色#FFFF00。 8. 绘制一个直径为42,颜色为黄色#FFFF00的正圆。 9. 绘制一个宽为20,高为36,颜色为黑色的椭圆。 10. 绘制一个宽为12,高为24,颜色为黑色的椭圆。 11. 绘制一个直径为12的正圆,颜色为白色。 注意在绘制这些图形的时候最好不要把顺序颠倒,以免带来一些不必要的麻烦。 12. 将第5,6步绘制的两个黑色圆圈拼接在一起,并调整在场景中的位置如图示 。
( J/ q$ E0 ?. \! p _6 X a 8 y, K' q( g R0 [( j
13. 调整第7,8,9,10,11步所绘制图形间的相对位置,并调整其在场景中的位置,最终如图示。
) \: a; g; p; V L' a
- S9 ~0 B( h! F: D# B 14. 在工具栏中选择圆角矩形工具,在场景中绘制一个宽为32,高为40 的圆角矩形,将矩形圆度调整为50,将填充属性改为线形,将渐变色调整如图示: e1 P& A; x c% {
, e- s4 m3 j% W* R1 G1 H
; `7 [# M U- i( L- I6 Q
$ ]6 U2 V' l- l. d. ?1 E# O7 m
其中第三个颜色为#CCCCCC,其它三个均为黑色,最终得到的图形如图示:
0 W8 M8 C0 M! G. `# u f1 Y- F
2 m: L" g7 P7 G! z- G7 v8 U- v 15. 利用圆形工具在场景中绘制一个宽为32,高为14的椭圆,填充色为#CCCCCC,边缘填充为黑色。 16. 利用工具栏中的直线工具绘制一条高为35的直线,为填充色改为#999933,粗细大小为8。
' G+ Z! ~' m8 i' g! L6 o
# P3 { R) H- h& h" w7 X5 K 17. 利用工具栏中的自由变形工具选择刚才绘制的直线,将其变形成如图示的形状:
0 G. x, W) j2 z8 P! r5 Q6 f
" M, i3 n2 ~9 f 18. 选择前面三步绘制的图形拼接在一起,旋转大概45度左右,最终如图示
' u# R9 W& I( r& V" x! k
s, Q8 `4 ^* w& ` 19. 绘制一个宽为84,高为32的椭圆,将颜色改为#666666,不透明值为80,将其拖至最后一层:
, [ M9 A- P4 q1 `. E 4 }9 ?# {/ \8 t' T
20. 绘制一个宽为156,高为36,颜色为#CCCCCC的椭圆,将其拖至最后一层。 21. 选择第18步的三个图形复制一次,并将其填充颜色全部改为#CCCCCC,经过变形操作以后得到引线和导管的影子,将其也拖到最后一层。 22. 调整好前面三步得到的图形的位置,按下Ctrl+Shift+X,弹出预览对话框,将其格式改为JPEG,品质为100,然后导出,最终得到这样一个可爱的炸弹图标:
9 }! n* b; ^0 Y# G |
|