角色动画必备神器-Joystic - 上海MG动画制作公司|flash动画制作|MG宣传片|二维动画|企业产品宣传动画

作者:admin
4年 ago
3738 次数:

好久不见,这次的插件是Joysticks ‘n Sliders,可以帮助设计师通过创建控制杆或滑块来实现复杂的图形动画。

插件分为两个模块:Joysticks和Sliders,本次的教程主要来介绍Joysticks部分,它可以让我们将2D角色插画做出伪3D的效果,我将通过一个案例来让大家了解基本操作(案例如下图)

插件制作方法大致分为三个部分:1.设定角色头部上下左右的状态;2.创建控制器;3.使用控制器制作动画

在附件中,我打包了AI源文件,更有AE源文件以及插件下载地址,需要的朋友可以在页面下方随意下载。也欢迎关注公众号下载,一起学习交流。

Image title

Image title

插件名称:Joysticks ‘n Sliders

插件功能:通过创建控制杆或滑块来实现复杂的图形动画

教程版本:Adobe After Effects CC 中文版

安装路径:X盘 / Adobe After Effects CC / Support File / Scripts / ScriptsUI Panels

Image title

插件的Joysticks部分功能看似很多,但大部分情况只需要创建控制器按钮就足够了。

Image title

步骤一

打开AI,设置画板大小为800*600,绘制角色,将五官不同部位分图层命名保存

Image title

步骤二

将AI文件直接拖入AE,选择倒入种类为合成,AE会根据AI画板大小自动新建合成

Image title

Image title

步骤三

CTRL+A选中所有图层,右键-创建-从矢量图层创建形状,然后删除原来的图层(目的:将AI图层转化为AE里的形状图层,方便编辑)

Image title

Image title

步骤四

制作眼珠的控制器

①在第一帧K帧,设定眼珠的初始位置;

Image title

②在第二帧设置眼珠往右(以设计师为参照物)看的位置;

Image title

③在第三帧设置眼珠往左看的位置;

Image title

④在第四帧设置眼珠往上看的位置;

Image title

⑤在第五帧设置眼珠往下看的位置;

Image title

⑥k帧完成后,选中两个眼珠图层,点击插件,生成控制器(可手动调整控制器大小和位置)

Image title

Image title

⑦将眼珠图层的父级设置为对应的眼睛图层(目的:让眼珠在之后的转头动作中可以始终限制在眼眶内)

Image title

步骤五

制作面部的控制器

①和眼珠控制器的制作相同,在前五帧分别设定正面、右、左、上、下的状态(可以设置位置、选择、尺寸等等所有可以K帧的属性)

Image title

Image title

Image title

Image title

Image title

②选中所有图层点击插件按钮,制作控制器

Image title

步骤六

完成,给控制器K帧来制作动画吧!

Image title

Image title


感谢看到这里!有问题可以和我微信交流,希望和大家一起进步!

本文由 @设计师深海 原创发布,未经许可,禁止转载。

标签:,