今天分享一个伪3D的动效教程,不需要3D建模,只需要在AI里面绘制图层后,导入AE调整图层顺序即可完成。

通过AE里面对图层的上下关系处理来达到3D的效果

我们先来看下最终效果吧

这个效果做起来其实做起来并不复杂,但是需要一定的耐心,因为涉及到很多图层的处理。熟悉原理后可以应用到很多动效当中

通过对2D插图的调整,使其变成3D的效果。


视频教程

(视频教程等上传,可点击上方文字查看)



图文GIF教程,多图预警

STEP 01

首先在AI绘制好我们的图层,并分好图层,以备导入AE时做动画



STEP 02

AI文件直接拖入AE当中,选择「合成」,「图层大小」  
 



STEP 03

将ai图层转换成可编辑对象,全选图层「右键」-「创建」-「从矢量图层创建形状」



STEP 04

为图层重新命名并整理好图层的颜色,以便后面整理(一定要分好颜色,后面图层会很多!!!)



STEP 05

调整窗户,先在「窗户」图层的「路径」和「位置(P)」属性k上关键帧



STEP 06

根据透视,窗户来到这里应该是变扁的,所以我们调整下它的「路径」



STEP 07

在「效果和预设」里面搜索「遮罩」-选择「简单遮罩」



STEP 08

复制下窗户的图层,全选关键帧,选择反向关键帧,调整到合适的位置



STEP 09

调整小火箭,创建3D效果(建议观看视频)

由于限制,上传GIF会过长,也不好理解,所以这里将k帧的思路告诉大家,明白了思路后,只是需要在AE里面耐心慢慢调整即可。

建议看完思路后观看下视频,会比较好理解。难度其实很小,但是需要足够的耐心。



STEP 10

打开插件,并创建一个样式



STEP 11

调整来源至对应的火箭图层,并调整喷气尾巴的位置



STEP 12

因为我们的火箭图层有8个,所以8个都要设置到对应的插件样式

设置好其他喷气尾巴后,可以开始细节的调整。



STEP 13

细节调整,调整速度曲线。



插件和AI文件评论有获取方法


插件安装方法:

⁨找到AE安装文件夹,将插件放置到以下目录即可,Adobe After Effects CC 2019⁩ ▸ ⁨Scripts⁩ ▸ ⁨ScriptUI Panels

点个「赞」支持一下我们吧,非常感谢!


Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)