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

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询
  • 水平 : 入门
  • 观众 : 6490
  • 时间 : 2018-12-10

教程

原图作者: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教程!详细步骤教你绘制等距视角风格城市场景插画


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/illustrator/1212116233.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

公园场景插画操控点工具蒙版
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新