甲虫课堂 > AE教程 >

AE+AI制作可爱的小猪存钱罐动效

阅读
2021-04-17 10:00:47

效果图

AE+AI制作可爱的小猪存钱罐动效

AI部分

1.新建文件

新建一个800*600,72dpi,新建一个800*600矩形填充:# 78bbff,画布居中对齐。

2.手的分解部分

① AE中需要变化的拇指有两种状态,收起和弹起,所以将两个部分分别绘制;拇指需要藏在其他手指下面,所以手指和手掌也分别绘制,手的部分为4个图层。

手部分的所有图层

AE+AI制作可爱的小猪存钱罐动效(1)

描边粗细:3px,描边颜色:#f9bbc1,填充颜色为:#fff0e9。

AE+AI制作可爱的小猪存钱罐动效(2)

阴影部分的绘制方法,方法类似,之后涉及阴影部分就不重复了。

首先复制手指,填充改为:#f7deda,去除描边。

AE+AI制作可爱的小猪存钱罐动效(3)

选中手指,路径——偏移路径,因为描边粗细是3px,缩进到填充部分就是1.5px。

AE+AI制作可爱的小猪存钱罐动效(4)

AE+AI制作可爱的小猪存钱罐动效(5)

绘制一个圆选中形状,选择分割,然后Ctrl+Shift+G,取消编组,删除多余部分。

AE+AI制作可爱的小猪存钱罐动效(6)

最后把选中之前的形状调整一下层的顺序,调整图层上下的快捷键是:“Ctrl+[” 和 “Ctrl+]”。

AE+AI制作可爱的小猪存钱罐动效(7)

3.金币的分解部分

金币在起落的过程中产生了四种状态,但是主体部分比较相似,第一个金币的绘制。

AE+AI制作可爱的小猪存钱罐动效(8)

① 选择形状工具新建一个60*60px的圆,颜色为#ffeebd。

AE+AI制作可爱的小猪存钱罐动效(9)

② ctrl+f,在形状的上层复制一个形状,颜色为#ffc10d。

③ 绘制阴影部分,新建一个圆形,颜色为#ffe4a1,随意拖拽一个矩形,对其圆形的中心点,选择两个形状——路径选择器——减去顶层。

AE+AI制作可爱的小猪存钱罐动效(10)

AE+AI制作可爱的小猪存钱罐动效(11)

双击选择工具,选择旋转角度,与之前的形状对齐。

AE+AI制作可爱的小猪存钱罐动效(12)

④ 眼睛的颜色#1d3537,腮红的颜色#ff8f8f。

⑤ 嘴巴和反光线条。

反光线条:新建一个40*40px的圆,3px描边,描边颜色#ffffff,使用剪刀工具在适当位置打断点,将截断的多余线条删除。

嘴巴:用刚才半圆制作方法一个填充为#1d3537的半圆,把填充改为描边,粗细为3px。

AE+AI制作可爱的小猪存钱罐动效(13)

AE+AI制作可爱的小猪存钱罐动效(14)

4.小猪储钱罐

① 身体部分

选择圆角矩形工具绘制一个圆角矩形就是身体啦,填充:#ffe6e9,描边:#f9bbc1,描边粗细:3px。

AE+AI制作可爱的小猪存钱罐动效(15)

② 脚

绘制一个矩形,直接选择工具选中左上角锚点方向键向左挪一下,选中图形拉动圆角;填充:#ffe6e9,描边:#f9bbc1,描边粗细:3px,选择对称,复制一个对称的腿;选中腿和身体,路径选择器——联集。

AE+AI制作可爱的小猪存钱罐动效(16)

AE+AI制作可爱的小猪存钱罐动效(17)

AE+AI制作可爱的小猪存钱罐动效(18)

③ 鼻子

鼻子就是圆角矩形和椭圆的组合,圆角矩形和身体融合的部分,选中两个形状选择:路径选择器——联集。

④ 耳朵

可以绘制一个圆形加上一个矩形,对其,直接选择工具选中矩形右上角一点拖动圆角符号, 选中两个形状,路径查找器——联级,合并两个形状,直接选择工具调整一下锚点,旋转20度,填充:#ffe6e9,描边:#f9bbc1,描边粗细:3px。

AE+AI制作可爱的小猪存钱罐动效(19)

AE+AI制作可爱的小猪存钱罐动效(20)

⑤ 尾巴

两个圆角矩形,圆角拉到最大,剪刀工具截断线条,选中两个线条ctrl+j连接两个线段,把描边变成圆头,描边颜色:# f9bbc1,粗细3px。

AE+AI制作可爱的小猪存钱罐动效(21)

AE+AI制作可爱的小猪存钱罐动效(22)

AE+AI制作可爱的小猪存钱罐动效(23)

⑥ 眼睛,嘴,硬币口颜色均为# ffa1b3,眼睛和嘴用钢笔工具画一段3px线段就行,AE中方便操作。

⑦ 标注部分颜色为:# ffd6db。

AE+AI制作可爱的小猪存钱罐动效(24)

⑧ 小星星使用星型工具,拖拽形状时不要松开鼠标左键,按一下方向键即可变成四个角的小星星。

AE+AI制作可爱的小猪存钱罐动效(25)

AE部分

1.文件——导入AI文件。

AE+AI制作可爱的小猪存钱罐动效(26)

2. 双击导入的文件,选中所有的层,右键创建形状,将AI格式的图层删除。

AE+AI制作可爱的小猪存钱罐动效(27)

AE+AI制作可爱的小猪存钱罐动效(28)

3. 具体的步骤依然从手的顺序说起

① 手的动作

首先选中所有与手相关图层,先做一个预合成,取名为“手”,类似于PS中的智能对象的用法,先将手相关的动作做出来。

AE+AI制作可爱的小猪存钱罐动效(29)

AE+AI制作可爱的小猪存钱罐动效(30)

双击手进入编辑后,在10帧的位置上alt+] 在后方截断拇指收起的层,因为之后要显示弹起来的手指。

AE+AI制作可爱的小猪存钱罐动效(31)

同样在10帧的位置在alt+[ 在前方拇指弹起图层

AE+AI制作可爱的小猪存钱罐动效(32)

选中手的图层,p键调出位置关键帧,在20帧处打一个关键帧,手指弹起的变换动作就完成,回到之前的合成中。

AE+AI制作可爱的小猪存钱罐动效(33)

在1’10帧的时候调整手的位置水平向左平移直到离开画面。

AE+AI制作可爱的小猪存钱罐动效(34)

② 金币的动作

静止的金币在10帧后方截断,之后切换成起跳状态金币,alt+[ 截断起跳的金币,在第10帧建立一个位置关键帧。

AE+AI制作可爱的小猪存钱罐动效(35)

30帧的位置垂直调整起跳金币的位置。

AE+AI制作可爱的小猪存钱罐动效(36)

之后变换成翻转状态的金币,同样阶截断出现时间,快捷键s,设置缩放关键帧,第一帧不需要变化,这里是一个视觉效果,压扁金币表现翻转状态。

AE+AI制作可爱的小猪存钱罐动效(37)

第二帧就是压扁状态,数值为50%。

AE+AI制作可爱的小猪存钱罐动效(38)

为了弥补厚度效果,加一个椭圆在第二帧置于翻转金币下面。

AE+AI制作可爱的小猪存钱罐动效(39)

第三帧复制第一帧,把时间指示器放在第三帧位置,选中第一帧ctrl+c,ctrl+v复制完成。

接下来最后一个状态,下落,这里动效的方式和起跳相似。

AE+AI制作可爱的小猪存钱罐动效(40)

接下面就是效果中金币起跳,翻转,下落的辅助线。

首先是依次出现顺序。

AE+AI制作可爱的小猪存钱罐动效(41)

位置关键帧的分布,速度线的位置是根据金币的动向决定的。

AE+AI制作可爱的小猪存钱罐动效(42)

线段的出现与消失,涉及一个修剪路径的知识点,目的为了实现线段从顶部渐渐出现,从尾端渐渐消失。

选中线段图层展开,点击添加——修剪路径。

AE+AI制作可爱的小猪存钱罐动效(43)

然后设置开始结束的关键帧,第一帧先让线段看不见。

AE+AI制作可爱的小猪存钱罐动效(44)

第二帧渐渐出现,开始关键帧调整为0,同时打上结束关键帧,让线段消失。

AE+AI制作可爱的小猪存钱罐动效(45)

结束关键设为0,线段由下至上消失。

AE+AI制作可爱的小猪存钱罐动效(46)

金币旋转时的线颤动效果是wiggle表达式,alt不放单击小钟,会出现表达式框。

AE+AI制作可爱的小猪存钱罐动效(47)

双击表达式框,输入。

AE+AI制作可爱的小猪存钱罐动效(48)

③ 小猪储钱罐

与之前手的做法类似,将与小猪相关内容做预合成,调整小猪本身的动作。

AE+AI制作可爱的小猪存钱罐动效(49)

2秒时金币完全落下,小猪接住就会产生下坠一个形变,所以设置缩放,设置一个起始关键帧和缩放95%的关键帧,需要注意,在此之前需要调整中心点位置,把中心点置于小猪下方。

AE+AI制作可爱的小猪存钱罐动效(50)

然后煽动耳朵,转动尾巴都是旋转,快捷键R,设置旋转关键帧,同样调整中心点,第二帧旋转-10度,第三帧复制第一帧。

AE+AI制作可爱的小猪存钱罐动效(51)

嘴巴和眼睛的变化依然是修剪路径。

眼睛第一帧开始为100%,第二帧变为80%,第三帧复制第一帧。

AE+AI制作可爱的小猪存钱罐动效(52)

最后是闪光,做法是设置不同的不透明度实现一闪一闪的效果,快捷键是T。

小猪的所有动作做完后回到场景中调整出场时间,做法与手的动态相似。

AE+AI制作可爱的小猪存钱罐动效(53)

在金币掉进小猪的肚子里,需要做一个遮罩层,让金币通过孔之后消失,选择矩形工具,绘制一个矩形,单击图层回车重新命名:遮罩层,遮罩层是为了遮住下落的金币,所以图层位置就放在下落金币的上方,然后把图层的小眼睛关闭,画面中就不会显示了。

AE+AI制作可爱的小猪存钱罐动效(54)

AE+AI制作可爱的小猪存钱罐动效(55)

然后下落金币选择反转遮罩。

AE+AI制作可爱的小猪存钱罐动效(56)

为了让整个动画连贯,ctrl+d复制一个手,截断前方,控制出场时间。

AE+AI制作可爱的小猪存钱罐动效(57)

最后还有一些做法类似的对运动速度的调整,这里对起跳的金币做详细步骤,其他的还需要变化曲线的还有:下落的金币,手1,手2,小猪储蓄罐,上落和下落的速度线。

首先是加上缓动,选择两个关键帧,快捷键F9。

AE+AI制作可爱的小猪存钱罐动效(58)

接着点击调整曲线。

AE+AI制作可爱的小猪存钱罐动效(59)

向上抛东西是从快到慢点速度曲线,由慢到快,曲线就和上升呈对称,再点击一下曲线调整到按钮,就回到之前到页面。

AE+AI制作可爱的小猪存钱罐动效(60)

AE+AI制作可爱的小猪存钱罐动效(61)

相关教程
相关评论
X
0条回复

全部回复

回复...
X
X
写评论...
0
更多
X