Photoshop鼠绘金属边框按钮_photoshop鼠绘教程新中国展示论坛

[复制链接]
查看: 240|回复: 0
gggds 发表于 2009-12-7 21:15:48 | 显示全部楼层 |阅读模式
这篇教程主要像飞特网的朋友们介绍了Photoshop鼠绘金属边框按钮的过程,教程中用到渐变的效果较多,其实只要大家注意观察,注意思考的话,是可以做出很多效果的。希望教程对飞特网的朋友们有所帮助!交流讨论和我做的效果:http://bbs.fevte.com/viewthread.php?tid=5187&extra=page%3D1& [8 G7 [* i7 K; Q

5 Q: ~1 F# X  `最终效果1 j* g3 N  W; l! ?/ X' \' i/ G  G
) [. y$ v  j) [2 W9 `  @
2 v8 d$ w' s+ c' n

+ c) o$ d3 ?, w: t7 E! B: K) D
9 i- i; @/ K- j& ]6 k; h" P- ^5 ]3 K6 K' k5 ~# R5 v* \* F
1、将背景色填充为黑色。前景色设为 #0090ff ,用“形状工具”在画布中央画一个圆。
; b! K1 y5 X& t5 ~  N. O# y8 `( L! O7 T

8 x6 s4 p6 p, D% `6 T* e9 H: R8 H
0 t) n" v' K. h( n
  a; h& h3 x; {8 A/ f$ J, ~; p7 c* r4 m
2、对这个圆应用下面的图层属性: 6 N0 v9 I2 k/ [5 a& g7 d- i  x

( q# V& J% Y! W9 P' E: |" t
) Q2 ~7 k% R* L7 n+ I: i# d0 p2 T* X( z8 w

8 B4 Q5 i) J; o. ^0 c5 I1 C% l5 a/ S5 G( h; X
- I. N3 s$ V" Q/ o
+ B! u' M; f6 p% P% X/ @5 n: O4 c; l
3、最终,你得到这样的效果: 1 a1 ~4 x$ r* T# p8 a

( T* I+ ~7 B$ W  o% j* p% k+ x- @, o' T1 q. @2 W! \4 f. ]

; I8 ~( m: K1 n. N4、用“矩形”工具,画出下面的形状,确保矩形之间的间距是一样的; ( [" f" B# g) _/ {! I, }

+ b0 |5 y; @/ s2 Q' H+ r$ ]  N  D1 k* ]# |9 }% W
  U# J" s4 e( ]& T0 N2 ?4 F
5 o- R, I2 ?4 i* \/ |8 Z. M) y

7 u1 J+ U0 }% \9 s& k- a5、对这个矩形应用“滤镜->扭曲->球面化”。   a2 e( d' r% N8 Z' z: ]

! ]( @- o& t6 Y' v2 L2 H( U2 H$ J( {
  c, ]) p9 M4 M

% w6 `! F5 }! ?& N& x- v8 J+ P# a* b- \! L9 _5 o
6、在重复第五步2次。 8 K. _& e0 f& o

, e+ O6 A- c$ V
' Q# j. O! u! ^! u
9 Z* O, y: Q4 V+ U6 S 7、按CTRL + T,调整到合适的大小和位置,设置透明度为10%;
$ e% E6 a- P4 Y) p
3 b( {4 I* r4 |1 @4 |/ x! I
8 g" n4 S, Q/ F. R5 v+ I. z% [3 k: D4 L. r

! C7 f0 Z8 R& p# I& h0 u' w
# U, a6 Y+ i5 [1 u8、创建一个圆形选区,填充为白色,如下图所示; / j9 u) b/ |$ W9 G/ z: r7 e: S' T, c1 D

) d1 D3 A$ ~! v2 Z' ]
6 V$ g8 U: N" B9 Y( G7 g. R' z+ m9 R* \

, Z. g1 H0 h* r) i; N5 }" O& t4 z: D& u+ d
; f3 |$ C7 T3 ^' G8 C
$ ~; x" b7 T% C* {
9、对这个图层应用图层蒙版,将前景色背景色分别设为黑色和白色,选取线性渐变工具,从圆的底部拖向圆的中间偏上位置,这样圆的下半部就变成透明了,最后设置透明度为10%;   y! O( c+ {9 S) T1 v
2 k# F; [+ _# u3 c) G$ h% T

  h4 a& T/ ^& n1 l
% |$ v4 w0 l7 d 10、重复第9步,不过这个圆要比刚才那个要稍微大一些,位置也稍微偏下一点,透明度设为15%;
- @$ ^; l$ |0 N& Q7 C. o. w6 x  v5 O% k* _# V5 j" e

& K& ?" }7 j9 l( T5 o. \5 K/ e5 i* x& F4 R) D

% C, ?+ O; ^3 B3 v9 Y* Z
: D# J. Z/ `! ^3 ~11、复制第9步制作的那个圆,执行“垂直翻转”。
5 n8 _: E# @2 d2 H! }) N% c: p& Z
- G8 P% J. H7 v: d
+ @1 l/ T# j% M1 K: v
7 W* u6 Q" {3 }- [7 ^  e6 z/ k* ^5 d

6 Y7 E: h: [# ^. [& g2 r1 k12、新建一个图层,置于球的图层的下面,颜色选白色,创建一个比球更大的圆。
" m* l/ D3 t; t2 \. z; M. j2 [: i; E% ]8 S, m8 L

' D6 ?$ b* j' F, [. O! a0 s2 `$ p

7 k: b, Y1 q0 i8 l9 J! U2 g! @* [4 E& W
13、对这个圆应用下面的图层属性:
' S( D. t( A7 _& A4 i$ |. y  k$ L/ |' j6 Q6 W. K
& A7 n) |2 h4 w- R/ u; k1 m# F- q

  C/ K4 z# A) i: Q% A  _
' O0 `, }( z3 m* M) f9 X- j- u
* W7 C. X" p. X) T7 Q8 \14、最后,对这个圆执行“描边”,宽度为1px,颜色为白色,最终效果如下:
+ I, v' U$ K. S/ \( K' S2 T, Y0 ~) l, T% N
( [+ g: \9 ]) A8 N

本版积分规则

精彩图文

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