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

2021-11-10 0 1,006

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

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

进入ps工具网:https://xunluyun.com/viewthread.php?tid=478240

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

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关 2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意 3、请支持我们PS工具网XUNLUYUN.COM 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意 6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop CS5制作GIF动画的方法精解 https://xunluyun.com/4271.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务