AI+AE教程！从头开始教你做一个2.5D动态小场景

原图作者：Guillaume Kurkdjian

教程作者：ly梁瑜（软件营33期学员）

交作业：#优设每日作业#

教程步骤
—

• 步骤1

新建一个800*600的画板

 

• 步骤2

用钢笔工具画一根直线，然后复制直线，如下图：（注意：直线的总数一定要是基数）

 

• 步骤3

全选所有直线，右键-变换-旋转，旋转60度，点复制，然后在新复制的图形上再旋转60度

 

• 步骤4

全选所有直线，旋转30度，然后按住shit键放大到合适的大小

 

• 步骤5

全选所有直线，右键-建立参考线，将图层命名为参考线，锁定，隐藏备用

 

• 步骤6

现在开始画图了，首先用钢笔工具把地基勾勒出来

 

• 步骤7

同样使用钢笔工具把小树勾勒出来，注意左边的树的投影需分两层绘制

 

• 步骤8

现在开始绘制岸上观景台，打开参考线图层，用钢笔工具根据参考线勾勒出形状，不一定每个点都要对准参考线，参考线仅做视觉参考作用

 

• 步骤9

观景台其他部分绘制原理同上，注意要新建一个图层画栏杆部分，然后把景观台放到合适的位置，凳子的画法也是同样的步骤

 

• 步骤10

接下来就是画雨伞了，先用钢笔工具画一个等腰三角形，然后再在两边各画一个三角形，最后补充伞柄和投影，然后放到合适的位置

 

• 步骤11

接下来画小船，先用钢笔工具画出这样一个形状

 

• 步骤12

复制一层，然后用钢笔工具勾勒出绿色部分的形状，用形状生成器生成船底形状，把多余的部分删掉，最后加上暗部

 

• 步骤13

选择船体白色部分，对象-路径-偏移路径；然后用直接选择工具调整前面的位置，接着复制一层刚才的图层，调整大小，最后加上两块木板和投影，船就画好了，放到合适的位置。

• 步骤14

最后是人物的绘制，首先用圆形和圆角矩形，调整圆角矩形的弧度，绘制这样一个火柴人原型

 

• 步骤15

然后利用操控点工具给火柴人凹造型，结合场景，调整到合适的位置

 

• 步骤16

在做动效之前先把图分层并各自命好名，方便后续制作

 

• 步骤17

把ai文件导入ae中，把小红船的相关图层做好链接

 

• 步骤18

接下来就对小红船的位移属性进行k帧

 

• 步骤19

现在让船上的人儿动起来，先用图钉工具在左手上打三个点，然后调出缩放和旋转属性，缩放工具前的链接要取消掉

 

• 步骤20

然后让船上人的手举起来，把缩放属性的垂直左边改成负的，就做到垂直翻转的效果，然后移动图钉位置，调整旋转属性角度，让动作更自然，

 

• 步骤21

岸上人儿的动效原理同上

 

• 步骤22

船行驶到树下时，树的倒影会映射在船上的动效，首先先把小红船相关部分进行预合成，然后ctrl+d复制一下，接着用钢笔工具够了出树倒影的形状，放在两个预合成的中间

 

• 步骤23

更改树倒影层的模式，然后调整透明度，这样就把树倒影的效果做好了

 

• 步骤24

最最最最后一步船儿行驶进来的过渡效果了，新建一个白色的固态层，然后用钢笔工具勾出一个蒙版，调整羽化值，然后把图层调整到合适的位置，这样整个动效就做完啦。

 

最终效果图
—

 

结语
—

本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。

 

相关推荐
—

→ AI教程！详细步骤教你绘制2.5D童话风格建筑插画

→ AI教程！详细步骤教你绘制等距视角风格城市场景插画

---