找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4857|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。
- H6 x& _  m& p; P0 R$ [<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
! n! X# D2 H2 Z! r' T( l4 h<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
" y4 v9 P! u( t9 N9 J6 }& Y<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>9 Z, q7 h& s2 {) D4 ]
<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>
' L' O0 a* ^; b, D0 f6 D<P>首先要在PS里将图片画好</P>* `0 n& D: @- z2 Z0 y
<P>这次制作的是一个看到了漂亮MM的便便</P>) y! j( `) n' E- Z5 h* K
<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>
, Z; b* T. G9 L9 F<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>: L' q" P1 Q4 j
<P>先画好小眼睛的</P>7 ?0 A% O' F# Q2 `& C
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>1 z1 Y3 V3 p1 I2 w: Z5 r3 y
<P>然后选择菜单Windows中的Layers面版</P>
+ j) o9 `0 C, A" U<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P># {" U1 x. u4 _/ Q% ^
<P>在这副图上新建一个层</P>
) h. h  n$ S+ A: t- }& `% [<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>2 ~0 k9 Y6 I* }5 T
<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P>. G+ e  x/ a7 K& m. v" Y% g9 j
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>4 B8 F) ?  f3 Z7 M
<P>最后将这个层设置为隐藏</P>- N8 q2 W6 u$ T% v( R+ M9 @" k
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>
) T3 H6 F: g" T<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>
9 U0 @5 i0 C: m( @<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
% }& ]& X1 D% h<P>选择菜单Windows中的Animation面版</P>/ }% l! }- `; L: h& v3 l  q  k
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>& p5 W9 ]% {" X; e, _& p
<P>新建一个帧,选择该帧。</P>6 _* v" V' j! X5 U' H: ~' }3 S5 R
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>
, N7 C  O$ _, E0 _$ `<P>将刚才图片上隐藏的那一层显示</P>
* A$ O7 m) s2 o! H$ a<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>) \2 y7 F! ~+ X7 i
<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>1 S6 H6 ~: ~7 u! N$ F  o4 Y) Q
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P># b* J0 H7 N1 S9 [( c* J$ [
<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P>
% k6 i" _$ X. O' j- d/ {9 W( A<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>& ~9 |& I: V/ T. M& j& Q; K5 Y
<P>好了,一个简单的GIF动画就制作成了^^</P>7 {$ \" Y1 B! t8 Q6 n# _/ U' 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>
) [: y8 }" ]( ^6 [( h2 z( {<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>
8 H; E9 L3 W! U: Q: H5 m  f, m<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>% ?2 F1 Z( h% c. o7 }% M7 ]- v) E
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>- U3 a8 E; e3 E( s3 |3 s
<P align=center>. W+ _/ O) ]% a6 L2 \
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
5 D. o& G2 y! Q( G7 o( I0 e( x<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
  j. i$ Y" W& L+ j2 c+ M' x: q: `0 O<P align=center>图片 1</P>% F3 F, W# j/ o2 z
<P align=center>图片 2</P>1 G1 {! e3 v- ^& n0 n' S5 l% q2 v
<P></P>
& \$ G) `5 n8 `( _<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>
, M1 m5 }6 P% x8 c. \: f<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>! u7 |0 L. x. {; b  e: I
<P>点击Animation中的Frame rate...调节帧的速度</P>$ j! z. ]- P0 e. V. K' C
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>
4 e+ O7 F9 [$ j# V+ A1 z3 J<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>
) g) j$ R* d2 }/ r. a9 O0 }, q<P>最后将图片另存就OK了^^</P>2 \% s7 p0 M( U& f& t
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端