像素图GIF动画制作教程

无墨

我们画好一副像素图时，总是希望能让它动起来，使画中的人物或动物更加生动活泼，赋有生命力。
, s# P+ D! A! X. [' m$ X6 x2 {- I<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
# H* C  S; x/ K- \7 \<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
* j* x. |8 q& Y3 r5 e8 J" O: u" ^<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>
<P>所以在Photoshop（以下简称PS）里画好的图片就可以直接进入ImageReady（以下简称IR）去处理。</P>
<P>首先要在PS里将图片画好</P>
! V6 X* j4 `7 k( y4 ]; [4 P# n2 Y<P>这次制作的是一个看到了漂亮MM的便便</P>
4 `5 `0 q& A& V2 W/ a+ ~+ t<P>我把便便的眼睛画成了两颗爱心，来表达它对漂亮MM的一见钟情</P>
2 ~  l0 `" s+ b) K( G<P>要有心跳的感觉，就要分别画一副小眼睛和一副大眼睛的图</P>
  Z( J3 R- \8 t& n; y8 T<P>先画好小眼睛的</P>
' a) }. g; y6 B/ n: ~7 L<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
<P>然后选择菜单Windows中的Layers面版</P>
+ l; X% e) f+ E1 W0 p$ h* p" H<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
<P>在这副图上新建一个层</P>
3 O* Y4 v: V" W+ I' a<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>
<P>在新建的层上画上大一点的眼睛，遮住原来的小眼睛</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
<P>最后将这个层设置为隐藏</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>
<P>接下来就是GIF动画的制作了，点击工具面板上的Jump to ImageReady键，进入IR的界面。</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
<P>选择菜单Windows中的Animation面版</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>
<P>新建一个帧，选择该帧。</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>
<P>将刚才图片上隐藏的那一层显示</P>
( [  l$ _; \9 V<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>
<P>点击每一帧的右下角，就可以选择这一帧显示时间的长短，也可以自定义。</P>
4 X0 R0 Y: R# D) A# G! B& |<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>
4 o2 g/ @4 Y* R( W7 K2 r3 i<P>最后，点击菜单File中Save Optimized As...将图片保存为gif格式。</P>
: L) X( u2 I: e- f& D0 O<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>
9 W4 H7 h2 `. V<P>好了，一个简单的GIF动画就制作成了^^</P>
. ~0 G8 b9 i9 k) T, g: V<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>

无墨

<P><STRONG>NO 2. Animagic GIF</STRONG></P>
6 B/ J5 L' @: S0 j. A# T, e<P>这个软件是我最早学做GIF图片时用的，操作起来非常简单，比较适合适合初学者使用。</P>
<P>首先我们在PS里将刚才画的图片，分别另存为两张眼睛大小不一样的图。</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>
<P align=center>
5 N( T; d& ]- S' ]<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
& L0 ^: j' F* ]  ~5 I1 ?0 B<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
# o( }1 p/ D* I& T/ _, I1 [" ~9 x9 M<P align=center>图片 1</P>
# ~$ T! u$ ~; G- ~0 a<P align=center>图片 2</P>
<P></P>
$ G1 I0 s+ V$ q5 `8 [6 ?<P>然后在Animagic GIF中将&lt;图片1&gt;打开，再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>
# e! E* v9 [# z0 X<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>
<P>点击Animation中的Frame rate...调节帧的速度</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>
& T4 A6 b0 ~) l& k! ?  J<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>
, z2 R! K8 n" O1 j( M: ]<P>最后将图片另存就OK了^^</P>
6 a3 C  H1 @$ o0 {' Z# n4 Q<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>