我爱电脑技术论坛's Archiver

炉火纯青 发表于 2008-4-4 00:03

用PS制作金属质感图标

最终效果图
*@+SZ7E)Wn ol AND-D[-uX
[attach]15515[/attach]1^q&^G,?:t

,| j!kihM [n 一、新建一个300x300象素的文档,填充黑色背景色。
e ^:L0M*X.gv)pu^ mdof   二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆形更为合适) 填充渐变;(不要取消选择) A-C)h@-W"V/DN

%D.om X[ig3m\ [attach]15516[/attach].R&?J/I"k6G

E@us,ImCJmr 9nr MeQy ]j6] h
三、复制形状那个图层,然后缩小到80%;拉个垂直黑白渐变;如下图:一、新建一个300x300象素的文档,填充黑色背景色。  `%bp\J${m@;K

7lH@:Wb [attach]15517[/attach]
gKh;mt7O N }R/M4eg1x`

8D:a){ S-L'X 四、复制第三步的图层,再然后缩小到90% ,填充颜色(#3E8111);如下图: #y$^p/hub

F%J DO.m2MdV,F
7v6P2A2UuE [attach]15518[/attach]:q9OZX-t~-n+\3no%Y

a*EmF1J B:v
Kx#@N2e$`2b D"d*b:vR4k 五、再复制第四步的图层,再然后缩小到80-90% ;填充径向渐变;如下图:
1l6Y\~A(RL VM O{
_t%@8o:cw^Y [attach]15519[/attach]
7|8t+A;J@+U
*[c-SF8n#d:i 六、然后在上面做高光;如下图: F"K.xXC

Z!Ja Oc-i [attach]15520[/attach]
$g&gg sa L2w 七、复制第四步的图层,点选图层填充为白色,向上移动1-2象素,这样更有层次感;如下图: ie6U.M4mB'^J5_
*W Xon2Xh+F _2t
[attach]15521[/attach]9_/P)o!N$}X~

7H*D KY~{ 八、在上面再新建一层,做如图的效果: K]TMT!J?h&Y5k
6M1xxz!p4H6PX
[attach]15522[/attach]~wc Vt Ru

i(U ~7Y{R 九、然后回到第一层,再上面新建一层,按ctrl+G与下层组合起来,再用钢笔描出一个轮廓,如下图; k)}uf'V9i1MSuEL
[attach]15523[/attach]3r1}O!p$yc

OWX D2gp3U 十、然后ctrl+enter 选中填充白色,再设置图层样式,如下几图:
4k7w+Ph v o2_r j N I\Wx S

%f FE(PlN vZJ,`*` 1g]{5vo!O
[attach]15524[/attach] i7jD(p6DE.l LJy

6]%]kf#gq%U.x
hq lBwH%m n)S [attach]15525[/attach].n&N$GldT6uP-Z
[attach]15526[/attach]/rW7NJ/l4an

egT!^$Ejaj 十一、再新建一层于上,然后ctrl+G再与下层组合,用钢笔描出一个轮廓,再做渐变;如下图: `Z,ph{;pb5A
[attach]15527[/attach]
3{&Wq l5o0fq1Q
7DY6];JZe_{,? A,` L;s6Dq*Qk
十二、然后如此类推做出以下效果,如下图:(记住要新建一层再操作,方便修改)
3V7~/E-Sol!k9`G
IM\ eka ? [attach]15528[/attach]
7P\sx0[7Q
Z*d(C'X'?#Q/QW/dF4T.v 十三、为了更为有金属感,在第一层上用加深和减弱工具涂抹一下,效果更明显! XjK:JJ$R N
十四、最终效果如下:
t$vpAI$t_
I+R:stA:e] _ fEy|A$[
[attach]15529[/attach]
Ab I|zM7M R%f
;\"Ll d/F }P
$a{G u9|5Eq 高光部分步骤 "a5e7I'`dn@7x6L
  一、新建一层,用椭圆工具画出椭圆,填充白色,再用旋转工具放到适当的位置,如下图:Bn"v-Em)j3O%}
[attach]15530[/attach]
;vq\"Y7@M'aH(mX c*iW#LeUO3q
:^Bk0eN~@

M8asU!J-M:Y:l 二、再新建一层,用钢笔画出上部分的高光,如下图:  
,k(rduN [attach]15531[/attach]
*CgQ R f(R -C4FX"q2U0B5rH/v

e"]n3Fcu Ul(L5] 然后设置一下渐变
7D'\ y[`tY
0|(e:T8S&o"g-\%G [attach]15532[/attach]拉出如下的效果 @yY^F8d
X6GdH@|p)B``&E#Xw
$|@$m R!w8^(@rs

-hi ^ `4b+P 三、继续新建一层,用钢笔画出下半部分的高光,如下图:
Y[Tz~@tRn FEGr+w/ex3M
[attach]15533[/attach]
c[!L*v9Y z V {]vQ0e:Z
渐变设置跟前面一样,拉出如下效果: 3h([9[V,AM#g-x

;ICFr(HCkn+[ [attach]15534[/attach]#~~:Af u-AD4xP
四、继续新建一层,钢笔画出右面部分的高光,
:eVZ.O.r+T wq'P7Z5e9g [attach]15535[/attach]OW;`u:}t v`
$g"t.i:zIm wT nBu

Z$x:n.hi#u3K1o(z 渐变设置跟面前一样,拉出如下效果: +j Ko f0vLoY

!^4z y%d-i8L2H [attach]15536[/attach]` d,DiqWR K
,e ORqJ4D-k
五、继续新建一层,用椭圆工具画出比较小的椭圆,填充白色,旋转好位置,透明度设置为50%,效果如下:
L8F*z X7Y ih n D"e _|dz
[attach]15537[/attach]uih:k/G8J)j"M9I

EuE4n/ZJ 六、这样就差不多了,最终高光效果如下:
Mcv7qr;gni%E
3C)Ay/o8GiQn qXyM{u:X
[attach]15538[/attach]
Sm!z oL%g_"z-K 七、完成: S ~"J6s#}\

R { |1P3n3T
._R%k,q8C5} [attach]15539[/attach]
`w2u ~{ zkp'c [attach]15542[/attach]

页: [1]
   

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.