狼牙创意网 免费共享 教程文章 查看作品内容

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程

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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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



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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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



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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

 

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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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



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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程


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

如何用PS制作动画效果,PS动画制作教程,GIF动画教程,图片动态效果制作,扫描GIF动画教程

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

大家如果喜欢本教程文章的话就点个赞,如果有什么好作品或者好文章也欢迎分享
分享是一种快乐,感谢大家对狼牙创意网的支持!
(如果转载请注明来源:狼牙创意网www.logohhh.com)
122

刚表态过的朋友 (122 人)

>

声明:本站内容仅供学习和参考。

管理员QQ:2317735435

创意素材|找回密码| 滇ICP备2025072686号-1

返回顶部


用第三方帐号登录

注册