Illustrator绘制精致iTunes矢量图标3gds

　图标是UI(用户界面)设计领域的一个重要组成部分，本文以绘制iTunes图标为例，介绍如何使用Illustrator CS2中文版打造出精致的软件图标。其它版本的Illustrator在操作步骤上可能会略有差异。
ai源文件下载
# m- J8 d7 A; z( S
　　

6 A2 o- D7 Q! {' a% q3 W9 E$ k
7 H1 C( _" m: ]
3 E) u( z1 t( @) t+ a, x　　具体绘制步骤如下:
! i- Y# y! X5 F2 ?" F# Q　　1. 绘制基本形状
　　首先需要使用Illustrtor的矢量绘图工具(如椭圆工具、钢笔工具等)绘制出如图1所示的基本形状，或者找一幅现成的图标图片置入到Illustrator中，描摹出轮廓。
  l4 s' N$ \3 G& M) k2 q图1



. a+ b: F' a; I( g　　2. 绘制音符 　　制作一个平滑的椭圆。如图2所示，先绘制出3个基本形状，然后分别填充以由亮到暗的不同颜色，选择菜单命令“对象>混合>混合选项”，将“间距”设置为“指定的步数”，并将步数设置为128。选中3个对象后，按快捷键Ctrl + Alt + B或者执行菜单命令“对象>混合>建立”。
5 P) S7 R5 `8 ?图2

# e8 G3 c& Z* E9 n) b$ ]( k( e


9 u4 W9 s# y  z2 Q% ~　　反射光 　　绘制一个椭圆形，填充以黑白渐变色，确认黑色为全黑(C,M,Y,K=100)，将它拖动到图2所示椭圆的上方，并在“透明度”调板中将混合模式设置为“滤色”(如果使用的是英文版，则选择混合模式为screen，有些朋友在读网上的教程文章时“滤色”和Screen对不上号，这里顺便帮您解决一下这个问题)，如图3所示。
" y, X8 @/ A% I/ z4 C6 k% e8 o图3
  ^' p& h0 w8 t
# A( T% f# c3 x, a; ~7 X
, O9 L9 [& o, V

$ r- D; F- k4 I/ }. L1 E　　高光 　　绘制一个较长的垂直矩形，以及一个拉长的椭圆，填充为深浅不同的颜色，并使用上面用过的方法混合两个图形，选中混合后的图形，移动到音符的左边，再按住Alt键的同时将其复制到右边，如图4所示。
  V+ U+ {( M) e1 Y7 B图4
- d) p! R' j# o/ ^) ?9 ?- b
8 f) G) e6 n! _) u" O
& e/ Z  P' K( [  T- k" _* p6 }6 U: D
6 _0 M, ]0 V, y0 E9 j3 e1 |绘制一条路径，并填充以三色的渐变色，移动到如图5所示的位置。
图5
6 \6 E, @' z5 y" @& A1 o) \

& O8 {# b  d3 m
　　使用相同的混合方法绘制其它高光部分，同样要将颜色模式设置为“滤色”，如图6所示。
9 q# w/ Y: j: W0 m# u6 b/ C图6

. L6 l, N) W0 W. X: N# H$ e! @) v$ W

% \' p+ `' d1 F$ U: o　　3. 绘制CD 　　使用工具箱中的“渐变工具”填充CD图形，设置为白色到灰色的渐变色，如图7所示。
6 r* b. Q% i' Y. g* M图7
" ?4 X- b- i0 m- Q5 I. b# \


. f5 r% d0 U( j2 t7 y8 k1 ^4 T$ n3 Z
- W* G5 S0 p7 P) ?# P- q/ i　　彩虹渐变 　　绘制如图8左图所示的多个线条，并设置不同的描边颜色。确认第1条和最后1条为白色，因为这两条将要设置为透明。使用“混合工具”从左到右依次单击每个线条的边缘，制作出彩虹渐变，效果如图8右图所示。
图8


) S) x$ @+ C7 Q- H! m

2 k$ D: T! @, N1 P# E　　蒙版 　　使用CD图形蒙版上面制作出的彩虹渐变图形，方法是选中图形后，按快捷键Ctrl+7或执行菜单命令“对象>剪切蒙版>建立”。在“透明度”调板中将混合模式改为“正片叠底(Multiply)”，并将“不透明度”设置为26%，如图9所示。
: c% l$ E  M) `5 g( q图9

* `' H' q3 e5 {: _+ |% l( |

　　重复上面的步骤，制作另一个彩虹渐变，如图10所示。
( b/ q5 t$ D3 ]! A2 m9 T图10
6 n! \( @4 O  D, L8 |


　4. 绘制音符的倒影 　　绘制3个椭圆形，填充以不同的颜色，如图11左图所示，确认最外面的路径为白色，这将导致一个发光效果。选择所有3条路径，然后执行菜单命令“对象>混合>建立”，或者按快捷键Ctl+Alt+B。
图11


8 m( q3 M1 M# s! P) B
+ i' _$ s- K2 e, E) r! n" r; k! o　　将混合得到的图形拖动到左边音符的下方，将在“透明度”调板中将混合模式设置为“正片叠底”，“不透明度”设置为37%，如图12所示。按住Alt键的同时拖动该图形，将其复制到右侧音符的下方。这里可能需要修改音符倒影的排列顺序，方法是在图形上单击右键，从弹出的菜单中选择“排列>后移一层”。
图12

1 B/ R# ]. [0 F( F0 d


　　5. 绘制投影效果 　　最后一步是为CD图形应用投影效果。选中CD路径，然后执行菜单命令“效果>风格化>投影”，并在“投影”对话框应用如图13所示的设置。
4 B! _6 b6 r- L' J图13
+ E8 }  ^8 M- M8 @9 Q

6 D' x1 B; O- b% v7 A% W
0 X! v: r5 _; r2 n$ j% ]+ V+ n
　　最终效果 这就是最终的iTune图标
& a: w1 u; S+ k9 F! _/ ?" |
# m7 |6 v, a( l5 i+ v