甲虫课堂 > AE教程 >

AE制作可爱的小鸡摇摇车动效

阅读
2021-11-01 16:25:34

效果图

AE制作可爱的小鸡摇摇车动效

步骤1:新建文档并创建动画背景

1.1   打开AI,点击文档→新建,创建一个新文档(快捷键Ctrl+N),进行参数设置。

AE制作可爱的小鸡摇摇车动效(1)

1.2   首先新建一个图层,命名为「背景」。绘制一个800*600的矩形,进行参数设置。

AE制作可爱的小鸡摇摇车动效(2)

1.3   将矩形与画板对齐,并点击小锁将其锁定,把对齐选项改为对齐所选对象。

AE制作可爱的小鸡摇摇车动效(3)

步骤2:绘制底座

首先新建一个图层,命名为「底座」。

2.1 选中「底座」图层,绘制一个140*50的矩形,调整四个角的锚点,并填充颜色#f24077。

AE制作可爱的小鸡摇摇车动效(4)

2.2 接着绘制一个290*50的矩形,同样调整为圆角,填充颜色#dd2651。

AE制作可爱的小鸡摇摇车动效(5)

2.3 同时选中两个图形,在对齐面板中选中水平左对齐和垂直居中对齐。将两个图形Ctrl+G编组,命名为底台。

AE制作可爱的小鸡摇摇车动效(6)

2.4 接下来绘制半球体。在底座图层中,点击椭圆工具快捷键L绘制一个80x80的圆形,接着点击矩形工具快捷键M绘制一个80x40的矩形。选中两个图形,水平居中对齐,垂直底对齐,同时在路径查找器中选择减去顶层得到半圆,为半圆填充颜色#421e6b。

AE制作可爱的小鸡摇摇车动效(7)

2.5 选中半圆,按住Alt键拖动复制一次,选中复制层,同样按住Alt键往右平移18px在复制一次。同时选中复制的两个半圆,在路径查找器中选择减去顶层,得到半球体的亮部。

AE制作可爱的小鸡摇摇车动效(8)

2.6 选中两个图形,水平左对齐,垂直底对齐。Ctrl+G将两个图形编组,命名为半球。

AE制作可爱的小鸡摇摇车动效(9)

2.7 选中底台和半球,在对齐面板中选择垂直居中对齐,Ctrl+G编组,命名为底座。底座部分就完成了,按Ctrl+S保存。

AE制作可爱的小鸡摇摇车动效(10)

步骤3:绘制支柱

新建一个图层,命名为支柱。

3.1 选中支柱图层,绘制一个30x60的矩形,填充颜色e0d7ff,再绘制一个10x60的矩形,填充颜色#aca1ff,作为支柱的暗部。选中两个矩形,在对齐面板中选择水平右对齐和垂直底对齐,Ctrl G编组命名为支柱。

AE制作可爱的小鸡摇摇车动效(11)

3.2 调整图层顺序,将支柱图层移动到底座图层下方,选中两个图层居中对齐。

AE制作可爱的小鸡摇摇车动效(12)

步骤4:绘制摇摇车

接下来绘制摇摇车主体。新建一个图层,命名为车车。

4.1 选中车车图层,绘制一个150x40的矩形,填充颜色#ffffff,使用选择工具快捷键V,点击矩形调节锚点为圆角得到图形。

AE制作可爱的小鸡摇摇车动效(13)

4.2 选中图形,Ctrl+C,Ctrl+F,原地向下复制一次,将复制得到的图形往右平移9px,填充颜色#e0d7ff,选中两个图形,Ctrl+G编组,命名为车头面板。

AE制作可爱的小鸡摇摇车动效(14)

4.3 绘制一个4x21,圆角半径为12px的圆角矩形,填充颜色#e0d7ff,选中圆角矩形按住Alt往右平移42px复制一次。

AE制作可爱的小鸡摇摇车动效(15)

4.4 点击混合工具快捷键W,依次点击两个圆角矩形,双击混合工具,进行设置,将编组命名为排气孔。

AE制作可爱的小鸡摇摇车动效(16)

4.5 选中排气孔与「车头面板」,水平和垂直居中对齐. 选中三个图形,Ctrl+G编组,命名为车头罩。

AE制作可爱的小鸡摇摇车动效(17)

4.6 绘制一个18x20的椭圆,填充颜色#e0d7ff,选中椭圆,点击对象→路径→偏移路径,参数进行设置,并填充颜色#ffe000。

AE制作可爱的小鸡摇摇车动效(18)

4.7 选中黄色椭圆,按住Alt拖动复制两次,并进行摆放。

选中两个图形,在路径查找器中使用减去顶层,得到车灯阴影,将阴影的不透明模式改为正片叠底。

AE制作可爱的小鸡摇摇车动效(19)

4.8 选中三个图形,Ctrl+G编组,命名为车灯1,选中车灯1编组,Ctrl+C,Ctrl+F,原位向下复制一层,将复制层命名为车灯2,往右平移106px,得到形状。同时选中所有形状,Ctrl+G编组,命名为车头罩子。

AE制作可爱的小鸡摇摇车动效(20)

4.9 接下来绘制前保险杆,绘制一个170x25的矩形,调整锚点圆角并填充颜色#e0d7ff。

AE制作可爱的小鸡摇摇车动效(21)

4.10 选中矩形,Ctrl+C,Ctrl+F原位向下复制一层,将复制层向右平移13px,并填充颜色#aca1ff,同时选中两个圆角矩形,Ctrl+G编组并命名为前保险杠。

AE制作可爱的小鸡摇摇车动效(22)

4.11 接下来绘制发动机盖,使用钢笔工具快捷键P勾勒出图形。

AE制作可爱的小鸡摇摇车动效(23)

4.12 车身部分,绘制一个22065的矩形,使用直接选择工具快捷键A,将右上角锚点调整为17px圆角,将右下角锚点调整为13px的圆角。

AE制作可爱的小鸡摇摇车动效(24)

4.13 绘制一个220x30的矩形,将这个矩形与上面的图形垂直居中对齐,水平底对齐,在路径查找器中选择交集得到形状,填充颜色#663399。

AE制作可爱的小鸡摇摇车动效(25)

4.14 用同样的方法得到以下图形,填充颜色# ff5500。

AE制作可爱的小鸡摇摇车动效(26)

4.15 将以上图形按位置进行摆放。

AE制作可爱的小鸡摇摇车动效(27)

4.16 开始绘制轮子,绘制一个55x55的圆,使用上面做底座半球体的方法,得到轮廓及其亮部,半圆填充颜色# d66100,为亮部填充颜色# ff8b00,选中两个图形,Ctrl G编组,命名为轮廓1。

AE制作可爱的小鸡摇摇车动效(28)

4.17 选择轮廓1,按住Alt键往右平移92px,将复制层命名为轮廓2。

AE制作可爱的小鸡摇摇车动效(29)

4.18 为车车添加后保险杠,首先绘制一个40x25的矩形,调整锚点为圆角并填充颜色# e0d7ff,进行位置摆放。

AE制作可爱的小鸡摇摇车动效(30)

4.19 接下来绘制车轮。绘制一个35x45的椭圆,填充颜色#885cbc,选中椭圆,按住Alt键往右平移6px。接着使用钢笔工具,以椭圆的四个端点绘制一个矩形,选中三个图形,点击路径查找器中的联集,得到车轮轮廓。

AE制作可爱的小鸡摇摇车动效(31)

4.20 绘制一个35x45的椭圆,填充颜色#663399,与车轮轮廓水平右对齐,垂直居中对齐,作为车轮的暗部。

AE制作可爱的小鸡摇摇车动效(32)

4.21 用绘制车灯的方法得到轮毂的形状,为轮毂填充颜色#aca1ff,为轮毂暗部填充颜色#e0d7ff,将轮毂与车轮暗部水平和垂直居中对齐,得到轮子整体。

AE制作可爱的小鸡摇摇车动效(33)

4.22 选中以上图形,Ctrl+G编组,命名为右轮1,选中右轮1,按住Alt键往右平移92px,将复制层命名为右轮2。

AE制作可爱的小鸡摇摇车动效(34)

4.23 同样的方法得到左边的轮子,左边的轮子暗部颜色填充为#421e6b,同时轮毂部分替换为6*9的椭圆,填充颜色#885cbc。

AE制作可爱的小鸡摇摇车动效(35)

4.24 选中三个图形,Ctrl+G编组,命名为左轮1,进行位置摆放。

AE制作可爱的小鸡摇摇车动效(36)

4.25 选中车车图层中的所有元素,Ctrl+G再次编组,命名为车车,剩下的轮子会被支柱和前轮遮挡,挡风玻璃的部分到了Ae中需要单独处理。

4.26 接下来绘制挡风玻璃。新建一个图层,命名为挡风玻璃,选中挡风玻璃图层,使用钢笔工具绘制形状,将两个图形水平右对齐,垂直底对齐得到挡风玻璃整体形状,Ctrl+G将两个图形编组,命名为挡风玻璃。

AE制作可爱的小鸡摇摇车动效(37)

4.27 将挡风玻璃和车车按位置摆放。

AE制作可爱的小鸡摇摇车动效(38)

4.28 为挡风玻璃制作反光。新建一个图层,命名为挡风玻璃遮罩,选中挡风玻璃遮罩图层,绘制两个矩形,参数分别是40x125,20x125,选中两个矩形,右键→变换→倾斜,进行相关设置。选中倾斜后的图形,Ctrl+G编组,命名为反光。

AE制作可爱的小鸡摇摇车动效(39)

4.29 调整挡风玻璃和挡风玻璃遮罩图层顺序,按位置摆放。

AE制作可爱的小鸡摇摇车动效(40)

步骤5:绘制小鸡

5.1 开始绘制小鸡。新建一个图层,命名为鸡身体。选中小鸡身体图层,绘制一个140x135的矩形,将上方两个锚点分别往中间缩进35px,调节四个锚点变为圆角,得到形状,填充颜色#ffe000。

AE制作可爱的小鸡摇摇车动效(41)

5.2 选中上面得到的图形,按住Alt键拖动复制两次。将复制的第一个图形旋转至所示角度与复制的第二个图层做减去顶层操作,并将透明度模式改为正片叠底。

AE制作可爱的小鸡摇摇车动效(42)

5.3 将两个图形对齐得到小鸡身体的主体。选中两个图形,Ctrl+G编组命名为小鸡身体。

AE制作可爱的小鸡摇摇车动效(43)

5.4 为小鸡绘制鸡嘴。使用钢笔工具绘制图形,调整锚点为圆角,得到鸡嘴形状,填充颜色为#ff7300。

AE制作可爱的小鸡摇摇车动效(44)

5.5 选择上面的形状,按住Alt键拖动复制一层,放置并调整透明度模式为正片叠底, 接着绘制一个3x33的圆角矩形,填充颜色#f15a24,进行相关摆放,得到鸡嘴造型。

AE制作可爱的小鸡摇摇车动效(45)

5.6 到这里,小鸡身体部分就完成了。

AE制作可爱的小鸡摇摇车动效(46)

5.7 接下来绘制小鸡的墨镜。新建一个图层,命名为墨镜。

选中墨镜图层,绘制两个椭圆,参数分别是25x20和30x20,使用上面提到的减去顶层方法得到两个半圆,填充颜色# 663399 ,绘制一个1.5x14的矩形连接两个图形,选中三个图形,使用联集合并。

AE制作可爱的小鸡摇摇车动效(47)

5.8 接下来使用钢笔工具绘制图形,填充颜色#421e6b,并与上面的图形对齐,得到墨镜的形状。

AE制作可爱的小鸡摇摇车动效(48)

5.9 选中上面的墨镜形状,按住Alt拖动复制一层,按位置放置并填充颜色# ffe000,透明度模式改为正片叠底。

AE制作可爱的小鸡摇摇车动效(49)

5.10 调整图层顺序,并进行放置得到形状。

AE制作可爱的小鸡摇摇车动效(50)

5.11 为墨镜添加反光。新建一个图层,命名为墨镜遮罩。选中墨镜遮罩图层,使用上面绘制挡风玻璃遮罩的方法得到墨镜的遮罩,只需将矩形的参数更换为4x100和2x00,并复制多层即可。Ctrl+G编组所有图形,命名为反光调整图层顺序,然后进行相关摆放。

AE制作可爱的小鸡摇摇车动效(51)

5.12 接下来绘制鸡冠。新建一个图层,命名为鸡冠,选中鸡冠图层,使用钢笔工具绘制以下图形,其中图形1填充颜色#f24077,图形2填充颜色与图形1相同,但透明度模式需要选择正片叠底,不透明度调整为60%。Ctr+G将所有图形编组,命名为鸡冠。

AE制作可爱的小鸡摇摇车动效(52)

5.13 调整图层顺序,并进行摆放得到形状。

AE制作可爱的小鸡摇摇车动效(53)

5.14 为小鸡画个手手。新建一个图层,命名为鸡翅。选中鸡翅图层,使用钢笔工具绘制形状,填充颜色# ffe600,接着使用上面绘制小鸡身体的方法得到鸡翅的暗部,进行相关摆放。Ctrl+G将所有图形编组,命名为鸡翅。

AE制作可爱的小鸡摇摇车动效(54)

5.15 调整图层顺序,并进行摆放得到形状。

AE制作可爱的小鸡摇摇车动效(55)

步骤6:绘制投币机

6.1 绘制投币机。新建一个图层,命名为投币机,选中投币机图层,使用绘制车轮的方法绘制投币机主体,只需将椭圆参数调整为40x0,同时图形1颜色填充更换为#f24077,图形2更换为#dd2651即可。

AE制作可爱的小鸡摇摇车动效(56)

6.2 接着,绘制一个10x190的圆角矩形,填充颜色#ffffff,进行摆放。选中三个图形,Ctrl+G编组,命名为投币机。

AE制作可爱的小鸡摇摇车动效(57)

6.3 最后,调整各个图层的顺序并进行元素放置,Ctrl+S保存ai文件,命名为小鸡摇摇车。接着到Ae中完成动效的制作。

AE制作可爱的小鸡摇摇车动效(58)

AE制作可爱的小鸡摇摇车动效(59)

步骤7:Ae中为小鸡和车车制作动效

7.1 打开Ae,在项目面板中右键→导入→文件,导入为选择合成-保持图层大小。

AE制作可爱的小鸡摇摇车动效(60)

7.2 导入完成后,将不相关的图层锁住。

AE制作可爱的小鸡摇摇车动效(61)

7.3 将指示器拖动到04s的位置,按N键截断,使整个动效时长变为4秒。

AE制作可爱的小鸡摇摇车动效(62)

7.4 首先让底座,支柱和背景图层独奏。为支柱制作动效。点击支柱图层,按R键调出旋转属性,并把指示器移动到00s的位置上,点击小秒表为它打上关键帧。

AE制作可爱的小鸡摇摇车动效(63)

7.5 接着选择向后平移锚点工具,把支柱的旋转中心拖动到所示位置,接着将指示器移动到合适位置,把支柱的旋转角度设置为-14°,选中关键帧,按F9键添加缓动。

AE制作可爱的小鸡摇摇车动效(64)

7.6 拖动时间指示器到01s的位置上,调整旋转角度为0°,使支柱回到原点。

AE制作可爱的小鸡摇摇车动效(65)

7.7 移动指示器位置,调整旋转角度为+14°,并按F9键为关键帧添加缓动。

AE制作可爱的小鸡摇摇车动效(66)

7.8 重复上面的做法,得到支柱的完整动效。

AE制作可爱的小鸡摇摇车动效(67)

7.9 接下来制作车车的动效。点击车车图层前面的小点使其独奏,在父集和链接处,选择支柱作为它的父集,使车车跟随支柱旋转。按R键调出旋转属性,并把指示器移动到00s的位置上,点击小秒表为它打上关键帧。

AE制作可爱的小鸡摇摇车动效(68)

7.10 将指示器移动位置,调整车车旋转角度为+14度。

AE制作可爱的小鸡摇摇车动效(69)

7.11 使用和制作支柱动效相同的方法,以此类推,得到车车的动效。

AE制作可爱的小鸡摇摇车动效(70)

7.12 制作挡风玻璃的动效。首先使挡风玻璃和挡风玻璃遮罩图层独奏。点击挡风玻璃图层,Ctrl+C ,Ctrl+F复制一次得到挡风玻璃2图层,调整图层顺序。点击挡风玻璃遮罩图层,在TrkMat栏选择Alpha,并设置各图层的父子集关系。

AE制作可爱的小鸡摇摇车动效(71)

7.13 使小鸡身体、墨镜和墨镜遮罩图层独奏,用制作挡风玻璃遮罩的方法制作墨镜的动效,设置图层父子集关系。

AE制作可爱的小鸡摇摇车动效(72)

7.14 接着制作鸡冠的动效。首先将鸡冠图层的父集设置为小鸡身体,接着选择向后平移锚点工具,把鸡冠的旋转中心拖动到所示位置,接着将指示器移动到00s的位置上,按R键调出旋转属性,点击小秒表为它打上关键帧。

AE制作可爱的小鸡摇摇车动效(73)

7.15 把指示器拖动位置,将鸡冠旋转角度设置为-6°,并按F9键添加缓动。

AE制作可爱的小鸡摇摇车动效(74)

7.16 使用制作支柱动效的方法以此类推,得到鸡冠的动效。

AE制作可爱的小鸡摇摇车动效(75)

7.17 为鸡翅制作动效。首先点击鸡翅图层,调整旋转中心到所示位置。将指示器拖动到00s的位置,为它打上关键帧。

AE制作可爱的小鸡摇摇车动效(76)

7.18 将指示器拖动位置,调整鸡翅旋转角度为+10°并为其添加缓动。

AE制作可爱的小鸡摇摇车动效(77)

7.19 以此类推得到鸡翅的完整动效。

AE制作可爱的小鸡摇摇车动效(78)

7.20 所有图层的动效都制作完毕了,Ctrl +S保存aep文件,命名为小鸡摇摇车。

AE制作可爱的小鸡摇摇车动效(79)

7.21 把小动效导出为avi文件。点击合成→添加到渲染队列,设置参数。

AE制作可爱的小鸡摇摇车动效(80)

AE制作可爱的小鸡摇摇车动效(81)

7.22 输出位置选择桌面,点击渲染按钮,Ae部分就完成了。

AE制作可爱的小鸡摇摇车动效(82)

步骤8:在Ps中导出gif

在Ps中打开保存好的avi文件,同时按住Ctrl,Shift,Alt和S键,进行设置,点击存储选择保存的位置,小鸡摇摇车gif就做好了。

AE制作可爱的小鸡摇摇车动效(83)

最终效果图

AE制作可爱的小鸡摇摇车动效(84)

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

全部回复

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