Illustrator10绘制苹果风格的按纽3gds

[复制链接]
查看: 269|回复: 0
gggds 发表于 2009-12-5 04:33:31 | 显示全部楼层 |阅读模式
用Photoshop可以制作各种各样漂亮的按钮,其实它的姊妹软件Illustrator拥有强大的渐变和透明功能,也可以制作漂亮的按钮。   下面我介绍用Illustrator10制作有苹果网站风格的按钮。   主要用到渐变、色彩、图层模式、阴影滤镜等工具。
  V! T! {* F0 Q/ I7 S2 R( J" |" P. b! b! a1 S8 `0 |

: m8 e. t* V; n9 _& K  D
5 s* C. \# v5 `8 e; H  选择菜单文件>新建,新建一个文件。 . ]1 E& f2 O9 H2 R% o* L4 O
. b$ V# p" @# u5 W" `
5 b7 A8 {! b7 b2 e
* z- n  X# r! q
  因为制作的是矢量图,如果不用于打印,文件大小无所谓。   在工具面板中选择矩形工具,按住不放,直到出现一个工具条,选择圆角矩形工具,在文档中点击鼠标左键,弹出一个对话框,做如下设置。 " D1 r1 m' G, q3 Y8 I

  @  z2 n8 P3 j, p$ h* f, u6 r" c( J8 M$ w  _

" e+ V- x& W* \# M8 Z0 y  点击确定后,会出现一个圆角矩形,在外观面板中选择笔画,在颜色面板中设置笔画的颜色为:R:115,G:115,B:115,在外观面板中选择填充,在工具条底部选择填充类型为渐变,在渐变面板中作如下设置:
8 G3 A9 t" i6 y. o" C3 I3 {7 j7 X
) w0 e" G% `- k/ l* b: X( W
. ]3 K+ P$ X4 F6 o) t) y
8 @- A' E- ^) q4 |6 d& m) F 此时,得到的结果应该如下所示: # R  O0 T; `5 n+ l4 {

/ M! [4 G& y7 J! F: w: M( `: i$ h; t  Q7 ^' r1 Y

  L( T( v: u' a  选中该对象,执行菜单:滤镜〉风格化〉投影...,在弹出的对话框中作如下设置: ) a" }+ b" R! D" l* z* V

% \3 t; K* A3 @: ?; ~7 l+ Z/ W$ F- S

0 H6 C1 Z' Q7 N  L4 t  执行滤镜效果后,结果如下:
8 b. J$ ~# ], Y- H" S8 m* a$ L- O9 v+ o+ m3 P; g8 }( U

( a& ~3 ?! V+ g3 ], n8 M
( Z) y0 N7 \6 _& l  点击图层面板底部的新建图层按钮,新建一个图层。然后选择矩形工具,画一个和上面的圆角矩形相同宽度,高度约为圆角矩形一半(W:90mm,H:11mm)的矩形,笔画为无,填充颜色白色,位置和圆角矩形上半部重合。然后定位到透明面板,把混合方式改为亮度,不透明度69%。 % [9 t& }% j0 L* V& Z' Y) I

1 }0 s% V" |2 i8 m8 b" Q3 }& N  I, W4 y- N
3 @% c9 h8 G9 m8 d% f' P' ~% B5 Z
  此时,透明按钮的效果已经出来了。
; t  L. F+ \, G' p1 e" x) c9 g' n9 G7 L  J% o3 q* \1 t
8 Y; @* Y" W) S8 @+ m5 W3 T

, M4 \+ T) g; ]. f" |3 _* q; x0 j  下面只要加入文字就可以了,新建一层,用横排文字工具输入文字Quick Time,字体选择Arial,字号45pt。给文字也应该加上一点投影,执行菜单:滤镜〉风格化〉投影...,用刚才的设置就可以了,这个按钮就做好了。 % k$ K( t- ]+ G4 l! A4 f! E' P  f
* b: {7 E; p8 z
# z- G9 I1 ?) h

本版积分规则

精彩图文

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