找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4848|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。! k2 e1 c4 l  A( I# g' C7 E) X  h9 f
<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>
' X) S" X& n) W0 P- V# J<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>" p( h. ?2 C+ U# z
<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>$ g' T' H3 X/ ~3 r% ^  ~/ W
<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>
7 g* s) C3 n- ^2 }) f- b- X<P>首先要在PS里将图片画好</P>
2 r  X$ k6 f9 \2 o<P>这次制作的是一个看到了漂亮MM的便便</P>
( O5 T0 |: G# O  ^2 O<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>6 {/ M& G3 K* @
<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>
) o9 H1 L+ x1 y5 c6 c4 P7 Y<P>先画好小眼睛的</P>" [- G3 N1 ]9 H- }' |" K
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
5 y; J# N9 _1 Z2 s' D* _6 I<P>然后选择菜单Windows中的Layers面版</P>5 C5 m9 f& k8 z0 t& S: L8 W
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
4 ?, N+ L2 X/ u$ F5 n<P>在这副图上新建一个层</P>
5 o  W0 @9 j8 \- U<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>
( B8 J% V. _7 }# C- d. r$ M: s<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P>5 ^! U2 j/ V: \2 u
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
, D, B% K6 K  e0 g0 ^9 _1 G4 o% q<P>最后将这个层设置为隐藏</P>/ Q" C% {  X# t& g2 {1 k. I8 {
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>) B6 }5 q  y& U; u
<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>" o3 R5 [$ e7 C: j& d
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>$ x# P6 C. X; Z" e, K
<P>选择菜单Windows中的Animation面版</P>
/ H$ ?, ?1 T3 C  u<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>
- [, U& l/ Y' k" k, O<P>新建一个帧,选择该帧。</P>
+ x+ M6 f! R( _, @- m$ O+ N<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>& _( x8 Z( ?( a7 `; |) H
<P>将刚才图片上隐藏的那一层显示</P>
% m* t* E6 f4 p3 k$ B<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>- I6 r! F* \1 w" d
<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>% l. j4 z0 t5 t* V8 S" h
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>- Q, ]$ A6 e9 ~  a
<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P>$ r- D0 Q* E: r" {4 `) Q4 N& ?
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>
/ G) N# q# l. Y/ m* k" W<P>好了,一个简单的GIF动画就制作成了^^</P>. ~( R' [+ `& k( c7 t5 }& L
<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>+ g1 S( h5 q  g. O1 n0 l. n
<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>- [' w' F; G& B
<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>1 |7 v: G! K9 Q3 m/ p' r6 q; m& W9 i/ \
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>' g8 b+ R9 O) u7 z* u; q8 m4 C$ p5 H8 ?
<P align=center>. S, _1 V3 J& Q( S  U$ X8 F
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>& p$ l2 h. g3 q  Z( A2 g9 h& R
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>6 Q# t0 W. ~% I% t" j; t2 q
<P align=center>图片 1</P>: g/ Q6 b. ]4 l* L* W4 K- h
<P align=center>图片 2</P># J! c8 q$ A+ n0 K/ i, d
<P></P>& v5 _1 F/ x% W$ D; S
<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>! Q2 f) ~. F; |9 V1 ^+ q
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>- b( M0 k4 y8 p4 W, H- |) B
<P>点击Animation中的Frame rate...调节帧的速度</P>
# s6 Z& o; M6 H3 r6 `<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>
1 U5 c5 V0 ?+ T! H: T0 H<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>; I6 t1 q! k1 {) m
<P>最后将图片另存就OK了^^</P>: o, @  c# i6 t0 T& l0 {8 B: ^
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端