欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > PS

PS怎么做简单的动态图标?

设·集合小编 发布时间:2023-03-07 17:22:05 547次最后更新:2024-03-08 10:57:21

动态图片可以起到强化的作用,用户一眼就能看到,比如按钮,或者多幅画面切换,不仅美观,还起到了一定的强调作用,下面设·集合就分享给大家做简单的动态图标方法,希望给大家带来帮助。

工具/软件

电脑型号:联想(Lenovo)天逸510S;系统版本:Windows7;软件版本:PS CS5

静态图准备

第1步

这里我就不在讲整体画面的设计步骤,只讲需要做成动态的部分,以免误导了大家的思路。

首先将设计好的画面用PS打开。


第2步

用圆角矩形工具做一个精美按钮,注意一定是要在新的图层上,如下图。


第3步

将该按钮复制,如下图:用鼠标托住图层到创建新图层,这样就复制了一个完全一样的新按钮(图层1副本),如下图:


第4步

将该新按钮调节不同的颜色,如下图:


第5步

新建图层写上文字,点击咨询。如下图:


第6步

1、将背景层和点击咨询图层分别各复制一个

2、然后分别将文字、按钮、背景合并一个图层,文字副本、按钮副本和背景副本合并为一个图层。如下图:


制作动画

第1步

打开窗口 — 时间轴面板 — 在时间轴面板上创建新图层,有几个图层创建几个图层,这里是两个,所以我们创建两个,如下图:


第2步

点击小三角,设置切换时间,这里我们设置成2秒。如下图:


第3步

在时间轴面板上选中图层1,然后选中图层面板中的背景,隐藏图层点击咨询,如下图:


第4步

然后,选择时间轴面板上图层2和图层面板中的点击咨询层,如图:


第5步

点击三角进行预览,注意,次数为永远!这样预览就可以看到一幅完整的动态图了,如图:


第6步

然后按住 ctrl alt shift s 保存,格式选择GIF,这样这幅简单的动态图就完成了。

温馨提示

好了,以上就是“PS怎么做简单的动态图标?”这篇文章全部内容了,小编已经全部分享给大家了,还不会的小伙伴们多看几次哦!最后,希望小编今天分享的文章能帮助到各位小伙伴,喜欢的朋友记得点赞或者转发哦!

广告位

热心评论

评论列表