AI教程!落日余晖下的海边列车插画!

时间:2020-12-02
类别:AI教程
水平:普通
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:就业衔接班-A31-阿梵达达

教程指导:如如酱w

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

关于教程

首先我们来分析这张风景插画,插画的主体是火车,以及火车周围的物体,所以绘制时,我们将按照5个步骤来进行,分别是1.新建文档->2.创建背景->3.绘制主体->4.添加装饰物->5.导出,现在来一步步详细说明:

教程效果图

AI教程!落日余晖下的海边列车插画!

教程步骤

步骤1:新建文档

打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:

AI教程!落日余晖下的海边列车插画!

步骤2:创建背景

2.1 在绘制前,找到AI的图层面板,双击图层名称处,将名称修改为“背景”;选中“背景”图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制一个600x320px的矩形,选择渐变面板(快捷键Ctrl+F9)编辑数值,数值如图:

AI教程!落日余晖下的海边列车插画!

2.2 找到“对齐”面板,将对齐方式设置为“对齐画板”,然后选中刚才绘制的矩形,分别点击“水平居中对齐”和“垂直顶对齐”,将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了),背景中的天空就做好了:

AI教程!落日余晖下的海边列车插画!

2.3 按照如上方法再创建两个矩形,依次拼接在天空下面,作为湖面和路面,渐变数值如下:

AI教程!落日余晖下的海边列车插画!

2.4 接下来绘制背景元素,栅栏、太阳以及云朵。首先绘制栅栏区分湖面和路面,使用矩形工具(快捷键M)绘制一个600px*5px的矩形作为上栏杆,然后按住Alt键向下拖动复制出一个同样的矩形,作为下栏杆

AI教程!落日余晖下的海边列车插画!

然后绘制一个3px*50px的矩形,放在两个矩形的中间右侧,再按住Alt键向左拖动合适的距离复制出一个新矩形,再按Ctrl+D复制出同样的若干矩形,将这些矩形框选按Ctrl+G编组,再框选上下栏杆,居中对齐,栏杆就做好了

AI教程!落日余晖下的海边列车插画!

再绘制两个矩形作为台阶地面,将以上这些拼接起来,栅栏这部分就做好了,按Crtl+G将这一部分编组,放入画面中湖面和地面的交界处

AI教程!落日余晖下的海边列车插画!

2.5 接下来绘制太阳,使用椭圆工具(快捷键L),在画板中间点击一下,输入数值,创建一个235px*235px的正圆,然后填充渐变,编辑渐变数值如下:

AI教程!落日余晖下的海边列车插画!

打开图层面板,将椭圆图层拖动到湖面和天空图层中间,并且将圆的位置也放置在湖面和天空中间,然后水平居中对齐,落日就做好了

AI教程!落日余晖下的海边列车插画!

落日在湖面上会产生倒影,所以接下来要绘制倒影,选中刚刚绘制的太阳,按Ctrl+C复制,然后按Ctrl+F原位粘贴,再按crtl+shift+]将新图层放置到最上层。新建一个矩形,盖住椭圆的一半,调出路径查找器界面,选中复制的椭圆和矩形,点击减去顶层,这样就生成了湖面上的半圆了。

AI教程!落日余晖下的海边列车插画!

但是倒影应该是离太阳越近的部分越明显,远处颜色变浅,所以倒影的渐变还需要调整一下,并且新建几个圆角矩形,同样使用减去顶层的方式模拟出湖面的水波纹,最后因为湖面与太阳有一定的角度,将倒影的半椭圆压扁,体现出透视,这样太阳部分就做好了。

AI教程!落日余晖下的海边列车插画!

2.6 选择钢笔工具(快捷键 P),按照下图所示勾勒出一个云朵,填充色#fff3e4,然后按住Alt键拖动复制几个云朵,通过放大缩小、旋转、对称,将它们放在合适的位置,再使用椭圆工具绘制出一些点缀,最后选择所有的云朵按ctrl+G编组,这样云朵就做好了。

AI教程!落日余晖下的海边列车插画!

同太阳,云朵也需要绘制湖面的倒影,选中云朵组右键点击对称,选择水平翻转复制出另一个云朵组,放到湖面上,同理太阳把倒影云朵组压扁,然后选中倒影云朵组,打开外观界面调整不透明度至25%,整个画面的背景就做好啦

AI教程!落日余晖下的海边列车插画!

步骤3:绘制主体

3.1 接下来就可以绘制主体物火车了,首先搜索火车的图片观察火车的形状,车厢整体大致是一个长方形的形状,一般在上面有个明显颜色区分的盖子,下面的车身会有其他颜色的涂装,中间是一排排车窗,车头有驾驶员的位置,驾驶员和乘客区中间会有一扇门,按照这个思路先绘制火车盖子,新建一个图层重新命名为“火车”,再新建一个700px*45px的矩形,填充渐变色,使用直接选择工具(快捷键A)更改圆角部分。

AI教程!落日余晖下的海边列车插画!

3.2 接下来绘制火车车身,创建一个720px*175px的矩形,填充色为#e2cfb,使用直接选择工具(A)挪动右上角的锚点,将右下角改为圆角

AI教程!落日余晖下的海边列车插画!

新建一个720px*80px的矩形作为涂装,填充渐变,按ctrl+[ 放在车身底层,选中车身和涂装,右键建立剪贴蒙版

AI教程!落日余晖下的海边列车插画!

同理绘制出另一条

AI教程!落日余晖下的海边列车插画!

3.3 运用上面的知识,如图绘制其他部分

AI教程!落日余晖下的海边列车插画!

3.4 将所绘制的各个部分拼贴

AI教程!落日余晖下的海边列车插画!

3.5 再绘制下面的轮子部分,放在火车下面,火车就画好了。按ctrl+G编组,放在画面中合适的位置

AI教程!落日余晖下的海边列车插画!

3.6 最后画上铁轨和火车的倒影

AI教程!落日余晖下的海边列车插画!

步骤4:添加装饰物

4.1 新建一个图层,命名为“铁路灯”,用矩形、椭圆工具,以及剪切蒙版的方式拼接而成铁路灯

AI教程!落日余晖下的海边列车插画!

4.2 新建一个图层,命名为“电线杆”,用矩形和钢笔绘制出电线杆

AI教程!落日余晖下的海边列车插画!

4.3 用钢笔勾勒出鸽子形状,并且复制出几个大小方向不同的鸽子在电线上

AI教程!落日余晖下的海边列车插画!

4.4 最后画出前景的植物

AI教程!落日余晖下的海边列车插画!

步骤5:导出

5.1 最后,我们来导出图片。在菜单栏->文件->导出中选择“导出为”,将图片导出成jpg格式

AI教程!落日余晖下的海边列车插画!

最终效果图

AI教程!落日余晖下的海边列车插画!

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

39 收藏 102

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

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

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片