Photoshop制作精致的水晶锁图标-中国展示论坛

本教程介绍小图标的制作过程。图标制作的要求比较高，尤其是水晶风格图标，有很多细节需要处理。看似很简单的东西做出来需要花很大的功夫。 最终效果
* ~8 O; q% B% q; Q4 q# G
6 W, v  u: y; {: [8 g% J/ p


7 r* k4 n. H3 [4 j


; f6 U5 i1 A; ^4 s, i$ ]% P' E

1、新建一个600 * 400像素的文件，背景填充白色，然后选择圆角矩形工具，半径为8，前景颜色设置为红色，拉一个小圆角矩形。
; P: g1 T, f& T/ R' s4 b




4 g0 t: M8 d) I1 M& Y7 |

5 t# ~( y/ s+ B5 r2 u
- R, K5 ?7 b# o7 I4 w
2、按Ctrl + R调出标尺，然后拉出相交的参照线。然后再用椭圆工具，在属性版选择路径模式，再以参照线交点为中心按Shift键，拉出两个同心的路径。
" x8 Y  U  [$ i



0 Q; n2 n4 B+ u" l
0 }+ \) X0 ?3 X$ ]% N6 f

2 w/ W  E) {; `+ |" l
3 `1 u9 o% U- p8 ]8 y( P
6 F. ?1 B# @- l1 [: j

6 v( _' T, W3 @+ d; D: a& c3、用路径选取工具选择两个路径，再在属性面板选择组合。




% i  L! g1 @0 p
  ^" K5 i( f8 s4 Z' z, l2 a" a

* N. f: X) u4 F" c+ [

4、按Ctrl + Enter把路径转为选区，填充灰色。

/ _5 b5 o4 `" A" Y0 g


! P9 r% T% M' x: i' F, l# i/ {, v

8 V( {5 w) \8 n# e8 |
/ f" k1 _& N* s+ T
( I: }0 @0 b- {6 n( k
2 O2 `( K, y7 h' P' ?; j+ M5、删除多余的半圆，再画两个长方形，使其看来更像一个锁勾，并将图层2移至图层1的下方。
: w8 j; c4 e; y8 u% u- k



# c' C6 I! W- S9 f


: K: @" k! r  C
$ B8 E2 u& D5 ^- B
" y# n/ _) Q+ F5 \/ t
* X  D8 K4 }' _) X2 H6、选择图层1即红色色块，然后双击图层调出图层样式，添加内阴影图层样式，参数如下。
0 L, X' S$ I5 x# k' j


4 M, i( E3 b$ [, v: V
: b* q1 Y5 j  d" {$ z4 ~9 M' ~








) K7 p" Y" c/ l2 x' Y0 A5 P
8 ^) X5 w! X) v% Q* m& ]' }0 N
! E; g( a" ]  J4 y' P& n4 o7、按CTRL键点击图层1，调出层1选区，再新建图层3，填充黑色，再选择选框工具，将鼠标移至选区内部，移动选区到合适位置，再删除多余黑色。
! j3 \( O" G: }" D3 d: u9 ?/ W. T% @


3 }8 y: |- c  s% a: T, G0 G7 x


( [, V; m2 s. j0 B/ g
: o+ r& u9 A  n; ^! p8 `* p7 g

3 \/ V) i8 ]: M2 t7 t5 ~
6 w6 J  @% [$ ]  `8、选择画笔工具，使用深红色和浅红色[以产生圆角矩形的立体效果]，再锁定图层1的透明区域用鼠标在圆角矩形周围拖动，达到加深和减淡的目的。





+ Q( T8 Z' @& r. d$ }' Q4 ^4 e

8 C0 a7 ]) o4 S
" ~6 }8 d. {+ H" u9 D$ b# ^9 N
9、CTRL键点击图层1，调出图层1的色彩选区，再从选择菜单中选择变换选区，改变选区大小，使用亮度对比度，将圆角矩形中间部分加深，使其突出边缘的亮度。
; g0 e6 |: ~$ B) r8 Z

4 \/ C( c$ `# L- \2 n9 f
2 w1 U  n/ b( i6 x  I, O+ T! Q' {6 u( x
- ~& P& P! o6 `  {) I0 A; q
+ ^3 O$ {; M4 }- K1 t5 b0 e
9 \1 B  D/ g* y" O. m0 Y& B
& q% f2 q% R  S7 Q) ^& ~
& v- v3 Z5 H+ O" r5 K
10、创建图层4，创建矩形选区。选择渐变工具[线型渐变]，颜色为浅红到红色，向矩形选区右下方渐变。
' S+ I- N& i+ s8 }, d' @



) V3 ?! D$ T$ k
; ?6 h. g) _6 q$ F
12下一页



2 R/ a/ O: I% Z! Y' ~

1 @5 W2 I: ^& e* ]5 I2 Y
7 g. `5 E: f1 H3 ^. l8 V' I
( r. o3 W4 T# O2 ~* t7 A11、新建图层6，创建矩形选区，上之前相同，使用渐变工具，颜色为灰色到黑色。

9 K$ w0 w+ v% b# ?/ ^, c
! m: Y/ j4 y! v  A3 x3 T* ?: E' H

* \8 L. I# y$ |1 S
% k3 l# c+ ^# |, T+ g" k


$ i, K9 D, X. _  r! }
12、在图层的上，下边缘分别选择1象素高度的选区，将其加深。



; o- X) c5 Y# Q6 ]
8 D. j' N7 n4 E! k+ M

+ L4 s: u* {+ s9 l1 t; a8 o

' w1 p- P( V0 O) h, y3 ^
13、新建图层7，创建黄色多边形。
0 Z' C0 Z0 ^4 k% ?+ ~) B

3 r0 s* O# z& l9 Y, |/ Z
1 r0 _1 D/ e" e& c( R* n5 g" @

' [- `+ T1 ~* P  Y4 {




14、选择图层2，添加内发光图层样式。
. t# c4 j4 T8 T: r7 I
0 R; [! ^5 F' B! f7 w

" A0 a/ R$ S* E1 C



9 @+ N" L% Z" c

/ }& l# n' C5 Z0 ]- ]+ S( X7 F
- i* a) I- v# `3 s



& e$ O7 {2 L" V$ @3 [4 x0 D
) K0 y& _- R+ ?8 S8 E- R/ |+ E4 N15、创建选区，新建图层，使用渐变工具。
  h! m* B" m; e- g% r+ _

0 ?/ b8 f5 J; q; i

( @5 e# p- A; o# A* G# ^4 g

7 L. I" u# h+ `) I/ ]2 h& T
0 h1 j2 w- F* t  ?! Y* q9 V$ T
3 P: x" n: [* ?/ K2 J  J

  }0 R) W) ]+ S, a3 k9 J16、创建椭圆选区，新建图层，填充白色。




" Z- f  f8 f7 U; W9 d3 B
8 J5 d7 ]5 P: C# c' f% \

  |$ `' J% P: z! [" k4 U1 ?2 j
  T, l7 U, G. T7 ^: s
9 |9 O9 Z2 r7 j2 d* Y17、在编辑菜单中选择变换→变形，再将图形移至适当的位置。

4 g: y8 F! I, F: k+ t
  E$ R! U- C9 r6 N" Y
5 R$ r. B  A: u2 U6 ?7 n1 p9 {- D, f
4 x$ }4 y4 j3 g% }' j
! T! R% N( g* o9 K# t



' `, L+ l/ x" T! b' c2 t& b5 |18、复制圆形完成最终效果。
/ d& Z/ i& }6 {* \4 e+ o; K# D


3 G( I# h& W* H! t" f
/ U4 @* V. d' e( ?9 P* u" N$ ?
- D: M) C) |' G; Q, ~12