像素图GIF动画制作教程

无墨

我们画好一副像素图时，总是希望能让它动起来，使画中的人物或动物更加生动活泼，赋有生命力。
2 ]. L7 ~( n0 K3 r+ O* Y' j9 |, m4 M7 i<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
) K& c' C! q: l2 `<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>
2 b8 |8 K6 b5 H7 k6 y: m1 ?<P>所以在Photoshop（以下简称PS）里画好的图片就可以直接进入ImageReady（以下简称IR）去处理。</P>
7 _* J' k1 j7 w7 A; o$ i1 g2 q8 _<P>首先要在PS里将图片画好</P>
<P>这次制作的是一个看到了漂亮MM的便便</P>
% E, J3 r" V& R1 w0 S6 o<P>我把便便的眼睛画成了两颗爱心，来表达它对漂亮MM的一见钟情</P>
2 E- h( N: n, S  l<P>要有心跳的感觉，就要分别画一副小眼睛和一副大眼睛的图</P>
  m( ^/ _4 v- G<P>先画好小眼睛的</P>
8 l9 a) F) o5 K# C: S" D, n# f9 g<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
; t- e& n4 t% I* a0 K<P>然后选择菜单Windows中的Layers面版</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
. P6 b7 g( x, n1 L9 R<P>在这副图上新建一个层</P>
3 m1 n! N( |8 H! o' F<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>
<P>在新建的层上画上大一点的眼睛，遮住原来的小眼睛</P>
! K* c: P# v) I, R# V) d. @7 \3 ^<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
  H' o% A! P; c$ E- b$ A<P>最后将这个层设置为隐藏</P>
+ i+ n; D  v8 h9 F3 W<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>
, F+ M6 X$ \! e3 Y1 F2 k1 Q  T<P>接下来就是GIF动画的制作了，点击工具面板上的Jump to ImageReady键，进入IR的界面。</P>
+ f4 q4 ^3 P+ y<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
. J7 }1 x$ g( Z<P>选择菜单Windows中的Animation面版</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>
<P>新建一个帧，选择该帧。</P>
  ]5 \! `% N, U# E<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>
<P>将刚才图片上隐藏的那一层显示</P>
( @# i+ X6 H" `+ D<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>
3 b: A! ^$ l* Q6 Y' P' C; k! A<P>点击每一帧的右下角，就可以选择这一帧显示时间的长短，也可以自定义。</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>
6 ?; S# m4 h: ]1 r: ?0 Z0 F<P>最后，点击菜单File中Save Optimized As...将图片保存为gif格式。</P>
, r- W  H  \- K3 K<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>
<P>好了，一个简单的GIF动画就制作成了^^</P>
5 O, ?6 s4 {4 j# f<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>

无墨

<P><STRONG>NO 2. Animagic GIF</STRONG></P>
<P>这个软件是我最早学做GIF图片时用的，操作起来非常简单，比较适合适合初学者使用。</P>
$ i. g3 A9 r) g( U/ D7 l<P>首先我们在PS里将刚才画的图片，分别另存为两张眼睛大小不一样的图。</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>
* J  [& P$ F, o& K+ D% C$ x: H% e<P align=center>
" q5 i' B5 S- b<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
2 s% c5 u$ f1 d! e<P align=center>图片 1</P>
7 N+ K3 f5 i4 Z/ ^2 d) Q+ i<P align=center>图片 2</P>
. O% A2 h9 P  R: z: S<P></P>
<P>然后在Animagic GIF中将&lt;图片1&gt;打开，再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>
3 }2 g0 l6 h+ V5 d$ b$ E/ h9 W5 a<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>
: E  \* P6 a- b<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>
<P>最后将图片另存就OK了^^</P>
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>