AE教程!教你4步将国画JPG转成3D小动画

时间:2019-04-25
类别:AE教程
水平:入门
观众:27315
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

img

教程作者:阿随向前冲

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

本是安静jpg,学会这一招,分分钟就可以把它转变成3D动画gif图,效果还真不错。

好久没来分享gif图、动态表情的文章了,清晨醒来突然技痒,于是,想到了jpg转gif的玩法,So,二话不说,爬起来写文章,就先从如何把古色古香的国画转成带景深的3D动画聊起吧。

闲言少叙,有请今天文章的 “模特”:宋徽宗的 《听琴图》。这张保存在我笔记本中的名画,,貌似已经存在了很久,虽然我已想不起那是何时的故事:在开着N多个标签页的浏览器上,保存了它,一张诞生自北宋末年,穿越了漫长历史长河,载着几多山河来到现如今的国画,它联系着好几个名字,以及一些故国往事。但是,这些并不是我所关心的。宋徽宗,字画皇帝,不知道有多少人装了以他的书法为模板做的瘦金体字体,可能这是离我们最近的一个侧面。

喏,这幅画长下面这样:

AE教程!教你4步将国画JPG转成3D小动画

开始教程之前,阿随君忍不住先来聊聊关于这幅画的想象之美。就像人体的组成,看起来都是硬梆梆的骨头,可实际上70%都是水,让生命流淌着,《听琴图》的留白也一如传统,而剩下那30%的内容恰是那点睛之笔,我们的视线穿过庭前花束,小书童依傍而站,有两个先生,一个在安静聆听,另一个也在安静聆听,再往画里去是那抚琴雅乐的先生,一茶几,一棵树,两三点缀,静静得动,在这些安静的神情中,仿佛看到了琴舞飞扬,一丝丝弦乐如那色香外形俱全的佳肴入胃般,叫人只剩下陶醉在美好的感官刺激中。

AE教程!教你4步将国画JPG转成3D小动画

局部特效动画效果如上

很喜欢画中这份幽静,想象着走进画中与人物聊上一聊,赏一段琴声,喝几杯小酒,连带这入寒的初冬也暖了几分。这里不关心三位长者到底影射的是哪些个人物,只消让他们分次入座,望去如走进画中一般,赋予“身临其境”以真实的意义。

 

前方高能教程

从jpg改成gif的核心技能是:

1.PS抠图

2.AE做摄像机运动。

PS:如果仅是jpg改成gif,仅仅用PS就已经能胜任多种场景了,这个后续阿随君也会接着写文章的。而像本文中这种需要景深感的,强烈建议打开AE来做,简单轻松又快速。

 

第一步:抠图

想要做出景深的3D感觉,显然就是要有一个Z轴的运动轨迹,简单说就是往“屏幕”里走。那么观察《听琴图》可以得出,就是做出一个个穿过人物的动作。想到这儿,我们的抠图思路就清晰了,就是把画面中的四个人物、树、花等一一抠出来,如下图所示,是阿随君在PS中准备好的,已经分好图层的听琴图.psd,接下来保存文件即可。

AE教程!教你4步将国画JPG转成3D小动画

至于如何抠图,小伙伴们可以参考→ PS最新功能选择主体!一键抠图不是梦,这里就不做过多抠图的分布介绍,有问题的可以留言交流,么么哒。

 

第二步:PSD导入AE建合成

打开AE,通过菜单栏文件>导入>文件,将上一步做好的听琴图.psd导入AE,也可以直接把该文件拖拽到AE项目面板中,注意在导入的时候,“导入种类”选择“合成-保持图层大小”,如图所示:

AE教程!教你4步将国画JPG转成3D小动画

导入后,自动生成一个新的合成“听琴图”,双击它即可打开,然后会发现所有抠好的图层都在,接下来把它们的3D选项都打开,如下图红线框选复位框逐一勾选上即可。同时,修改它们的位置属性,即建立前后景。操作方法也很简单,既可以通过修改参数数值,也可以直接用鼠标拖动合成面板中的人物移动到目标位置即可。

 

第三步:做摄像机运动

通过菜单栏“图层>新建>摄像机”或者按键盘快捷键Ctrl+Alt+Shift+C,即可,如图所示,点击确定即可。

AE教程!教你4步将国画JPG转成3D小动画

然后,最重要的一步就是,对摄像机做关键帧运动,类似于我们的摄影师开始扛起摄像机拍摄了。主要是对他的位置和方向两个属性做关键帧,原理很简单,就是通过在两个不同时间点上打帧(记录)摄像机的不同位置和方向,AE会自动补全亮点之间的属性,这样在按预览播放的时候,就已经是动态的了。

AE教程!教你4步将国画JPG转成3D小动画

 

第四步:配乐、导出、转gif

选择一段合适的音乐,阿随君就选择了沼泽乐队专辑《1911》中的《第二回》来做配乐。然后,可以通过菜单栏的“合成>添加到渲染队列”来保存视频作品,或者通过AME来保存,都是可以的。

导出视频后,如果想做成gif来使用,就再回到PS中,直接拖拽进来,然后Ctrl+Alt+Shift+S,保存成gif即可,具体操作方法可以看 → Photoshop动图尺寸修改与视频转GIF

再放个效果图感受下。

AE教程!教你4步将国画JPG转成3D小动画

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

AE教程!教你4步将国画JPG转成3D小动画


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)
【收获】更好的自己

7 收藏 56

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

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

复制本文链接

发表评论 已发布 12

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片