欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

时间:2018-11-30
类别:PS教程
水平:入门
观众:3.9w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:野鹿志(授权转载)

公众号:野鹿志

封面作者:apricot berlin

交作业:#优设每日作业#

关于教程

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

这是国外的名叫Jamie Beck和Kevin Burg的摄影师的作品,这种效果专业名字叫Cinemagraph

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

我只是随便选了几张出来,更多的作品大家可以通过他们的官网欣赏:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

这种动图有一种静止世界中的微运动的感觉,野郎非常的喜欢。

野郎研究了一下,其实动图的效果后期制作并不难,就是蒙版的运用。

当然大神级的作品是需要靠非常强大的前期技术来支撑的。嘛~野郎只是个野路子业余爱好者,所以就找素材来搞吧!

今天我们就一起来用Ps制作Cinemagraph风格的动图吧:

 

教程步骤

首先需要准备一小段高清视频素材,由于Ps对于视频截取的功能比较弱,建议大家用绘声绘影或者Pr等软件裁剪合适的部分噢。

我这里准备了两个电影片段,一个是意大利黑发大美女莫妮卡·贝鲁奇的电影《西西里的美丽传说》的片段,另外一个是《银河护卫队1》中的片段:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

这里就拿女神的电影片段来做文章吧,首先打开Ps执行文件-导入-视频帧到图层:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

在这里其实是可以拖动滑标来截选视频片段的,但如果需要选择很精确的话很难做到。

所以前面建议大家最好用专业的视频剪辑软件来搞,然后点选创作帧动画:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

先用裁剪工具对画布进行裁剪吧,让视线更加集中,比例最好还是16:9:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

在窗口里把时间轴打开:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

这里先点击播放键看看原本动图的效果,动图连贯性很重要,如果你的视频素材动作不连贯的话,可以考虑把时间轴上的帧复制以后再反向帧试试效果。

由于这个视频素材的动作效果本来进行下去就很连贯,所以不需要单独处理。

然后思考一下哪些地方需要静止,哪些地方需要动起来,我这里选择让裙子和头发部分动,其他部分静止:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

在众多图层中选择一个作为静止层吧,我选择图层1,鼠标在图层面板的图层1上右键选择导出png:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

再把这个静止层拖进来放在最上面一层,并且保证前面的眼睛是打开的,播放预览一下,这个时候画面就都变静止了:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

用钢笔工具套选住需要动的两个部分:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

将选区进行反选之后,再添加图层蒙版,再点击播放键预览一下,会发现蒙版上的黑色部分,也就是刚才钢笔勾勒的选区以外,画面的其他部分都静止了。

这个其实就是蒙版的运用:白显黑不显。白色部分是最上方的静止层,所以蒙版上的白色部分,画面都是静止的,而黑色部分则是下面的动态图:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

这个时候你会发现画面中的女神身体某些部分以及背景有微微的错位的感觉。

所以用白色画笔在蒙版上涂抹错位的地方,这里需要耐心一点:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

这样局部动态的大体效果就出来了,你要是想给动图调个色也行,全选住时间轴上的帧进行调色处理就可以了。

我这里就用曲线和照片滤镜瞎弄了一通,请大家忽略:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

最后留上名字把动图导出来看看吧:

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

其实Cinemagraph风格的效果原理委实不难,野郎顺手把另外一个《银河护卫队》的素材也搞了,一起看看吧:

是不是挺有趣的?

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

更多有趣效果

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

图片作者:apricot berlin

 

相关推荐

PS教程!教你如何让静态照片动起来(Cinemagraph效果)

PS教程!局部动态效果如何制作?5分钟教你立刻掌握

 

结语

本期教程到这里就结束了,数据不是绝对,根据自身情况操作。多尝试,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

PS教程!局部动态效果如何制作?5分钟教你立刻掌握


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发

【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。

【收获】更好的自己

13 收藏 41

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 11

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片