平面设计 
首页 > 平面设计 > 浏览文章

ps gif动态图片制作图文教程

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )

下面小编为大家分享ps gif动态图片制作图文教程,其实这个原理也很简单,就是在不同的时间显示出不同的画面。就这么简单,下面就来讲讲我们具体的步骤。

方法/步骤

1、首先把你需要显示的图片全部在ps中打开,并且不同的图片放在不同的层中,放图要有顺序方便后期制 如图:

ps gif动态图片制作图文教程

2、然后点窗口,选择时间轴,如图:

ps gif动态图片制作图文教程

3、接下来设置第一帧显示,也就是初始画面。先点击时间轴上的第一帧 如图:再把图层一左边的框点一下出现一个眼睛(显示),其他图层全部去掉眼睛(隐藏),初始画面就出来了。如图所示:

ps gif动态图片制作图文教程

ps gif动态图片制作图文教程

4、然后设置第二帧,还是先点击时间轴上的第二帧。在图层中把刚刚点上的第一层的眼睛去掉,第二层的眼睛点出来,也就是这个时间只显示第二层的图片,其他都不显示。如图:

ps gif动态图片制作图文教程

5、然后是同样的步骤,在第三帧上,隐藏一二层点出显示第三层,如图:

ps gif动态图片制作图文教程

6、第四帧、第五帧、第六、七、、、、、、后边的帧数都一样的步骤以此类推,完成所有的帧之后,你可以点击播放看看你制作的效果如何。

ps gif动态图片制作图文教程

7、如果觉得显示的时间不对可以选择自己设定每一帧的显示时间及间隔(点击每一帧的下面那个小三角箭头既可以设置)如图:

ps gif动态图片制作图文教程

8、接下来当然就是保存了,保存时注意。要选择储存为(web所用格式)如图:

ps gif动态图片制作图文教程

9、最后选择gif格式,保存就ok了。

ps gif动态图片制作图文教程

注意事项

在设置帧的时候一定要细心

以上就是ps gif动态图片制作图文教程,希望能够对大家有所帮助!

上一篇:PS制作超漂亮的丝絮效果心形教程
下一篇:PS快速给硬汉加上逼真的纹身效果教程
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap