Photoshop绘制三维立体Chrome浏览器图标_photoshop鼠绘教程新中国展示论坛

这篇教程是我刚刚在ADOBE的网站上看到的，教程教我们制作一个三维立体感极强的Chrome浏览器图标，对于我们学习PS鼠绘很有帮助，转发到飞特，希望对飞特的朋友们有所帮助！

! w2 \, Q. L3 e7 r" I3 H先看看绘制效果图：
- f# s( k; B% E$ f! z

0 B6 C) |7 @. f0 o: o; {
　　先新建画布(文件>新建),大小854x854 px,分辨率72.用椭圆工具(U)画出一个Google Chrome浏览器图标的底层(译者:别忘了选定形状图层模式)
1 v  {7 \. ?& C6 c! P6 Y7 u: g9 h' k# x
; W( H5 h2 Z. L; J" W

- D5 c- t8 F9 G5 Q
$ u  d  m4 S" K3 {9 U- N图1　　
& V6 l$ c: S6 D# j
  w; I$ I. }# S, f- s
　　右键单击此图层,混合选项,图层样式中选择渐变叠加
. f0 [- n4 l, M5 s+ U
4 w: T6 B* r4 L  C4 g
$ o. |+ J- U; D

. b' h# g9 q" `2 x$ {$ x图2　
; k% I, N  X$ T4 a, @2 W0 R　　渐变设置如下(颜色:#DED8D8--#7F7777,样式:径向):
: s, ^1 Z) j/ D/ N6 N3 k- f. p

6 G$ `& i9 [7 d9 E9 I( g" W" l. b3 z

3 s3 t5 U5 r4 Q- p图3　　
2 m% V2 }6 S8 ^  f/ u, r7 V

( L* @* J: w. X/ I　
6 f; E  ~5 v+ e1 x$ M$ c7 ]
; V5 ~  \/ N. e' [- h, W2 g  x: o1 O图4

+ `2 V. y/ \) a( W' a& S
　　再用椭圆工具重复上一步骤,画一个同样的圆边缘与之前的重合(译者:或直接复制一层去掉图层样式),然后用钢笔工具(P)在其内部切出我们需要的形状(译者:选择\"从形状区域减去\"或按住Alt键),然后利用转换点工具进行调整


# r" ?* i( G. K" |　　
0 P9 k2 z; L1 [/ u
' V( d2 f0 h+ A" o: ?6 o7 q% `2 O图5


8 k+ }) r" Q7 g　　
2 V2 R3 Z* \4 J" z0 x
图6
. @4 s3 S; ~% N- t) H. c! R% I' R　　设置图层样式,选择斜面和浮雕(参数如下)


　　
3 o+ J8 M! h8 X
/ D9 ~! |! K4 E6 }. ^5 R图7


+ H' u/ x1 h8 k! ~4 b5 I+ b
; H5 F, ]' b9 N& y% o  o! ]
图8
2 A  b; B9 E0 X% t
% }: f$ b; L5 r- ^. Y/ f8 Q2 F
　　将此图层复制一份,使用自由变换工具,选择保持长宽比,均匀的缩小图层,去掉图层样式.选择颜色#4E4A4A,然后把这个复制层放在原图层的下方.这将作为阴影效果层
" L( \2 R% L: b4 @- T% q& }
3 t% x+ E5 a) u& L. n, N5 |8 s
! ^7 ?1 V; ?' K% G　　
& d! {* M; F3 O) y8 a
图9
　　新建图层,使用标准画笔工具(B)为图标的表面扇叶部分上色,按住Alt键,再左键点击新图层和形状图层之间创建剪贴蒙版(具体参数如下)：
! q1 V9 k+ u8 P+ U# q

　
* T4 n7 B8 }! ?' c
3 Y2 f* m( ~* K8 n+ @- ]& o图10

  I8 B' a7 a3 R0 O. n
8 ]2 c& ]3 M( b# J( l( R1 K　

图11　
; ^! U7 j& M2 R6 w- g, B



5 ^2 ~1 H* M% H7 E0 W. ]; ?' |

: z& v6 k2 {: q8 `# j图12　　
　　把带有斜面和浮雕效果的图层复制一份,用转换点工具改变一下它的形状位置,去掉图层样式(斜面和浮雕),然后把它放在形状层和阴影层之间
' z/ X8 Q9 ]( _; s+ I
1 t0 y5 I. [5 U
0 w$ c3 W& n) Y& S* h: ?

; I6 N/ H3 Z( ~1 s) |; N8 ]( a图13　　
6 W) s6 h6 ]* m9 ?, i　　再创建一个新图层,重复之前给扇叶上色时的步骤,为上一步骤复制的形状图层上色,具体参数如下图：

9 q8 [" T* G  n# {" _再创建一个新图层,重复之前给扇叶上色时的步骤,为上一步骤复制的形状图层上色,具体参数如下图：

0 ]$ h: }5 P$ K3 _5 q
. ^6 H9 T4 L8 Z$ j5 m* I& C7 Q
( C) A& K( u8 Z$ m
图14

, k9 S7 L) O% s& h) Y
9 M4 ]; ?8 D$ N6 _
; z3 X& \" ^: Y8 z: c
0 V" l1 {9 T# ~


图15

# @+ A9 u" c- ^* H2 v# O; ]
  F/ ?* S0 _2 s1 o! K  _" i4 [& f
' H! q$ C7 s0 N0 V$ L
/ r7 |1 f% Q3 a
+ b6 V5 |3 z& _1 H8 |. Y- e" b& i9 c
# k. u2 x- h) f! [0 Q6 V
  l- e' P" X4 k; ?9 R图16
　　将为表面扇叶上色时的颜色图层复制一份,使用加深和减淡工具画上一些高光和阴影(如图)：


% G# G! z8 f! _+ F　　

图17


4 O% k6 C3 U& M# B, d# H　　
0 B' w/ M* J1 y+ Y' ^
+ [6 a  v; W/ m4 n6 _# Z/ z/ B3 U图18


　　使用椭圆工具(U)在图标的中心画一个圆形,将它放在顶层之下。　　
* a3 ~& y9 j, e- E
　　

图19 　　图层参数设置为:填充:0%
8 c+ i5 u; [% N. ?: ^$ m) X) m
　　图层样式(参数如图):
. h6 P/ C% L  v5 n3 u* n% {0 T
5 x  I- K& w& {" s1 y6 p　　投影
' S$ u, M) @% t7 x/ h. m! `' f/ M
! d* K' g' [( ^
　　

图20
  Q- h5 {5 X  F  Z) u" `* ~　　内阴影


　
' w2 V. O6 H  a- M9 f. K3 i) f  |* D# x' T
图21
$ I6 [$ F* @% P4 Y7 u; o

　　渐变叠加

  Q- e/ B0 h$ X' }7 E/ N
5 Z* l. ~4 B- e) v  j　
% g* K1 |1 Z7 `6 ^1 B
3 K1 q) u2 T+ h! o* d8 Z  b图22　
　　渐变设置如图(颜色:#B1DEF4--#2D8EDF,样式:径向)
, k. G7 a9 V& ]8 M3 E2 W% s, H
4 {- F& r7 O0 h' p2 `8 g' d8 C$ Y
　
' d& B! ~, K9 ]% k
6 M# q% b+ O' @8 B. [# X6 A( B4 [图23　
' e9 g6 l  b# ~$ T, m( q
, ~  u  }: T, v- [( g
9 \9 A% |3 E5 e7 f1 Z　

图24　
3 z* e# k2 R+ P1 d0 g- j

3 ^$ L* u- Y7 a4 x: f$ c$ y　　接下来试着在图标中心位置画上环状的高光,使用开始时的方法,用椭圆工具(U)画上圆形路径,然后按住Alt键进行切割(如图)：
! W  i: G5 d4 f

　

图25　
  c$ n: F, d) f2 o8 Q, p% l6 R　　图层设置:填充:40%

　　图层样式:渐变叠加

' \! S2 ^  l3 ^! D( u
　
5 Y! y) c2 k6 t
图26　
　　渐变参数设置
( o# j% ~0 D& u+ m


; k2 N/ e: X2 F! j/ P3 [( L
1 j. o5 H. h; n; m5 q/ B图27


- u+ b9 m5 w. F% \* i) j$ ~, g

图28
" h& }  u4 m& K) Y8 e


5 r2 Q+ p0 A1 _& l4 |
　　
% J2 M) w3 }* Q! N" {6 D
0 e/ t2 _1 U5 e# M. D7 j图29 　　将图层移至刚才制作高光阴影的那一层之上,按住Alt键点击两图层之间,创建剪贴蒙版.
: G. c7 @) Z# y5 b1 t$ |3 s4 I
5 |% i- V7 l0 u' K
( ], ]: z2 u4 c

, c1 C/ D3 L: S* }
+ Z0 ]6 q+ W$ A: L+ V. D图30
　　接下来这一步,我们将画一道底部的高光,选择椭圆工具(U),沿着图标的底部画出高光的外边,再按住Alt键清除掉不必要的部分,图层颜色为白色
- J% E) l' @- B/ P3 ?  A

( {6 L& `4 ]) M7 a) r1 ?　

# V  r/ K! _" M3 l. z* h# r图31　
* Z9 O0 P$ b  h% H% X　　图层设置:填充:25%
! v% H" G' t2 }+ ~
　　叠加模式:颜色减淡
, Y; e$ ^7 p5 z. m- W
. A$ o7 J; P6 C/ T; c* X5 D

% D4 e+ C8 a6 S) j& W
图32