找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4858|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。
; {: B9 J; _7 S- `2 t3 _<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
. `  s, c8 d8 G& q6 s<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
( V# U" [6 Z, }9 [4 h<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>
( q! K  d- M( G6 n# K  F# Z5 w<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>" }$ c* d3 l, h; X1 u) e" \/ T
<P>首先要在PS里将图片画好</P>$ R9 i& y' U5 t1 T+ j
<P>这次制作的是一个看到了漂亮MM的便便</P>
( w8 t& e3 p1 k" f) g$ W2 l<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>
0 B7 o$ l9 Y! G6 L<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>3 }! }+ e( g  u* X0 m
<P>先画好小眼睛的</P>$ \& Q" u7 }# _0 |0 O
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>* @; k( u2 X0 _7 U1 \% u/ J  _0 {2 O; R
<P>然后选择菜单Windows中的Layers面版</P>" k1 B$ B: o" Z7 x! f
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
$ a6 Z. |: [3 }4 c  D3 v8 h<P>在这副图上新建一个层</P>/ ^1 u6 v+ v4 g% `9 s' E: ~9 N
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>: ^' H: {6 [3 @! e
<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P>
$ {- E$ _3 ]- ~1 ~6 M( b$ _8 X' I3 z<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
8 q' ^7 g- k. ?* Z% Z' u( B<P>最后将这个层设置为隐藏</P># h$ W7 K: K3 B( `
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>
+ W# ^* W: n* w* ^0 @3 w6 \7 g<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>
/ j3 V# O3 ?# D2 U6 B<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
/ o# J, i9 }2 x8 W: {+ X<P>选择菜单Windows中的Animation面版</P>1 W  B+ ?* y9 q7 X1 n; s  v" w$ b
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>  z/ Q0 M" t' W, @3 Z$ }8 r' g: N; Y
<P>新建一个帧,选择该帧。</P>( z. D' K% X2 [9 F
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>- f" x2 `2 G! j6 T) h1 ^
<P>将刚才图片上隐藏的那一层显示</P>
* N: T- G5 y. q. s) e1 A; }<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P># t4 Q# W, v3 |, u6 P
<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>
8 q2 ?! q$ G  z& B6 j<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>
3 {/ @% U( L6 P7 x  u. j. |" [<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P>
3 @; h; m) x, Z8 M+ v. [# d2 @& u( [<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>' w  |7 q6 |8 w& E; Q, D  ]
<P>好了,一个简单的GIF动画就制作成了^^</P>5 ^$ Y8 J& x4 z
<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>1 n1 X7 x! D; a) M
<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>6 e5 I; O: B  S8 j* j& I
<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>4 g2 y( ~2 ~; ^' p  }2 f7 x  q
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>" w5 g4 a) j/ Q2 h( A& O
<P align=center>+ K5 V2 Z; |1 ?4 u, F2 F1 e. o
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
& v! ]5 U5 p1 v/ a( t<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>3 s; `8 V. J7 y, ^$ j' G
<P align=center>图片 1</P>$ T1 O+ [; t7 ?2 f- d+ l9 M
<P align=center>图片 2</P>
* g/ P' g6 X4 r<P></P>: B# Z8 l, s0 b- w! \! {5 N1 j
<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>
+ F/ r" _% n2 x' c<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>- ~2 a9 P: W4 H& Z) V* y- r
<P>点击Animation中的Frame rate...调节帧的速度</P>
* `! \+ L* m5 i& C0 g. \0 |- Y<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>
7 ?* s% |+ u& U& c% ]<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>6 ^3 P' }& t$ I/ s8 b- {
<P>最后将图片另存就OK了^^</P>
5 b1 r% X/ X, r# W3 ?% _! B1 E& M8 U<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端