PS鼠绘超酷黑色质感按钮_photoshop鼠绘教程新中国展示论坛

[复制链接]
查看: 288|回复: 0
gggds 发表于 2009-12-7 21:16:44 | 显示全部楼层 |阅读模式
这篇教程向飞特网的朋友们介绍用PS鼠绘超酷黑色质感按钮,绘制过程难度一般,主要还是希望大家能够更熟练的掌握和运用PS。我们先来看看最终效果图:$ I( o6 y. A$ {  q) m) t2 l

" `# a9 }- c$ z( t: _+ a4 j: J) z/ y

& [7 C, m7 G; C7 _( l2 s7 i新建一个800*700px的文档,然后填充背景色为黑色+ s( Y1 P  x! X2 Y: y7 Z
4 w9 a! b% _; u' v/ x0 k
0 F& |( u9 l, C$ [* @: |! I

- Q5 _( o  W5 j0 W( w1、画一个正圆充黑色[图层1],外发光、渐变叠加,图层样式如图。
2 u! I  |, m% d, j+ M
, Q! C% V2 a" }4 Y/ F7 N! R+ B- i, j1 e: ~+ s
+ p) ]& o' ~' a5 k( u9 \9 W: q
" q, D3 C! }: w. O: l

+ n* }5 S% O9 f7 O9 S/ J# o! Z8 |$ Z

3 D2 ]: W) ?6 ^5 m) a  U3 \2 w( o$ Q: c0 S
9 K. C9 G. v& d$ R; U
- ]0 Q$ c# s) c+ `6 ?# @

9 n8 F$ W5 Q! @9 X1 T, ^% Y2、复制两个正圆[图层2、图层3],填充白色,先隐藏上面的白色正圆[图层3],将起下面的白色正圆[图层2]缩小1-2个象素,调整透明度为8%。
. N9 z4 W) y) o4 }1 w9 y* b6 B
  m7 ?  S- I% {) F# j& _. ~3 S$ T0 w" o, Q3 n( q
) I+ ~$ B8 y; ^# A4 I7 b2 D4 w8 a8 G

" [* u" ]/ E" [" o
, g* E: Z# W, K! ^: e9 @7 h" w
% O; \$ f( ~4 \/ l, h- }2 ~! B$ A9 A: F$ {$ v" o$ M* y

, z  q  u! e  m2 ~! u3、显示刚隐藏的正圆[图层3],用矩形选框工具画个方形,调整角度,羽化20,按delete删除,调整透明度为15%。
9 w$ ^: a+ o& o- p# ]
4 c! p3 g& _, t8 t: K9 I( {7 V
/ M( g& n4 m- U; z
  d' t0 j, ^% |/ u. ^1 L/ m" v4 a* c* c! Q2 ^
5 H' k% [" T% I
  I& c6 x1 t  t8 Z/ A
* Y: B1 q# r3 @3 P* s6 R& c+ M

1 J) f9 C$ x& U4 A9 m! V
: {% a8 k8 |) r: m/ k
; i* `" B* r% D- {& c) m, y! W/ @& k7 Y) L! z7 V. |) r, X
3 [3 n. o9 I; x; m0 u
: ]  s7 T6 r% t1 ~9 z6 F
6 E% n( v7 O2 D! z+ i
4、复制黑色正圆[图层1]填充白色为[图层4],置为顶层,按ctrl鼠标点该图层,得到选区,将选取缩小1-2个象素,按delete删除,得到一个圆形边框线[图层4]。用橡皮擦修改圆形边框线[图层4],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中圆线[图层4],是不需要移动位置的。]* N! x* m$ i' E8 y4 I4 W9 P0 |6 O) `

, r' Z4 G' C; B& G( Q' ]4 e6 k8 ?: E- A$ q6 R2 D9 k- F5 [

4 t/ P5 I5 U$ U. x4 B/ p2 M7 T
/ g/ U* e, E9 t8 w2 I$ x# e! l7 {- B2 @" u

/ g6 e1 d0 R3 [% z% z2 N0 ?; v, f& r4 l* D( p; f0 s

( I1 M& _. }6 u. w5 M! k# \2 K2 P7 t) j7 V2 E& e1 n% K6 ?

. G8 c7 ]- z; Q: f1 J0 n& i- J) O1 e1 r  h
5、新建一个[图层5],画个同心正圆,填充黑色。
2 L: a% W8 S5 {% M% L
9 x% h0 s: H2 ~$ Z$ n) _
8 b2 I/ {5 ]0 z7 L  k
- D) V2 S9 d+ }/ v# w
% T; `# j- [! k  J; ?
+ S' K" P! ?  N) P6、复制圆形边框线[图层4],置为顶层,缩小如图。
7 i( V) U5 l7 ?) P  w: C2 o" x- V! o. b5 P1 j3 T' z0 \% f

: O$ S7 F0 @( Y8 ]% a. b  P5 t4 O; L' q
7、复制[图层5]得到一个同心正圆,填充白色为[图层6],置为顶层,添加蒙板,利用渐变做出如图,调整透明度,这里为60%。
3 t1 j; c. V3 B) l
  P) V/ D1 k/ H7 R6 p0 P. l$ w8 D# O% u5 B
& _. l( f9 p' I/ ?4 T; K
8 h! H; u7 o' X

3 p, q8 G) y: {- |6 x7 {. E
; p. ?, e5 B6 T) t$ h( Q( H6 e" U8 H  Q) A

# H9 o* e% c) g  l* C) }: D8、再复制[图层5]得到一个同心正圆,填充白色为[图层7],按ctrl鼠标点该图层,得到选区,移动选取到适合位置,按delete删除,得到一个月牙[图层7],用橡皮擦修改月牙[图层7],如图效果。[在这里是为了更直观,才把改图层移动到旁边,实际中月牙(图层7)是不需要移动位置的。]: Z5 ]! E: V7 Y- c$ W

% Y5 l& a  {2 J  X& U- T9 h6 R0 E# p- q6 P" q
6 U$ \9 A2 k0 O8 ]2 B" Q
- Z5 B: n8 a1 I- `. T. U

* y7 A7 i% y  Z% k) M
- Z" Y! C& S/ ?& \' _1 W
; [( J: r  R, [. ^9 f( H7 \" l- ^' p& j" F9 z
9 |$ Z& ?- P4 Y

2 I/ R8 ]' r' Z1 }- j8 p
2 W" B5 K$ C9 ~7 t* k; A9 _1 ]$ b! ]. u1 u# I+ I

0 O0 B: z; a4 Z) A4 Q9 i; B: Y7 _1 P; j. S) F, k1 p
9、新建一个[图层8],画2个小圆,然后虚化,如图,调整模式为柔光。9 T3 k' k, m/ Z6 N* d
) [; b& O; q) s2 _, D$ c

- K% M. d9 z( A. L8 M& K+ d7 Z8 ]6 c% B
* ^, y$ f* k0 @# Z/ D

7 D+ m, V  f2 l8 }8 C) I* e+ I
7 n" M: p0 U5 M7 ]' i, G6 z! F. w
2 z3 p2 c) X$ O& n3 p+ d' q# w/ w! ^# K0 t2 I" T( N# ?5 J
10、新建一个[图层9],画一个图形如图。) b& `0 F" W2 h( Z

0 q% P$ [* _( H) h: p; p
' n5 k% _- O6 v. _
7 D2 V' @6 a2 i+ e1 O+ f( E& L+ E11、对[图层9]外发光、渐变叠加,图层样式如图。[为了效果先隐藏图层9]
: M1 F' N. b! X$ x* P
" g, |7 F; v5 m$ \0 b( c9 K9 i) i& T' n& _0 B8 D2 _
* v+ ?2 j3 m: \: n  q1 [. Z
1 d* @( X/ j2 ]& Y

* M" }+ w1 z- N$ d7 A8 Q9 Z3 s& q1 |3 C' W" s

. e8 M: g' D* F' y
9 Z* h( c$ H, b0 e+ [
1 B3 u/ b, E2 e" [
+ \4 q( p+ U! @, T" z1 @( |
' \2 N( e" ^, j. p9 q' p( b12、再复制[图层9]得到图形,填充白色为[图层10],按ctrl鼠标点该图层,得到选区,缩小选取1个象素,按delete删除,得到一个外框线[图层10],用橡皮擦修其外框线[图层10],如图效果。7 f8 o3 t5 v0 V. c! v
( a5 ]/ ?& k. o9 V

: q9 U* F; c) F' ^, Q# p- f: d. h. }  l8 r
13、显示隐藏的图层9。
1 W% P8 h1 J) ~: X) F" H6 \( C9 d0 |2 Z

# R  I: Z- y  S" a7 ~# m5 |5 G9 K6 Y* d9 a6 Q$ H- T
8 C' M& [# L8 z$ Z" \/ d

, k8 A. ~. {( U" y/ e+ F& C7 ?14、画一个圆点虚化如图,调整模式为颜色减淡。
: m  O  b: O# b0 T0 d+ f6 S. t0 V, g4 m( V

! {2 e/ o1 `, I; n
6 L! t) C) P; E, k( h/ X+ }5 k) B1 Z( S; L. S% F& u

本版积分规则

精彩图文

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