用Photoshop CS3制作GIF动画

2025-10-31 09:32:19

1、制作GIF

好了,现在开始吧,以一个基础的例子来演示,就是下面这张图

用Photoshop CS3制作GIF动画

2、这张图片只有两个状态,因此只需要两帧。

1、首先,新建一个170x65的文件,模式为RGB;

新建图层,拉出蓝色渐变;分别建立两个文字图层,一个写“Photoshop CS3“,一个写“轻松做动画“

好了,现在来看看图层当前的状态

用Photoshop CS3制作GIF动画

3、选择”窗口“菜单,点选”动画“,将动画面板调出

用Photoshop CS3制作GIF动画

4、当前动画面板是只有一帧的

用Photoshop CS3制作GIF动画

5、简单介绍下动画面板的构成

用Photoshop CS3制作GIF动画

6、现在开始编辑动画

在动画面板中单击添加帧(这是对上一帧的纯复制)

现在就有两帧了,单击第一帧,然文字”photoshop CS3"图层显示,“轻松做动画”图层隐藏

选择第二帧,将“photoshop CS3"图层隐藏,“轻松做动画”图层显示

用Photoshop CS3制作GIF动画

7、第二帧的图层面板

现在动画已经可以了,再将延迟时间和循环方式设置一下

用Photoshop CS3制作GIF动画

8、帧下面的秒是用来设置帧延迟的,我这里设置的是1.7秒

用Photoshop CS3制作GIF动画

9、设置循环模式为“永远” 否则动画不能一直播放。

用Photoshop CS3制作GIF动画

10、动画制作好了,现在可以保存了。选择文件菜单--存储为web格式,快捷键是Ctrl+Shift+Alt+S,

在弹出窗口中选择文件格式为 gif,确定存储。

用Photoshop CS3制作GIF动画

11、一个简单的GIF动画就制作完成了。

动画模式的转换

现在来说一下如何转换两个动画模式

用Photoshop CS3制作GIF动画

12、需要注意的是,直接用PS打开GIF,是无法编辑的,动画已经丢失,只剩下一帧。

解决的方法是,选择文件菜单--“打开为”,对在弹出的窗口中选择“QuickTime"格式,

这样打开的就是动画文件了,但是默认是时间轴模式,如果要用帧编辑,还需要

再进行转换。

用Photoshop CS3制作GIF动画

13、“从图层建立帧”可以把图层分布到帧上。

对于过渡帧,大家就自己试一下,很简单的。能实现的位置、不透明度、及效果的过渡,过渡的细腻度是根据中间步数决定的。

一般网页的链接还有一些广告可以用到GIF动画,基本上掌握了方法,自己观察就可以设计出很好看的效果。

对于喜欢聊天的人,可以自己制作QQ表情,只可以将现有的表情进行改革,放大或者缩小,复制等等。

用Photoshop CS3制作GIF动画

14、这是原版的,还有改小的。(原来是flash动画,然后将它转为GIF,就可以做Q表情用了)

用Photoshop CS3制作GIF动画

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢