AI教程!教你绘制开往雪山的小车矢量风格场景插画

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问
  • 水平 : 入门
  • 观众 : 2954
  • 时间 : 2018-09-09

教程

原图作者:Paulius

教程作者:啊啊想取个长点的名字 (训练营31期学员)

教程步骤

  • 步骤 01

首先分析画面的布局,整个画面在一个正圆里。正圆里再细分:车体+公路+山体+天空;

  • 步骤2

分析好后我们新建画布,大小为800*600px,然后新建正圆,我这里的参数如图所示。给正圆添加渐变,位置为从0%到100%,色值为 #ffffff到 #7ae4d9,并旋转90度,接下来锁定图层,然后新建一个图层;

  • 步骤3

接下来进行云彩的绘制,先画出不同大小的正圆,调整圆形的位置,使用路径查找器中的联集合并它们,接着用钢笔工具中的减去锚点工具调整。

  • 步骤4

利用同样的方法画出其他的云彩,并调整透明度;

  • 步骤5

画一个正圆,详细信息如图,颜色为#ffefb3;

  • 步骤6

接着画热气球,这里我用了一个正圆,一个三角形和一个矩形进行组合,然后用钢笔减少锚点工具和直接选择工具调整锚点

  • 步骤7

然后是热气球下面那个半透明的球,这里我用了渐变去实现它,颜色都是#ffffff,参数如图

  • 步骤8

飞鸟的话我是先用钢笔工具选上白色描边,不要填充勾出路径,选择对象—扩展,再利用钢笔工具进行微调

  • 步骤9

接着制作公路~我复制了一个底面的圆,然后利用三个矩形减去顶层,就得到公路的形状啦,颜色为#616b7d

  • 步骤10

接下来就是车体部分啦,首先我们利用矩形工具加圆角和调整锚点画出车的主体,其中1的位置颜色为#3187b7,2的位置为#4496cc,3、4位置颜色为#3e202c

  • 步骤11

车窗那里是先用钢笔工具和图形合并出最底层的一些图形如下图,然后在上面添加光效,使车窗出现透明的质感;一共有5种光效如图,其中1是用两个圆角矩形相减得到,4是由圆形和最外层圆角矩形相交得到,2是一层圆角矩形,3和5是正圆形,将它们的图层模式都调为滤色,透明度都在30%上下,颜色除4外都是#ffffff,4是#f9c5c5;

  • 步骤12

继续为车体添加细节,车灯是由这些圆形做出来的

颜色参考:1、#e83333;2、#f84141;3、#744550;4、#ffffff;5、渐变旋转-60度,位置0%的颜色#d60000,位置100%的颜色#db8700;

那个分裂的圆环我们可以使用利用两个圆形和一个矩形得到,选择减去顶层就可以啦,然后我们复制生成的形状,调整旋转角度和颜色~四分之一圆的话还是用减去顶层;

  • 步骤13

排气管的话是由这些部分组成滴,我们先用一个矩形和圆形合并,接着用一个矩形减去顶层得到中间部分(颜色为#3e202c),边框部分的话我们复制这个形状,去除它的填充,添加3px的描边,颜色为#ffffff,对象—扩展,然后再用一个矩形减去顶层就得到排气管的边框啦,中间那个圆则是用填充和描边做的~

  • 步骤14

然后是投影上的斑马线,首先用矩形工具画出两条斑马线,然后选中斑马线,使用橡皮檫在有投影的部分擦一笔,注意两条斑马线在擦拭时橡皮檫的大小不一样。接着把在投影上面的斑马线的图层样式改为柔光,不透明度为63%;

  • 步骤15

接下来就是山体、树木和雪花等细节的制作啦,山体我是用钢笔勾的,高光面颜色为#ffffff,背光面是渐变,位置0%的颜色为#e5e5e5,位置100%的颜色为#c3c3c3;绿色山体的高光面也是#ffffff,背光面的渐变参考:位置0%,#ffffff,位置100%,#9ee6dc,旋转-100度。树木都是用三角形做的,雪花是圆形,需要注意树木的层次感和雪花的透明度调整~

  • 步骤16

做完这些步骤后还需要对比原图进行比例调整,可以利用参考线进行精细调整~

效果图

 

结语

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

 

相关推荐

AI教程!教你绘制扁平风格同色系林间小屋插画

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


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

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

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

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

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

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

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

场景插画矢量插画
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

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