本节内容,互联力量教大家用Photoshop CS4,制作基本的GIF动画图片,你多练习几次后,只要几分钟就可以PS出动画效果的图片了。

首先,准备几张同样大小的图片,打开PS,把图片都拖到PS里面一一打开,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图1

图1

然后,使用移动工具将三张图片,都合到一个图片里面,最后图层看上去应该是这样的,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图2

图2

选择PS的窗口菜单,点动画,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图3

图3

在PS的下面,出现动画(帧)面板,选择每帧的时间,如2秒,意思是从显示第一个图片到第二个图片,间隔两秒,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图4

图4

现在动画面板只有一张图片,把另外两张图片也加入,方法是,把图片1复制一帧,注意是点图中标红线的按钮,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图5

图5

接着,在图层里面,把图层2关闭,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图6

图6

这时,从动画面板可以看到第二帧显示的是图片2,再次重复上面的动作,先复制帧,然后关闭图层1,动画面板看上去,应该是这样的,如图:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图7

图7

你可以在动画面板,按下“播放动画”,检查动画效果,接着保存源文件,以便修改。大家知道Gif动画,通常用来在网页中显示,所以我们还需要从PS中导出格式,选择菜单“文件”,“存储为web和设备所用格式”,对Gif图片优化后,直接存储到磁盘,最后效果如下:

互联力量-网页设计-跟互联力量学Photoshop之二_用Photoshop制作GIF动画-图8

图8

版权所有 互联力量,原文首发:http://www.foxitjob.com/2010/07/373.html