说明：在麻辣姐姐的教程中，她采用的是photoshop CS和ImageReady CS，而笔者使用的是photoshop CS3，所以在动画的制作方法上会略有不同。
8 D, |0 V9 |7 f2 f( h- u0 H5 S
$ m( p1 [' P; |6 H! Y: `( R% ] ]6 l& s+ c6 E9 T" i6 {
两张素材图：
0 |8 Y' R6 k, Q( A' k4 C$ z5 y, Q
' l/ n: r" a `7 k" ~
- K9 l+ N8 y0 t( {: A& `" u
; w6 f1 O# J2 Z' h& t; [9 v
3 \0 ^2 K8 Z7 ?0 o2 ], z- o6 s5 a, f+ j0 T8 O
% n0 ?5 p( I$ {$ _3 E) P9 X9 C1 n# q3 q/ h8 _1 [ E% k! P% t
& U8 a, W$ }$ E" v) q! l8 @& {
- A5 |: z" G- a6 g" ~7 a5 f( r首先，执行【文件】 【新建】命令，新建一个413376像素的文件（图像大小和素材文件一致即可），将名称命名为【麻辣姐姐签名】，如【图01】所示。
7 D6 q/ i. p+ F& @
$ k% |0 t( i! @/ M4 l. o9 L5 J* A% \6 T9 Y* \, P- A
6 L# L1 |! W# r& N. a, u- b
6 b+ b' @3 D6 `# v% S
第二步：打开【素材1】，使用【移动工具】将【素材1】拖入【麻辣姐姐签名】中，系统自动为其命名为【图层1】，使用同样的方法将【素材2】也导入到【麻辣姐姐签名】中，如下图所示。
+ }; R! M' [7 F0 N
. Z, @; z4 a0 W) Z
- N) r( g5 f% H
第三步：执行【图像】 【旋转画布】 【水平翻转画布】命令，将图像旋转以更适合做签名，效果如【图03】所示。
( x3 d3 X7 P6 K& f0 m6 F
' d2 V1 R; o* b- ^4 o, ~
5 O+ p: n0 W7 I5 a! A: F
! C+ P7 z+ }% l+ L
[/table]
F6 |* f! M5 R6 m( u
, w/ v4 `' V2 r% Q: \; R第四步：确认前景色为白色，选择工具箱中的【横排文字工具】（快捷键为T），输入欢迎来参加硅谷活动等文字，在【图层调板】中双击文字图层的缩略图，为其添加图层样式，参数设置如【图04】所示，效果如【图05】所示。
" o/ R1 X! i/ F+ s
4 n! f! x2 A# R; e; i/ D4 \( b; n6 }: n
: q! n& b4 v5 m/ N& Q5 Q' W& r& {
+ @1 d6 ^1 i7 Z6 _. N
! Y" E) ?* g) m/ K e第五步：仿照第四步的方法，添加其它文字，效果如【图06】所示。
& e% z8 e: ?' C
$ G0 x9 d2 M, l* z8 U' f2 `( c' Q' |0 J
4 n: c0 Q( Y8 {2 J5 N
& v, h% g4 p3 X" G
第六步：选中【图层2】，使用【矩形选框】工具，绘制如【图07】所示的选区。
/ u# I. q" _$ O- ]9 G# p8 G h
& p6 P/ @ J/ w6 d: F
6 _1 L9 c: i8 F' s4 f s6 y# c6 C$ s. N
0 f" V$ T& P" c6 X& g* z- L+ T q: S6 W, `( P; Y" A, _
& E9 I- \- I" A# K+ F第七步：按快捷键【Ctrl+J】复制选区内容，得到【图层3】。执行【编辑】 【变换】 【水平翻转】命令，将【图层3】反转，然后按【Ctrl+T】键调整【图层3】的大小及方向并将其移动到如【图08】位置。
/ r( c3 g& k) |& G/ x- O
4 m6 ~1 }8 _1 b7 k7 T- @2 V
( L! H, [/ y7 F8 X$ B! N( l
, p2 t1 {4 S% y( s2 Y. v# u
( F; C R `( V6 w2 q第八步：将【图层3】复制一份，得到【图层3副本】。为【图层3副本】添加图层样式，设置如【图09】所示，效果如【图10】所示。
7 p9 N- {$ [* _/ x+ n3 N* R4 y* t
; {* z6 _( z ?% C, S. V7 ]
2 M% S2 F* K# ]! A# J: i& q; v
& ~6 j+ W* f/ k" d; ? |
7 E1 `$ d5 n* K5 d& [* p[table]
; e: I' t9 d$ @( ^
6 E5 ~& f8 F) q- Z7 D8 N D; I第九步：按住【Ctrl】键不放，点击【图层3】的缩略图，得到【图层3】的选区，将前景色设置为#787878，按【Alt+Del】键填充选区，并将【图层3】向下、向右移动，制作阴影，效果如【图11】所示。
, F8 I. g. J1 A5 d) X2 M
1 u, |+ s9 O! Y5 p; g1 d4 d# v# Q9 _, D" N% A7 B T) s
$ s2 V H, x2 F# q& O6 _
& L$ Y' n' @# I% [$ l5 z
第十步：将【背景图层】删除，前期的准备工作到此结束，下面开始制作动画。执行【窗口】 【动画】命令，调出【动画调板】。新建4帧，并将【帧延长时间】设为0.5秒，如【图12】所示。
$ b H) X" g0 E9 S/ l# q1 \
+ k; G k* g# k5 o0 F! z
! Q' f3 a% l* F; V6 H
* c2 ?+ ?0 ~2 ?/ }, I( L; U7 c B E
. W D5 o3 e# z' W# V2 |& C& r第十一步：在【动画调板】中选择第一帧，隐藏【图层调板】中的部分图层，如【图13】所示；（第二帧和第一帧设置相同）在【动画调板】中选择第三帧，隐藏【图层调板】中的部分图层，如【图14】所示；在【动画调板】中选择第四帧，隐藏【图层调板】中的部分图层，如【图15】所示。
9 ^6 o; k' C) J' r p+ ? ^- s+ G7 B' ~, Y7 Z" P" _
+ R! d2 b% s7 J" j, M
9 B% m4 I) K+ `+ k3 e
0 v( B( [4 \1 @! G$ ]
6 C k4 M. ?# S" H* _
: I4 `3 q [; o) l# ?
( N; J! s' Q% u3 s1 ]) t$ B3 l6 M
第十二步：执行【文件】 【存储为Web所用格式】命令，设置如【图16】，PS会生成一个HTML文档和一个【images】文件夹，打开文件夹，里面就是我们要的GIF动画了。
5 c2 ]9 W' P( h. B
$ L/ m* V1 k1 \& s/ q9 L: t: G# I" M# E, R6 t
1 u, h* u, j1 A3 P" a% `
最终效果：
. W& l( q2 v0 H2 h9 |; m9 d8 E' S' G( J# q* U( v6 o
4 C+ \, p8 a4 R) E
收藏到QQ书签