如何制作GIF动态图片

时间:2024-10-17 00:45:54

1、今天我们使用photo衡痕贤伎shop来制作一个gif动图,photoshop中制作动图的原理和flash中动画的动画原理是一样的,都是可以自动生成补间动画,但是在photoshop中,补间动画只能是位置的补间动画和透明度的补间动画,所以我们要想使用photoshop来制作gif动图,就需要从位置和透明度这两个方面入手,接下来,我们打开photoshop开始制作gif动图,如下图:

如何制作GIF动态图片

3、创建好了之后我们就会得到一块画布,如下图:

如何制作GIF动态图片

5、树1和乌鸦1两个图层的内容如下图:

如何制作GIF动态图片

7、下图为“树1”和“乌鸦1”两个图层的图像,如下图:

如何制作GIF动态图片

9、下图为“树2”和“乌鸦2”两个图层的图像,这两个图层的图和1图两个图层的区别在于乌鸦的翅膀朝下,树的位置向右移动一些,如下图:

如何制作GIF动态图片

11、下图为“树3”和“乌鸦3”两个图层的图像,这两个图层的图和2图两个图层的区别在于乌鸦的翅膀朝上,树的位置向右移动一些,如下图:

如何制作GIF动态图片

13、合并之后都显示出来的图像如下图:

如何制作GIF动态图片

15、然后我们就会在ps的下方看到一个时间轴的视图,如下图:

如何制作GIF动态图片

17、然后我们点击时间轴视图中下面小图标中倒数第二个新建的小图标新建一个帧,如下图:

如何制作GIF动态图片

19、然后我们点击时间轴视图中下面小图标中倒数第二个新建的小图标再新建一个帧,如下图:

如何制作GIF动态图片

21、然后我们点击时间轴视图中下面小图标中倒数第二个新建的小图标再新建一个帧,如下图:

如何制作GIF动态图片

23、然后我们按照下图中红色方框指示,将图片的循环格式设置为“永远”,将每个图片的持续时间设置为“0.2”秒,如下图:

如何制作GIF动态图片

25、之后我们就可以将我们制作的gif图片进行储存了,我们按照下图中指示,点击菜单栏“文件”,然后点击“文件”下的“存储为Web所用格式”,如下图:

如何制作GIF动态图片

27、然后我们选择一下存储位置,然后点击“保存”,如下图:

如何制作GIF动态图片
© 智德知识库