找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4849|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。' @9 I- i( A) C( Z) e' g6 f1 z" K
<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>! }/ d0 y7 h9 l0 {* ~
<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
- \6 l1 w2 [, W8 n7 `: t" v<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>3 Z" _, D; ~* s9 y9 `. ^( ~9 i
<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>
0 `% p; r8 h! r6 P$ r! l<P>首先要在PS里将图片画好</P>
. h$ e% `" I. z$ q$ m<P>这次制作的是一个看到了漂亮MM的便便</P>
7 t, M! _: p- Z<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>* E8 i; L2 a3 L1 Y) X
<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>
' g8 x" T5 ?$ b: O- Z  r$ C<P>先画好小眼睛的</P>! l- s* G, c+ k7 ^
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>4 s+ Z* E( T, Y4 V* B' O
<P>然后选择菜单Windows中的Layers面版</P>
) k  I- R4 U  I3 W! n7 K% c; Q4 n<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>9 j- G5 l; S* s9 Z5 s7 ]7 z
<P>在这副图上新建一个层</P>
+ Z1 D- h/ `. F0 t; B1 l3 A, e/ h<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>9 Q1 C8 W; T1 V, |* @
<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P># s0 D9 N, ?8 N: P( l
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>7 @% I& V1 q+ z* {
<P>最后将这个层设置为隐藏</P>
3 ?3 p; a1 ]$ m. [3 t# V<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>$ W7 [, V0 ]0 j" Z3 o! o. g" ~+ q
<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>0 ?2 z2 |4 x. B* n
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
0 _+ s- h  D5 l  z" N+ j# H1 o  f<P>选择菜单Windows中的Animation面版</P>1 d6 B  g* x$ G, D2 z
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>! B- X/ w) Q7 h2 q* f2 s; ]) ~
<P>新建一个帧,选择该帧。</P>/ e' _$ Y( u' k0 u
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>
! ~9 u; r7 d% n+ Y  \<P>将刚才图片上隐藏的那一层显示</P>4 g# f- B6 {, S% Y& p8 a
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>
% {/ a% s$ r8 I' b! f1 S& P<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>
. k1 H: F+ {3 h$ q+ H2 A4 b<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>
9 L+ ~2 v8 K' N3 d  t5 s9 g9 I<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P>
7 f1 G2 A5 Y/ E/ f<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>
8 r: T# e2 E3 M* e: J<P>好了,一个简单的GIF动画就制作成了^^</P>
8 W* h2 R* y4 D$ s4 `# N1 R<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
 楼主| 发表于 2008-3-19 12:17:26 | 显示全部楼层
<P><STRONG>NO 2. Animagic GIF</STRONG></P>
* m: _1 \# \' L# F2 i5 g<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>* a; G1 }. \, o' L
<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>' T! a& V) ]% ]4 J
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>
, |7 k2 ^" J+ d3 T. k" o! Z- \- \<P align=center>+ s8 m2 v! }: ~! E! i1 @8 d/ d5 Y
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>7 Q# v# Z9 e% g6 j9 Y/ T
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>& d& j' A: F1 t# Q
<P align=center>图片 1</P>
! [8 l& i5 \8 g. q$ F* s9 b" Q3 C<P align=center>图片 2</P>
: E+ G4 i: T- K( |<P></P>+ T7 M3 ]% e6 R7 c- R
<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>' H. h& r$ \. E% s8 f/ S" j
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>( ]4 w* C9 |: c* y# Y3 E
<P>点击Animation中的Frame rate...调节帧的速度</P>
' V% f2 p/ \* w! V$ Q, ^5 e3 E<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>
7 C5 }3 G' D7 X  S( x<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>, u: ?& X0 j6 O$ b- R+ e2 n
<P>最后将图片另存就OK了^^</P>) |, t6 S/ A) v  [& ^
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端