欢迎光临!
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4850|回复: 2

像素图GIF动画制作教程

[复制链接]
发表于 2008-3-19 12:16:47 | 显示全部楼层 |阅读模式
我们画好一副像素图时,总是希望能让它动起来,使画中的人物或动物更加生动活泼,赋有生命力。2 a& W) }  z6 J3 b- D5 `8 ?
<P>那么今天我就介绍两种做GIF动画的工具和制作的方法给大家。</P>( x. v% I4 O6 A( x) n0 A% C
<P><STRONG>NO 1. ImageReady 3.0</STRONG></P>
' l  q  p" c% i  ]) k<P>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</P>
2 z, L& c; g" L+ P<P>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</P>
( Z0 U" }5 R9 C/ U! v5 n<P>首先要在PS里将图片画好</P>1 n+ y3 ~/ H# b) _+ V
<P>这次制作的是一个看到了漂亮MM的便便</P>3 Y. \3 N, N# b% ~* G/ U9 m
<P>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</P>. v5 r5 B5 M$ W" Y1 W+ w& a4 u
<P>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</P>
0 {9 C9 p2 e& _1 S& Z: f: Z) w<P>先画好小眼睛的</P>
) J6 S. `, ?2 I) B<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
+ J' F' ]2 y0 I1 H8 Y<P>然后选择菜单Windows中的Layers面版</P>/ G4 ?) P$ M; W- @  z  C6 D! X
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650420.gif"></P>
) @3 @( G6 Q2 o  X3 q" X<P>在这副图上新建一个层</P>
: j' W# _) h7 U0 M2 W# c/ k<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650278.gif"></P>& @3 z$ o2 Q  ?! S% V5 s
<P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P>% ]; ~* p  @( {3 O: L$ [" U
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
! L7 w& m8 S% T" t9 i" M: G<P>最后将这个层设置为隐藏</P>" }( i  ~, e/ G( ~( V: j% k9 [
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650801.gif"></P>
5 N8 u7 a  E# f/ [7 n& ?5 Q<P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P>
$ t" f* V4 v- `5 m! {3 m<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650753.gif"></P>
0 B8 o& w& O" m9 Z<P>选择菜单Windows中的Animation面版</P>
! A/ X& ]7 {0 a) ?( A<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650376.gif"></P>
+ L7 }8 M+ J# R% q9 ]<P>新建一个帧,选择该帧。</P>) J* X, [  I3 |1 h% ~9 M  m
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650668.gif"></P>2 ?/ _3 e& z, i% x; W  D- Z
<P>将刚才图片上隐藏的那一层显示</P>
3 R2 q7 R, k2 L" i9 _! \<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650426.gif"></P>
5 l7 q8 {5 [  V* `2 J8 l9 G<P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P>3 e$ q1 E& y" Z9 ]
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650532.gif"></P>
+ G8 x/ b0 o8 C" j% E<P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P># J, P% F+ j% G, ?
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650589.gif"></P>0 G3 D4 `/ |! N8 O: s( O
<P>好了,一个简单的GIF动画就制作成了^^</P>8 E+ V& `; M  N& x* l8 h
<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>
& N, Y6 i  u, Y& L0 {' O$ W<P>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</P>
) @) N. z3 v1 m) C/ w; [<P>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</P>
' i" g# w! k' F9 V+ A" k<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650147.gif"></P>
/ @8 U# g' m# t* M* s7 {4 H<P align=center>/ Q, t8 M7 F5 F1 Z1 L1 A4 d
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114649645.gif"></P>
: T0 E' y  S# O" z# _<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650912.gif"></P>
; N6 u2 q  B; ]' h<P align=center>图片 1</P>
+ d! L7 K, i6 P5 `9 D+ `* M% _<P align=center>图片 2</P># V3 m( n, C( J' g5 h; O
<P></P>. h$ C  a" y. B8 A* n' i/ O# d
<P>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</P>) a) _, r+ _3 I# I# D6 o
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650593.gif"></P>$ z% t* V4 _! E( r$ `
<P>点击Animation中的Frame rate...调节帧的速度</P>
! ]! @% m" j: v+ i/ I* a4 o$ \0 b<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650923.gif"></P>$ C( }6 L7 R- k; M2 x$ M! \
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650551.gif"></P>
! j3 V# h1 T5 p$ S5 m: ^: L6 ?<P>最后将图片另存就OK了^^</P>* G3 M8 W1 E1 w1 `
<P align=center><IMG src="http://www.sj33.cn/jc/UploadFiles/200705/20070513114650464.gif"></P>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

客户端