原文链接: 【AI+AE教程】可爱小狗狗汽车动效(知乎)
作者:媛媛圓妹
以下是正文部分:
效果图
AI 部分
先来分析一下画面,是一个夜景,主色为蓝色,然后车子保险杠和内饰用了对比色橙色,狗狗的项圈用一个红色作为点缀。这幅图光影没有很多,我们只需要基础的画就好了。【新建画布>画就完事儿】
步骤 01 新建画布
打开AI,文件–新建(Ctrl+N),创建一个画布
步骤 02 创建背景
使用矩形工具,鼠标变为十字时点击画布,尺寸为 800*600 ,填充设置为 #414e90
步骤 03 绘制
小汽车顶部
绘制一个矩形,384*116,填充为 #5869ae,用白箭头工具选中上面两个定点,往内拖,绘制出一个梯形
然后分别给梯形上面的两个角加圆角,分别是 24px 和 30px
汽车头部
绘制一个 170*85 的矩形,用添加锚点工具(钢笔的下拉菜单里)在点 A 处添加一个锚点
用白箭头选中此锚点与它下面的锚点一起向左拖动,拖到合适位置后在点 A 所在的角加圆角
车身
将车头和车的顶部分别复制出一份,再加上一个矩形,用形状生成器生成右边的形状(Alt 减去不需要的部分,剩下的合并),拉圆角
底盘
绘制一个 500*80px 的矩形,拉圆角,拉圆角后摆放置图片所示位置(右键–>置于底层)
汽车其他元素绘制
分别用钢笔工具勾勒出汽车的三个车窗(第三个车窗可以用梯形调整圆角),车内座椅可以用一个带圆角的梯形与一个矩形的并集,分别与三个车窗做布尔运算得到。(车牌还有其他一些元素,因为都是基础图形,就不一一列出,大家可以对照原图画出来哦~)
轮子的部分,汽车后面的两个轮子,看不到细节,我们只需要绘制黑色的圆形即可
灰尘
绘制一个椭圆,波纹效果以后,用锚点工具将最外层的锚点拉成圆角,然后调整颜色与透明度,灰尘的样子就画出来啦
狗狗
接下来画我们可爱的狗狗~
小狗狗的形状比较不规范,有一些形状是用钢笔工具勾出来的,这里需要大家一些耐心
画面的其他元素
云朵用椭圆和矩形进行布尔运算,颜色 #ffffff,不透明度 45%
星星就是很多个小圆(注意要画两份不一样的,我们后面做星星闪烁动效需要)
地面和路面都是矩形
灯光形状用钢笔工具勾出,颜色 #ffffff,不透明度 45%
步骤 04 分层
接下来把我们画好的元素调整位置,然后根据动画中元素是否运动分出不同的图层(这里十分重要,出了问题后面需要返工就会比较麻烦),我的图层是这样的
然后认真取好名字,保存到一个等下你找的到的位置。
AI 部分告一段落,美滋滋欣赏一下自己的杰作,然后开始 AE 部分吧。
(未完待续)