Photoshop CS5制作GIF动画的方法精解

发布时间:2016-12-09 14:54

GIF动画图片是在网页上常常看到的一种动画形式,画面活泼生动,引人注目!不仅可以吸引浏览者,还可以增加关注点击率。GIF文件的动画原理是,在特定的时间内显示特定画面内容,不同画面连续交替显示,产生了动态画面效果。所以在Photoshop中,主要使用动画调板来设置制作GIF动画。下面是小编为大家整理的Photoshop CS5制作GIF动画的方法精解,希望大家喜欢~

该教程精心的为大家安排了一组动画效果,通过整个操作过程能够熟练的掌握动画调板的功能,以及GIF动画的设置方法!在开始教程的学习之前,请先在网站下载配套的练习文件,以便于跟随操作步骤学习。

(1)执行文件→打开命令,将素材海底.psd文件打开。

Photoshop CS5制作GIF动画的方法精解

图18-30

(2)执行窗口→动画命令,打开动画调板。

Photoshop CS5制作GIF动画的方法精解

(3)单击

Photoshop CS5制作GIF动画的方法精解

复制所选帧按钮,复制当前帧,如图8-31所示。

Photoshop CS5制作GIF动画的方法精解

(4)依次选择图像并调整其位置。

Photoshop CS5制作GIF动画的方法精解

Photoshop CS5制作GIF动画的方法精解

(5)单击动画调板底部的过渡动画帧按钮,打开过渡对框话对其进行设置。

Photoshop CS5制作GIF动画的方法精解

Photoshop CS5制作GIF动画的方法精解

(6)在动画调板中将第7帧动画复制。

Photoshop CS5制作GIF动画的方法精解

(7)再次使用

Photoshop CS5制作GIF动画的方法精解

移动工具调整图像的位置。

Photoshop CS5制作GIF动画的方法精解

(8)在调板菜单中执行过渡命令,打开过渡对话框,并对其进行设置。

Photoshop CS5制作GIF动画的方法精解

Photoshop CS5制作GIF动画的方法精解

(9)依照以上方法,新建帧后将所有图像垂直或水平移出视图之外,并制作出其它的动画效果。

Photoshop CS5制作GIF动画的方法精解

(10)选择上一帧动画。

Photoshop CS5制作GIF动画的方法精解

(11)删除所选择的帧。

Photoshop CS5制作GIF动画的方法精解

Photoshop CS5制作GIF动画的方法精解

(12)更改帧与帧之间的播放时间。

Photoshop CS5制作GIF动画的方法精解

Photoshop CS5制作GIF动画的方法精解

(13)此时动画已经制作完成, 将其播放查看效果。

Photoshop CS5制作GIF动画的方法精解

(14)更改动画的播放次数。

Photoshop CS5制作GIF动画的方法精解

(15)执行文件→存储为Web和设备所用格式命令,打开并设置存储为Web和设备所用格式对话框,如图18-40所示。

Photoshop CS5制作GIF动画的方法精解

图18-40

(16)单击存储按钮,打开将优化结果存储为对话框,设置存储路径并单击保存按钮,将文档存储为gif格式的动画文件。

Photoshop CS5制作GIF动画的方法精解的评论条评论