Photoshop制作网页提交按钮-中国展示论坛

在好多网站上都看到过这种按钮，比较流行！今天教大家如何利用Photoshop简单制作一个红色按钮。
先看下面红色的提交按钮：
; n# c3 D' t4 M' V* E: ?" m

; I% `" n1 s% q( Y- n
第一步：使用圆角矩形制作一个红色的矩形。
3 K5 \' q0 |6 m& b3 f/ L3 f: ?3 h' B! N

1 I0 i6 L* V  Q& X3 E
  {- N9 W# k/ ^2 t第二步：然后我们给该矩形形状添加下面图层样式
阴影：

4 u  l# q: l9 U8 n

' e6 W2 U2 [/ J  E* s内发光
% y' }: c5 y6 Z! g6 g! }$ d

- z6 Q. Q% e% R$ {: v0 z% K+ p
. d& V, m! J. Y, o7 s渐变叠加：

* X4 T; F/ @3 N; _( ?

. y/ y/ B$ A9 U* A' y4 k/ @  n描边：

5 S) Z3 T% h( ^0 w% U1 B1 J9 P
" v& Y+ A8 d* b2 k2 i% k& B
效果如下：

" u: v; B9 |/ K! N
* c; U2 E* t5 g! g. e' a! Q! r& ]
第三步：按住Ctrl单击按钮层选择，使用使用矩形选框工具设置如下。
& i1 ]& r, H- E8 ^


( c0 n: n* s0 ^" e5 C% i1 i第四步：使用矩形选框工具把选区移动到左部，如下图所示。

7 I5 L  p8 I( U( I
4 L0 K" O7 h* H5 a! P
( b  s" j+ I( w第五步：创建一个新层，然后填充#E1CA57。


) u9 H, P+ i# C5 H
第六步：在新建的层中添加图层样式。
内发光
" a( v+ |# m* z% I# J- M
& x+ V  T' d7 v1 o) {3 e  T
# i& V- i0 z0 u# F  |7 O) }
渐变叠加

$ A* J% {  x  m9 l" c/ U
. k: v4 K, D+ w3 \' [' S
% x4 ^& k+ A) u  ^: x& p; m1 x第七步：创建新层，然后放大到1600%，然后使用铅笔工具创建下面图形，很简单的！
3 |; k: ^& M- C& h2 S7 [9 Z+ @
! U% g: |$ [6 s6 |: Q# R

现在我们的按钮出现下面的形状了。

/ \7 f: z  ]9 N6 u5 y; g
6 @' D( E6 A! N4 r7 p# V9 t
第八步：加上文字，在这里我设置的Trebuchet MS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。

, p, j  I- m& x