好享来中文社区 » PhotoShop 学府 » PhotoShop制作超精美Vista水晶样式的MSN头像PS图文教程

高飞 发表于 2007-11-7 16:52

PhotoShop制作超精美Vista水晶样式的MSN头像PS图文教程

该文章的原创作者是[color=#0000ff]justin_h[/color]，此篇教程只是转载，版权归作者所有。
W"[4CR#R
'or&LC7x5xa [align=center]先看看效果图:.H"W!P-kiy't'T
[img]http://photo5.yupoo.com/20071005/111945_1969905558_kmwtqlvo.jpg[/img]
ZtX2u| A"lh
h}~8y8P [color=Red][b]这是我的作业：详情见四楼，并附了制作时的源文件供大家参考。[/b][/color]&p@*^&Z.OYe
#jC;P
n#D9W
[img]http://bbs.hxloo.cn/pic/gaofei/%D1%A7%CF%B0%D7%F7%D2%B5/zuoye2.jpg[/img](e/\gP6L{L%e

i%WOG-zY5C 一、新建130x130文档,72px
+d%R,v d JO8r2n8s 二、新建画一个圆制作头部，填充颜色#78B00A；如下图
[EtP0_A*I:Xt [img]http://photo5.yupoo.com/20071005/120855_134407046_rbaibkpc.jpg[/img]~;{C4H]yQH |SG$e3P

C+U8EJ/FiH.{ 三、复制第一部的层,ctrl+t 自由变换，高度和宽度设为95%；设置渐变颜色，如下图：@ k B2hnBa6M k3j
[img]http://photo5.yupoo.com/20071005/111957_1033379624_jkvnxwyz.jpg[/img]{M`"D?3t,P

(|DQ$B%aP^.N 再设置图层样式；如下图：e
U7zUw/R,PM
[img]http://photo5.yupoo.com/20071005/112002_1384833757_tfrnzveh.jpg[/img]
P7ai*ci7qW
p#JV4p'w]3Q'G 拉个径向渐变，如下图：
A7~8Ro8b l#S [img]http://photo11.yupoo.com/20071005/112004_700510281_jptgtsdo.jpg[/img]|0F@9u;J"w)fD r
}&Ok:b5J-S
四、新建一层，用钢笔勾画出如下图:6Jn7ut?NVc
[img]http://photo11.yupoo.com/20071005/112004_1545813192_bdrzjvtz.jpg[/img]
!d7@'|9j"U?r
%hu6w]4?*a 设置渐变颜色，k `z?[jG
[img]http://photo5.yupoo.com/20071005/112004_2003421420_whvakpwr.jpg[/img]rW_a)j-J,I
0\#Fm-`
[s
渐变填充，如下图；
R%}kRP6`7nX8l [img]http://photo5.yupoo.com/20071005/112004_1638737688_zhefttjn.jpg[/img]wpxS}5S

-b'{M+_[?(L["H 五、新建一层，继续用钢笔勾画轮廓，做出高光；如下图：
$_^4Y-p-kt5Z'Sb [img]http://photo5.yupoo.com/20071005/112005_695480032_rydxbeuz.jpg[/img]yH6K%{#M&rm
h

%Y3x*?4S O sCT ['Ng 设置渐变颜色，如下图：
CsX!oOJP [img]http://photo11.yupoo.com/20071005/121236_571848619_jtijhrwv.jpg[/img]
+llQK0b$v 8x"bd0g
ioq
然后填充，
&Z-@8Y9i;j$p[ [img]http://photo11.yupoo.com/20071005/111946_757031488_dniguiaw.jpg[/img]
yi3C1}D1B@z'@'Y -jOea}3z7g
六、新建一层，用钢笔勾画，如下图：/c2To!`'j:o6fr|
[img]http://photo11.yupoo.com/20071005/111946_1382282653_rqwjunjd.jpg[/img]o1]rlC Y
f
.pm KD x E3y6d
设置渐变颜色；ZV Uy ~GR
[img]http://photo5.yupoo.com/20071005/111947_2065252663_izrvhlmm.jpg[/img]us}*b8t!E|p

+z$DTS+R 拉个如下图的渐变；q;C(H|v$^,Gb
[img]http://photo11.yupoo.com/20071005/111948_2009000572_qmzcekxn.jpg[/img]
:cB2T@/Z 8olCxe"L
七、新建一层，做反射光，[size=1pt][color=white]www.x-force.cn[/color][/size]做出如下图效果；:D$t AgPj.\
[img]http://photo11.yupoo.com/20071005/111947_1970740980_wmewyagr.jpg[/img]3h.w%GRdm]U/]
j

6{4?}4i8j(_].v%@ [img]http://photo5.yupoo.com/20071005/111948_1098837170_csukcavi.jpg[/img]

u&bj!d@K`+y 3sD8]/u,kZH/u$Y
八、制作体部，回到最底部新建一层，钢笔勾画轮廓；
D3bC!t#PA^-e,a)vk [img]http://photo11.yupoo.com/20071005/111949_131678537_eubamvkg.jpg[/img]
s4tm,\e`2Q/S9V ,@c1L-GNw
填充颜色；（不要取消选区）

_m*J1Vs0`8N3KX [img]http://photo11.yupoo.com/20071005/111949_1267539882_xsnfrohz.jpg[/img]
h
{E#}5wAR4TY0c F:B Z*r%u@V&z E
九、新建一层，选择-》收缩1px；然后填充如下图颜色；~!S(hGO2J9m-ZWx'y4G
[img]http://photo11.yupoo.com/20071005/111950_1778135695_oqrsxona.jpg[/img]C\*s
eHq b&G

k3bzw$Dd 十、新建一层，按ctrl+g 与下层组合，用钢笔画出如下图，ctrl+enter转为选区；然后羽化5px;再填充颜色，不要取消选区，
R5ixNl$T^7o 如下图：
9I:K4T#H#E(sfZtt [img]http://photo11.yupoo.com/20071005/111950_2144314361_agrwrlxm.jpg[/img]
_-~4l%v&KQr$B
.l:[?$mhf1|0Ed 十一、新建一层，ctrl+g 与下层组合，选择-》收缩2px;设置渐变颜色；0{.ls/jR^Y
[img]http://photo11.yupoo.com/20071005/111952_650840320_natekyvo.jpg[/img]
]YCW4]4z
G&}eu+[`5\ 拉出如下图：
&D7elfFHeh [img]http://photo11.yupoo.com/20071005/111952_1430264567_shvvlibb.jpg[/img]cfD7u$?8u:U

4rq4v1yY(V#hZ6w_ 十二、新建一层，用钢笔勾画出如下图效果；
9J!BKBJH [img]http://photo11.yupoo.com/20071005/111953_1920721212_doghtxki.jpg[/img]F#X;d-x.c"y:w

5b[;`@ bJ0`+fx@r 然后转为选区，调整渐变颜色，拉出如下图效果：
N/{I1yQ1Nb\V [img]http://photo5.yupoo.com/20071005/111953_1025587464_kzjbmguw.jpg[/img]
;ykClld} }ps5aE
十三、新建一层，继续用钢笔勾画如下图，
Li5G(Zox [img]http://photo11.yupoo.com/20071005/111954_1309114507_sokertxr.jpg[/img]
C;`]&AM |&`"k?5z Y9{D*j!X4D
转为选区，拉出如下图效果；
nE
}v1pB [img]http://photo5.yupoo.com/20071005/111954_1751586126_mvrgdzcd.jpg[/img]
!G3z'Q(A'E 7qye ny G*`B;ed
十四、做出如下头部的反射光，稍微调整；如下图：
(K$?1`8?.IV/S [img]http://photo5.yupoo.com/20071005/111955_1503332479_ldrfpsme.jpg[/img].cDU_z nN
4CT9Y iX8\(Y
十五、钢笔勾画出手部，如下图：/XM
Qo kAm/F,G$i }e
[img]http://photo5.yupoo.com/20071005/111955_677736077_mxwsbuez.jpg[/img]
u5eW*?"WBWu9S
$^9x }^IN:f}L$G 转为选区，填充颜色（不要取消选区），如下图：
0T.kp1zI [img]http://photo5.yupoo.com/20071005/111956_215747206_rajevzoz.jpg[/img] Wz8T$@
u"q8x

{/Fzo,l$DN0JP 收缩1px，新建一层，再填充黄色，如下图： R;Cq5~0P2T}#V
[img]http://photo11.yupoo.com/20071005/111957_858472769_ghfrodgb.jpg[/img]
:G
MfT'}]x`
"j'a$w%x
P8t SJO 十六、用涂抹、减淡、模糊工具做出如下图；
']H'j ]2x^7\v\!? B [img]http://photo11.yupoo.com/20071005/111957_1072034462_pwfhyigr.jpg[/img]
y0_tzQ"]"@:y ]/`+a"y*{e|ug7V,J
十七、新建一层，钢笔勾画如下图：~
XR1Fz5W/F
[img]http://photo5.yupoo.com/20071005/111958_709234171_vtcwhmbd.jpg[/img]
Sq1S)J:f [vi
r{ N)L+~x9eX5Zz[ 转为选区，做出如下图渐变；WE1f?%?G*ovB&s
[img]http://photo5.yupoo.com/20071005/111958_1563166482_gudbgzex.jpg[/img]
(f]$@Z7S"R D!r x;_4c bpXJ2A,j
再新建一层，选择-》收缩1px;径向渐变填充如下图颜色；
8|,Q
K:u {(|3Wpf:gMc [img]http://photo5.yupoo.com/20071005/111959_1448146038_sardypjh.jpg[/img]
-t F:Zv,^\(c)R tB-f)h']a*RM
在新建一层,用勾画并转为选区做出如下图的效果:Otztf,K+S O
[img]http://photo5.yupoo.com/20071005/111959_1428818579_ffwqzyfq.jpg[/img]6A!B'w9d1k1mrJ&Qs
P u[g,@!Z
十八、新建一层到图的最底层，用钢笔勾画如下图；QDY~0Q
[img]http://photo5.yupoo.com/20071005/112000_1364626535_gjmarlin.jpg[/img]
ef+X,Dk&ep
Us!t/i,^I.s8ga%YH 转为[color=#0000ff]选区[/color]，填充#78B00A；如下图：8g/Q1u)cq&[7q"uQ8O!y
[img]http://photo11.yupoo.com/20071005/112000_418933155_dqnyvjiz.jpg[/img]
jK*x8pr1L 1v!]Z fT.z#I(@
新建一层，选择-》收缩1px;填充#F0FC00； O R"Xo` @v
[img]http://photo5.yupoo.com/20071005/112001_2084008336_yuksruco.jpg[/img]
+M Z&kg;w_ "TO`5j.P@
新建一层，在选择-》收缩1px,设置渐变颜色，如下图：[size=1pt][color=white]www.x-force.cn[/color][/size]

R
D8eVy)X"n#\ fL/Ea [img]http://photo11.yupoo.com/20071005/112001_810380186_xxdbdkju.jpg[/img]
w`3_ |'y
l?-KY&z 拉个径向渐变，如下图；
xvoTu Ck [img]http://photo11.yupoo.com/20071005/112001_1222994785_ipduhmjt.jpg[/img]
9\$Fu{2o?#X h5P0lx5|-KZ!X
十九、阴影部分：s-}j"u{&D
d

.^1lH0a6c8i^S 画个椭圆，羽化5px;5W[X5c S9`o2t({8f
[img]http://photo11.yupoo.com/20071005/112002_1037146625_kdnbxdup.jpg[/img]
/fy%WM]t }5E3]
6@e$Ilws4P 然后设置渐变，如下图：(a'sAEFC u)lw
[img]http://photo5.yupoo.com/20071005/112003_1019023272_ttcbggcp.jpg[/img]
m8c8Z9I$w!cm
x:uo!AID?| 拉个径向渐变；
qC P!GN2{ b2f [img]http://photo5.yupoo.com/20071005/112003_2099731250_jgpronqp.jpg[/img]q&`+{:l
_h S2b c| g
&d,zs2h@-v1E6u:j~:{
好了，完成，最终效果如下：kAy+UI [_
[img]http://photo5.yupoo.com/20071005/123849_62378644_ppzhbzwm.jpg[/img][/align]

一雨知秋 发表于 2007-11-7 18:05

学习了  谢谢

一雨知秋 发表于 2007-11-7 18:05

学习了  谢谢

高飞 发表于 2007-11-7 20:29

这是我的作业：9]+p)}6_/f1L(D8b'Y

3v^'e'S)c%X [img]http://bbs.hxloo.cn/pic/gaofei/%D1%A7%CF%B0%D7%F7%D2%B5/zuoye.jpg[/img]
8{N3cq7IJ
_
N x8P6YC7K;`ay 制作出来以后，其它颜色可以通过复制，然后Ctrl+U 来改变整体颜色，以及变换大小，无须重做
`(I%lB R-I~I']
*c'G"N9Mi?S9H [img]http://bbs.hxloo.cn/pic/gaofei/%D1%A7%CF%B0%D7%F7%D2%B5/zuoye2.jpg[/img]9OCG+t9O1} m[
%Y7_-Pxz3U O
最后附上我制作的PSD源文件，希望能对大家有所帮助，里面包含此教程所有的钢笔路径，大家可以参考。
A5FpI/o-^"bvJ
e@3C-HW 希望大家都能动手来做，不要只是看，看不到东西，动手来做，才会学到东西，对于此教程，有任何不懂得地方请在这里跟贴，我会尽量帮助大家。

财神 发表于 2007-11-9 12:46

老高也是CG高手呀！我才从香港回北京，这几天没来学府，真是有点失职呀！还请诸位原谅！

高飞 发表于 2007-11-10 22:46

[quote]原帖由 [i]财神[/i] 于 2007-11-9 12:46 发表 [url=http://bbs.hxloo.cn/redirect.php?goto=findpost&pid=7473&ptid=1659][img]http://bbs.hxloo.cn/images/common/back.gif[/img][/url]
X!iBV:m8~"tY&M%Q*rl 老高也是CG高手呀！我才从香港回北京，这几天没来学府，真是有点失职呀！还请诸位原谅！ [/quote]s$K@kB
e.wwk+i _Y-C4}
高手实在是不敢当，也是在学习中。
Pc1\f.{r
dh!`3Iwq.g${?5Rc 工作是第一，这点大家都如此，也都理解，我这两天也是忙得不可开交，呵呵。

可迈卡 发表于 2007-11-17 00:00

呵呵……生活在于探索

小柒熙 发表于 2007-11-28 10:37

**** 作者被禁止或删除 内容自动屏蔽 ****

John 发表于 2007-12-18 18:50

支持一下，好东西

John 发表于 2007-12-18 19:08

无法下载啊！总是提示金钱问题。

tiege 发表于 2008-1-3 23:33

好东西,支持

查看完整版本: PhotoShop制作超精美Vista水晶样式的MSN头像PS图文教程