手机版
手机扫一扫打开网站

扫一扫打开手机网站

公众号
微信扫一扫关注我们

微信扫一扫关注我们

帖子详情

相关文章推荐

如何用PS制作动画效果,PS动画制作教程,GIF动画教程

如何用PS制作动画效果,PS动画制作教程,GIF动画教程



sfsfe2323 下影

影值: 92 银子: 18

2021-7-9 15:48:45 | 显示全部 返回 收藏收藏

有朋友在之前的教程文章留言中提到关于PS动画的制作。本章教程就给大家分享一下如何用PS制作GIF动画。
下面我们以指针扫描的动画效果作为示例,给大家分享一下整个动画的制作过程(如下图所示)


[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-1.jpg [/url]

第一步、新建个250*200的画布。填充灰色做背景,用椭圆工具画个#bacce5的正圆。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-2.jpg [/url]

第二步、添加图层样式。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-3.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-4.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-5.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-6.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-7.jpg [/url]

第三步、现在是一个椭圆形状(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-8.jpg [/url]

第四步、画个颜色是#00387d的蓝色圆形。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-9.jpg [/url]

第五步、图层样式。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-10.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-11.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-12.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-13.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-14.jpg [/url]

第六步、把刚才那个蓝色的圆形复制一层,然后清除掉图层样式,并且把清除了图层样式的那个圆的填充设置为0。(如下图所示)

如何用PS制作动画效果,PS动画制作教程,GIF动画教程-15.jpg

第七步、图层样式参数设置(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-16.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-17.jpg [/url]

第八步、画圆形上方的白色部分。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-18.jpg [/url]

第九步、把白色部分设置填充为0%(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-19.jpg [/url]

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-20.jpg [/url]

第十步、画横竖两根线条,颜色是黑色。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-21.jpg [/url]

第十一步、画两个黑色圆圈。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-22.jpg [/url]

第十二步、横线、竖线、黑色圆圈都添加相同的图层样式。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-23.jpg [/url]

第十三步、把黑线和黑圈的填充改成50%。然后再画个白圆。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-24.jpg [/url]

第十四步、记得是先新建图层之后再画白圆。把圆的填充改成0%,然后设置图层样式。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-25.jpg [/url]

第十五步、到了这里,动态效果图片的造型已经出来了。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-26.jpg [/url]

第十六步、然后我们打开时间轴窗口,或者动画窗口IR。复制2次帧。(如下图所示)

如何用PS制作动画效果,PS动画制作教程,GIF动画教程-27.jpg

第十七步、选中第2帧,把那个一直转的图层的图层样式进行设置。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-28.jpg [/url]

第十八步、我们选中第1帧,按过渡按钮。(如下图所示)

如何用PS制作动画效果,PS动画制作教程,GIF动画教程-29.jpg

第十九步、过渡设置。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-30.jpg [/url]

第二十步、在过渡完之后,选中最后一帧再过渡,过渡设置(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-31.jpg [/url]

第二十一步、然后我们把播放次数改成永远。(如下图所示)

如何用PS制作动画效果,PS动画制作教程,GIF动画教程-32.jpg

第二十二步、到了这里动态效果已经做好了,现在我们把做好的文件储存为Web所用格式。(如下图所示)

[url=] 如何用PS制作动画效果,PS动画制作教程,GIF动画教程-33.jpg [/url]

好了,这样一个指针不断持续旋转的圆形GIF动画就做好了(如下图所示)

[url=][/url]

PS是强大的设计制作软件。除了处理精美的图片效果,同样也可以制作动画。以同样的方法可以做不同的JIF动画效果。大家可尝试一下,以上述方法进行JIF的动画制作。相信通过练习之后会有更多的收获和灵感。





上一篇:跳舞的美妞动画制作教程
下一篇:轨迹动画制作教程



闲置时间之家-技能/资源雇佣平台
您需要登录后才可以回帖 登录 | 注册




主页

需求大厅

互动

技能展示

教程/投稿

更多+


发帖
快速回复 返回顶部 返回列表