当前位置:主页 > 网页教程 > 动画制作 > photoshop动画 > 内容欢迎大家投稿

Photoshop CS5制作GIF动画的方法

时间:2010-09-30 14:19来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

很多初学者,对Photoshop CS5中制作GIF动画的方法非常感兴趣,为此我专门为大家开发了这篇教程。

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

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

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

图18-30

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

(3)单击Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网“复制所选帧”按钮,复制当前帧,如图8-31所示。

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

 

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

 

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

(7)再次使用Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网“移动”工具调整图像的位置。

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

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

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

Photoshop CS5制作GIF动画的方法精解,PS教程,思缘教程网

(责任编辑:大宝库)



------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接