超酷图标教你做

[复制链接]
查看: 251|回复: 0
gggds 发表于 2009-12-27 12:53:33 | 显示全部楼层 |阅读模式
  前不久在网站上看到这么一个图标(如下图),一时间觉得这个炸弹造型酷酷的,立体感很强,非常可爱,现在我们利用Fireworks MX也学着做了一个,下面就来简单地介绍一下制作过程。
( h' v1 y# g/ o/ Q' \( p3 M2 z1 m, ?6 y
  操作步骤:  1. 打开Fireworks MX,按下Ctrl+N,新建一个文档,保持默认的宽度,高度,分辨率不变。  2. 在工具栏中选择圆形工具,按住shift键,在场景中央绘制一个直径为139的圆,将边缘屏蔽掉如下图所示。 : x8 e1 c% N9 G
. l1 P5 A) }) W/ n5 h8 l- t1 L
  3. 利用圆形工具,在场景中绘制一个宽为99,高为72的椭圆,将填充色属性改为线形,渐变属性如下图所示。
% D9 k8 V6 ]4 \( [+ {
" O# v, U7 N6 E2 G  利用选择工具,选择椭圆,改变填充方向,最终如图所示,改变不透明度为70,混合模式为屏幕。
; z! |2 j1 X1 ^, v
6 E! |0 o2 f; H 
" L! E. x2 k5 Q* C& p) e5 H  N! g2 x
+ [$ D% x+ i% k/ X! E4 Q4 @8 y  4. 再次利用圆形工具,在场景中绘制一个宽为107,高为71的椭圆,填充色渐变属性和方向如下图所示,不透明度为100,混合模式为屏幕。
1 E  Z3 L% J2 x: _3 H
! O# K; Z) v: [5 b5 t; `% ~: y3 a9 U 
; p  W+ t6 p# M
4 ?% z# L- b& F3 o$ G3 p  5. 绘制一个宽为79,高为54的椭圆,填充属性为实心,颜色为黑色。  6. 绘制一个直径为52,填充属性为实心,颜色为黑色的正圆。  7. 绘制一个宽为43,高为67的椭圆,颜色为黄色#FFFF00。  8. 绘制一个直径为42,颜色为黄色#FFFF00的正圆。  9. 绘制一个宽为20,高为36,颜色为黑色的椭圆。  10. 绘制一个宽为12,高为24,颜色为黑色的椭圆。  11. 绘制一个直径为12的正圆,颜色为白色。  注意在绘制这些图形的时候最好不要把顺序颠倒,以免带来一些不必要的麻烦。  12. 将第5,6步绘制的两个黑色圆圈拼接在一起,并调整在场景中的位置如图示 。
: `/ |  v6 E/ O7 h( r
  v, ]: ]: x# t  13. 调整第7,8,9,10,11步所绘制图形间的相对位置,并调整其在场景中的位置,最终如图示。. [2 ]' n6 _1 Y( H+ T) o- V# ~& l  e$ h

) L8 {" {, A7 h- V  14. 在工具栏中选择圆角矩形工具,在场景中绘制一个宽为32,高为40 的圆角矩形,将矩形圆度调整为50,将填充属性改为线形,将渐变色调整如图示:
, C6 {# H7 x" Y6 I9 w) h7 \
8 z* u0 U. W5 u! _* z5 W/ ]" x 
& c+ X; \9 k0 D9 ^  B5 z) o& Z; r
  其中第三个颜色为#CCCCCC,其它三个均为黑色,最终得到的图形如图示:
( F: G1 N7 I/ T3 |: |9 ^- w" F5 y2 T/ T0 N% L3 x8 w$ i
  15. 利用圆形工具在场景中绘制一个宽为32,高为14的椭圆,填充色为#CCCCCC,边缘填充为黑色。  16. 利用工具栏中的直线工具绘制一条高为35的直线,为填充色改为#999933,粗细大小为8。6 R. @- S2 Z* j2 O8 e

0 z& r9 i- c* F% k6 g  17. 利用工具栏中的自由变形工具选择刚才绘制的直线,将其变形成如图示的形状:
  j8 M5 w! G6 c; _# F$ l# h7 F! q
( R' E4 W+ D8 K6 x  18. 选择前面三步绘制的图形拼接在一起,旋转大概45度左右,最终如图示2 `) O3 t+ F# N

. b- m* Y9 w/ d6 h  p5 p) c. l5 L  19. 绘制一个宽为84,高为32的椭圆,将颜色改为#666666,不透明值为80,将其拖至最后一层:. L4 p( b' A% z0 u8 l! ~" V+ P1 H

8 b+ E% e* e/ A2 P6 B% t) C  20. 绘制一个宽为156,高为36,颜色为#CCCCCC的椭圆,将其拖至最后一层。  21. 选择第18步的三个图形复制一次,并将其填充颜色全部改为#CCCCCC,经过变形操作以后得到引线和导管的影子,将其也拖到最后一层。  22. 调整好前面三步得到的图形的位置,按下Ctrl+Shift+X,弹出预览对话框,将其格式改为JPEG,品质为100,然后导出,最终得到这样一个可爱的炸弹图标:5 `, r" C* `4 {( v

本版积分规则

精彩图文

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