欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
【科迅干货】AE Joystic插件制作角色动画小教程
2019/8/16
科迅教育
368
南通平面设计培训,南通平面广告设计培训,南通UI设计培训,南通淘宝美工培训,南通电商设计培训,南通C4D培训,南通网页设计培训,南通淘宝运营培训,

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

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

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

在附件中,我打包了源文件,需要的朋友可以在页面下方获取。

01.jpg

2.jpg

插件名称:Joysticks 'n Sliders

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

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

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

3.jpg

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

4.jpg

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

5.jpg

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

6.jpg

7.jpg

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

步骤四 制作眼珠的控制器

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

10.jpg

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

11.jpg

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

12.jpg

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

13.jpg

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

14.jpg

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

15.jpg

16.jpg

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

17.jpg

步骤五 制作面部的控制器

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

18.jpg

19.jpg

20.jpg

21.jpg

22.gif

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

23.gif

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

77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-