资讯 热点 聚焦 探测 工具 行业 公司 行情 市场 招标 地区 设计 咨询 信息 滚动 工程
您的位置: 首页>资讯 > >正文
2023-08-18 13:01:32 来源:互联网

大家好,最近小红发现有诸多的小伙伴们对于gif动图助手软件下载,gif动图这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。

1、今天我们用photoshop做一个gif动图。photoshop中制作动图的原理和flash中制作动画的原理是一样的,可以自动生成补间动画,但是在photoshop中,

2、补间动画只能是位置的补间动画和透明度的补间动画,所以如果要用photoshop制作gif动图,需要从位置和透明度两个方面入手。接下来,


(相关资料图)

3、我们打开photoshop开始制作gif动图,如下图:

4、首先,让我们创建一个新的ps文件,它可以是默认的,然后单击确定,如下所示:

5、创建完成后,我们将得到一个画布,如下所示:

6、接下来,我们将开始绘画。首先,我们将创建一个名为“树1”的新层,然后创建一个名为“乌鸦1”的新层,如下所示:

7、两层(树1和乌鸦1)的内容如下:

8、然后我们分别复制了树1层和乌鸦1层,得到了6层:树1,树2,树3,乌鸦1,乌鸦2,乌鸦3。在下图中,我们只显示了树1和乌鸦1层,如下所示:

9、下图显示了“树1”和“乌鸦1”两个图层的图像,如下所示:

10、在下图中,我们只显示了“树2”和“乌鸦2”两个图层,而隐藏了所有其他图层,如下所示:

11、下图是两层的图像:树2和乌鸦2。两层和图1的区别是乌鸦的翅膀朝下,树的位置向右移动,如下图:

12、在下图中,我们只显示了“树3”和“乌鸦3”两个图层,而隐藏了所有其他图层,如下图所示:

13、下图是两层的图像:树3和乌鸦3。这两层和图2的区别是乌鸦的翅膀朝上,树的位置向右移动,如下图:

14、接下来,我们将合并树1和乌鸦1、树2和乌鸦2、树3和乌鸦3这两个图层,如下图所示:

15、合并后显示的图像如下:

16、接下来,我们点击如下图所示菜单中的“窗口”,然后点击“窗口”下的“时间线”,如下图所示:

17、然后我们会在ps底部看到一个时间线视图,如下图所示:

18、接下来,我们将图2和图3的不透明度设置为0,图1的不透明度设置为100,如下图:

19、然后,我们单击时间轴视图中倒数第二个新建图标来创建一个新帧,如下所示:

20、然后我们重复上述步骤,将图2的不透明度设置为“100”,其他设置为“0”,如下图所示:

21、然后,我们单击时间轴视图中倒数第二个新建图标,并创建一个新帧,如下所示:

22、之后我们重复上面的步骤,将“图3”的不透明度设置为“100”,其他设置为“0”,如下图:

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

24、接着我们删除掉最后一个帧,如下图:

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

26、设置完每个帧显示如下图:

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

28、然后我们进入到“存储为Web所用格式”的设置页面,这里我们默认,直接点击“存储”即可,如下图:

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

30、最终我们就可以打开我们刚刚制作成功的gif动图观看效果了,是不是很有成就感呢,如下图:

以上就是gif动图这篇文章的一些介绍,希望对大家有所帮助。

标签: