多语言展示
当前在线:896今日阅读:167今日分享:16

如何用photoshop制作简单的gif动画

说到Photoshop,很多人都知道它的强大的图片编辑功能,但它也能制作简单的gif动画,打开网页,我们都会看到很多gif动画,比如说表情,炫彩字等。这些动画看起来都很漂亮,很有趣。那么,你有没有想过制作一个gif动画呢?一个属于自己亲手制作的gif动画,这样既有趣,又可以锻炼自己的能力,何乐而不为呢?如果你还不是十分熟练Photoshop软件,别担心,跟着我的步骤一步一步来吧!
工具/原料
1

电脑、Photoshop cs6软件

2

素材几张

方法/步骤
1

大家看下以下这张素宋艺腊材,我们需要做的就是利用这张素材做成一个盲董动画(效果如下,可能网页不支持动画)。袭伟END

方法
1

用Photoshop打开这张图片,点击右下角“创建新图层”,填充该图层的背景颜色为黑色,然后再把该图层拉到底层。

2

按ctrl+t键调整背景图层和圆球的大小,调整的合适的位置后,按回车键确定

3

接下来,我们打开窗口菜单栏,点击“时间轴”,调出时间轴面板,点击“创建时间轴”。

4

我们点击圆球所在的下拉三角按钮,在弹出的左下角的子菜单中,点击位置旁边的“码表”,你会发现在该图层的时间轴上会多出一个点,我们这张gif的动画是一个圆球从上降落的,所以,我们把圆球所在的图层拖拽到背景图层的顶端。

5

滑动滑块1,拖动的合适的位置(我这里大概是15f的位置),然后再把圆球拉到底端,你会发现此时时间轴上又多出了一个点,你在这两段之间滑动滑块,你发现了什么?这两点的时间距离,就是圆球下落距离。

6

接下来,我们点击一下“码点”,你会发现这个点会变成黄色,然后再拖到滑块的合适的位置(没有固定位置,合理就可了),再把圆球向右上角拉高一点。

7

反复上一个步骤几次,知道把圆球拉出背景。当我们做好时,我们可以点击播放按钮进行预览。

8

当确定已经不需要修改时候,点击“文件”>“存储为web所用格式...”在格式里一定要选择存储格式为gif格式,否则你的图片就没有动态效果了。

小编有话说

我学Photoshop有一年多了,这是我自学的,如果其中有讲的不对、不好的,还望指出来。如果这篇经验对你有帮助,请留个赞!

注意事项

这里所用的Photoshop版本为Photoshop cs6 过低版本可能没有时间轴这个功能。

推荐信息