×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
软件安装教程 远程服务 超值!手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 339|回复: 0

[效果] Photoshop制作科技感十足的动态环绕动画效果教程

[复制链接]
发表于 2017-7-4 09:02:02 | 显示全部楼层 |阅读模式
效果图:
2017070320220756.jpg
这个教程需要比较高版本的PS,不然没有时间轴窗口。我的是CC 2017。
2017070320220814.jpg
首先打开你的Ps,新建一个画布,最好是方形。接着拉出参考线。
20170703234328872.jpg
20170703234328405.jpg
2017070320220867.jpg
2017070320220842.jpg
2017070320220804.jpg
2017070320220817.jpg
2017070320220847.jpg
2017070320220894.jpg
2017070320220813.jpg
2017070320220833.jpg
2017070320220865.jpg
2017070320220839.jpg
2017070320220863.jpg

填充之后,蒙版看起来是这样,圆环隐藏了一半。
2017070320220835.jpg
2017070320220898.jpg
之后,“Ctrl+S”保存,回到原工程。
2017070320220966.jpg
画布这时候什么也没有,因为都被隐藏了。
2017070320220901.jpg
转到时间轴窗口。 时间线拉到开头,点击红框内按钮,可以看到右边多出一个关键帧。
2017070320220957.jpg
我们把时间线拉到15f处,点小菱形,再新建一个关键帧。(图中为了给大家看到15f,把红线拉到旁边了) 之后红线保持在15f处。
20170703234329327.jpg
选中图层。执行"Ctrl+T"变换.
2017070320220999.jpg
2017070320220907.jpg
这时候拖动红线,可以看到大致效果,圆环动起来了。
2017070320220937.jpg
靠近尾部的地方再新建关键帧,不要完全在边上,不然无法调整图形!
2017070320220956.jpg
2017070320220945.jpg

到这里,半个圆环的动态基本制作完成。 咱们继续,复制一层,把蒙版反过来。
2017070320220911.jpg
这个时候再把关键帧拖到底。
2017070320220955.jpg
播放一下,你会得到这样的动态!
2017070320220948.jpg
2017070320220969.jpg
2017070320220942.jpg
2017070320220965.jpg
2017070320221083.jpg
你会发现,即使转成智能对象,它依然会动。
而智能对象是可以编辑的,比如放大,缩小,旋转,变形..... 你可以把它整个放大,缩小,它还是会动!
2017070320221040.jpg
重要的是,这个动图是智能对象,里面的圆也是智能对象,我们可以一级一级往上跳,调整它的属性,比如线改成白色,改成虚线。
圆环遮一半,或者遮四分之三。或者给它加上投影,描边,等等。
我简单举个栗子:
2017070320221036.jpg
最终效果图!

本教程完!
========================= 学习提示 =========================
打开ps,跟着教程做一遍,做完的图要到这里评论交作业
http://bbs.jcwcn.com/thread-950755-1-1.html
教程有看不懂的地方,可以在贴子下面评论

本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=950755
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345