欢迎光临!
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4860|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。# E5 I1 O9 r5 {
<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
9 |$ {7 y6 T" J4 N<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>( B/ m, V' a+ r; ~* @0 E& S
<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>& P- x/ c! B, [2 A) J
<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>) ^) B% J$ L. b. v1 Q. }$ t$ u3 }* A; h
<P>首先要在PS里将图片画好</P>
! M' E4 b1 @( j' t, u<P>这次制作的是一个看到了漂亮MM的便便</P>( z, n: ~3 U& k( o# R' d" \
<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>  N" t; }0 t' x* O- V1 Y' H* W
<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>6 p2 u8 j, X3 W& t$ m
<P>先画好小眼睛的</P>
7 E2 P8 e% k3 N% C* ]0 n<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>/ T/ Q' i& M% J6 J; Z' G
<P>然后选择菜单Windows中的Layers面版</P>
3 J# i) L0 N2 h1 L<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
3 F8 [2 S* O: C* X8 g. ~% p8 _<P>在这副图上新建一个层</P>
4 A: r; o* p1 d# I7 P, I! t9 s7 |<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>3 B5 S0 N* z9 h, ~6 [
<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P>. j  F' A8 G4 \% `4 ^+ v7 X/ w
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
& a) F' _. {6 P& Y2 F' u4 I<P>最后将这个层设置为隐藏</P>
- l7 T8 x) J' B% _+ I" _<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>) h! Y$ x! E  c$ }6 ^
<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>2 a; q7 x3 P$ Y" o: e
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
1 d9 k: L+ ]7 ~+ [; o. ^<P>选择菜单Windows中的Animation面版</P>
' Z& a+ E3 z( Z' z<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>2 {* ]9 l- R: \, t4 g, T+ \
<P>新建一个帧,选择该帧。</P>
' @) n: _5 a, s7 a& p<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>! c5 l& s, o3 f/ E& Q9 g8 j
<P>将刚才图片上隐藏的那一层显示</P>2 ], u/ A+ N  V; P. R+ x7 Z# n% k1 }
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>
2 l: @' i# q/ V3 c5 B! ?) s( @<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>1 W+ T: K$ f) A$ f& J
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>& D9 f. C. y& p2 N$ f3 c3 m
<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P>: f1 o! N- R4 T$ X/ Q( G5 ]' x; c
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>( o' h5 {: e+ j- y; K  W
<P>好了,一个简单的GIF动画就制作成了^^</P>
( l& s; o# \5 Q9 ~0 s/ G2 D<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>  b) E2 O5 r5 l; ^. x3 W/ L
<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>7 n4 ]& ^2 Z2 S  Z
<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>9 Z. T$ s% C% Q% \
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>% e0 D, l+ ?9 A& u! W
<P align=center>
* ]0 q. w3 ?; h$ f9 A, B) @<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
. S: p5 ]" I+ l0 q8 M- i<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
0 X! c  V- y  C2 Q4 f6 U<P align=center>图片 1</P>0 ]: e: Y' @3 w! G. Q+ t
<P align=center>图片 2</P>+ \" p: _. s7 f/ K2 w& U# b
<P></P>5 A; r3 R3 r5 g2 p
<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>
5 C/ e! N) R  o) C* }) m* L5 s<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>
7 o& X2 H* G4 d7 N7 W4 X% L; l<P>点击Animation中的Frame rate...调节帧的速度</P>2 Q1 C' [9 ^& N, K) V2 c
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>1 o+ }- \& A; k4 c" ~
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>6 s" U4 C* l2 V+ E' q
<P>最后将图片另存就OK了^^</P>
' _7 ^0 g) r- B! o9 w<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端