原图作者:
教程作者:软件基础营44期-A36-小米
教程指导:如如酱w
交作业:#优设每日作业#
关于教程
首先我们来分析这张相机插画,插画的主体是机身和相片部分,以及相片内的房子、太阳、云朵和树丛等装饰物,所以绘制时,我们将按照5个步骤来进行,分别是
现在来一步步详细说明:
教程步骤
步骤1:新建文档
打开AI,点击文件->新建(Ctrl+N)创建一个新文档,参数设置如下:
步骤2:创建背景
2.1 找到AI的图层面板,双击图层名称处,将名称修改为“背景”:
2.2 选中“背景”图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个800x600px的矩形,颜色填充为#191959
2.3 找到“对齐”面板,将对齐方式设置为“对齐画板”,然后选中刚才绘制的矩形,分别点击“水平左对齐”和“垂直丁对齐”,将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了):
2.4 完成这一步后,选中该矩形,按Ctrl+2将矩形锁定,或在“背景”图层里找到矩形,将前面的“小锁”形状点上,完成锁定的操作,这样接下来,我们的其余操作就不会影响到背景层了:
步骤3:绘制照相机身
3.1首先绘制相机机身。新建图层,命名为“相机“,并放置在“背景“图层上方。
3.2 选中“相机”图层,首先绘制相机机身。使用矩形工具(快捷键M),绘制第一个矩形,宽度为355px,高度为200px,填充颜色为#191959。并用直接选择工具选择上边两个边角,圆角值为16,完成后如下图:
3.3 接着绘制机身里内容。左上角条纹形状,绘制一个新的矩形,宽度为65px,高度为112px,填充颜色为#ffd817,边角弧度为11.5,并绘制18条长65px的直线,描边为1px,颜色为#ffffff,完成后如下图:
3.4 接着绘制镜头,首先绘制一个圆1,用椭圆工具绘制145*145px的圆形,填充颜色为#2e6fff,接着绘制圆2,菜单栏对象->路径->偏移路径->位移-12px,打开描边,关闭填充,填充描边颜色#232323,得到圆2,绘制圆3,与圆2方法相同,在圆2基础上位移-20px,填充颜色#191959,关掉描边,得到圆3,绘制圆4,方法同上,在圆3基础上位移-17,并打开描边,填充颜色#ffffff,打开填充,填充颜色#191959,得到圆4,绘制圆5,方法同上,在圆4基础上位移-10,并打开描边,填充颜色#ffffff,关闭填充,得到圆5。完成后如下图:
3.5 绘制闪光灯。首先绘制一个圆1,用椭圆工具绘制28*28px的圆形,关掉填充,打开描边,填充颜色为#535383,在圆1基础上偏移路径位移-5px(位移方法同3.4操作方法),关闭描边,打开填充,填充颜色为#ffd817。完成后如下图:
3.6 绘制聚焦。先绘制一个圆1,用椭圆工具绘制20*20px的圆形,填充颜色为#2e6fff,在圆1基础上偏移路径位移-5px(位移方法同3.4操作方法),填充颜色为#191959。完成后如下图:
3.7 绘制快门。首先绘制一个圆1,用椭圆工具绘制50*50px的圆形,关掉填充,打开描边,填充颜色为#535383,在圆1基础上偏移路径位移-8px(位移方法同3.4操作方法),关闭描边,打开填充,填充颜色为#ff5d31。完成后如下图:
3.8 绘制调节按钮1。首先绘制一个圆1,用椭圆工具绘制25*25px的圆形,填充颜色为#2e6fff,在圆1基础上偏移路径位移-5px(位移方法同3.4操作方法),关闭填充,打开描边,填充颜色为#232323。完成后如下图:
3.9 绘制右上角矩形。首先用矩形工具绘制一个宽74px,高74px的矩形,圆角13px,填充颜色为#2e6fff, 在绘制一个宽28px,高28px矩形,圆角5px,填充颜色为#ffd817,放置大矩形左下角位置。完成后如下图:
3.10 绘制调节按钮2。首先使用矩形工具绘制宽37px,高12px矩形,圆角拉至最大,填充颜色为#ff5d31,绘制中心圆1,使用椭圆工具绘制12*12px圆形,填充颜色为#191959,中心圆2在圆1的基础山上偏移路径-2px,填充颜色为2e6fff,然后选中三个图形,在对齐面板中,选择对齐所选对象,并进行水平居中对齐,垂直居中对齐,垂直居中分布,水平居中分布。完成后如下图:
3.11 绘制机身底部渐变。首先使用矩形工具绘制宽355px,高20px的矩形,填充渐变,渐变类型线性,角度-90度,具体设置参照下图。在设置渐变颜色是选择RGB模式。设置结束后调整图层顺序,把机身底部渐变置于机身前,其余图层后。完成后如下图:
3.12 绘制机身打印相片部分。首先使用矩形工具绘制宽378px,高122px矩形,填充颜色为#eaeaea,圆角为12.5px。选中矩形,ctrl+C复制,Ctrl+F原位复制一个矩形,并设置矩形大小为宽378px,高100px,用直接选择工具选择新矩形上面两个角,使其圆角变为零,完成后如下图:
3.13 绘制相片打印机口。使用矩形工具绘制宽314px,高27px矩形,填充颜色#191959。完成后人下图:
3.14 绘制相片打印机顶。使用矩形工具绘制宽123px,高22px的矩形,圆角拉至最大,填充颜色#ff5d31,绘制滑动按钮,宽38px,高22px,填充颜色为#191959,置于前一矩形的最右边,绘制按钮中心圆,使用椭圆工具绘制22*22圆形,填充为#2e6fff,置于滑动按钮左边。完成后如下图:
步骤4:绘制相片
4.1 绘制胶片。使用矩形工具绘制宽295px,高240px的矩形,填充颜色为#ffffff。完成后如下图:
4.2 绘制胶片阴影及底部颜色。使用矩形工具绘制宽295px,高38px,填充渐变,具体情况见下图。使用矩形工具绘制宽260px,高186px矩形,填充颜色为#ff5d31。完成后如下图:
4.3 绘制云朵及太阳。利用钢笔工具绘制云朵,并设置渐变,具体见下图。使用椭圆工具绘制40*40px的圆形,填充颜色为#ffd817,并置于云朵后方。完成后如下图:
4.4 绘制山。首先使用多边形工具,选择边数选择3,绘制山体,填充颜色为#2e6fff, 选择三角形ctrl+C复制,Ctrl+F原位复制一个,缩小到一定位置,设置渐变,具体情况见下图。完成后如下图:
4.5 绘制房顶。首先绘制左边房子,使用多边形工具,选择边数3,绘制三角形房顶,填充颜色#191959;使用矩形工具绘制四边形房顶,宽44px,高44px,填充颜色为#填充颜色为#ff5d31,使用直接选择工具,选中矩形下面两个边角,移动29px,并略微压扁一些,在矩形上绘制7个小矩形,并调整边角填充颜色为#ffd817,完成后如下图:
4.6 绘制房体。绘制正面房体,使用矩形工具绘制宽57px,高70px的矩形,填充颜色为#ffd817,使用矩形工具绘制8*8矩形,填充颜色为#ff5d31,并复制粘贴6个;绘制侧面房体,使用矩形工具绘制宽44px,高70px的矩形,填充颜色为#ffffff,使用矩形工具绘制8*8矩形,填充颜色为#2e6fff,并复制粘贴6个。完成后如下图:
4.7 绘制右边房子。选中左边房子全部选中,Ctrl+C复制,Ctrl+F粘贴,并移动至右边,适当缩小,放置在相应位置,并修改房子颜色。三角形屋顶填充颜色#191959,并绘制长度不同的6条直线,描边宽度1pt,颜色填充#ff5d31;四边形屋顶填充颜色#ffffff;侧面房体颜色为#ff5d31,完成后如下图:
4.8 绘制树叶。首先使用椭圆工具绘制树叶,树叶由18.5*18.5,28.5*28.5,40*40,50*50的圆组成,选中四个圆,使用形状生成器或路径查找器合成联集,使四个圆合并成一个形状,并绘制一个矩形盖住下部分图形,使用路径查找器减去顶层,得到树叶,具体操作如下图,并填充颜色为#ff5d31。完成后如下图:
4.9 绘制树干。使用矩形工具绘制宽2.8px,高71px的矩形,颜色填充为#191959;绘制宽12px,高1.8px矩形,使用直接选择工具选中右上边角,移动2px,并旋转315度,右键变换,对称,放置到相应位置。完成后如下图:
步骤5:调整与导出
5.1 现在,将完成的相机和相片放置在背景之上,适当调整位置:
5.2 最后,我们来导出图片。在菜单栏->文件->导出中选择“导出为”,将图片导出成png格式。
最终效果
【优优教程网 365 打卡计划】
#优设每日作业# @优优教程网
学完这篇教程的人还在学…
>> AI教程!轻松玩转几何拼接网页首图
>> AI教程!教你绘制具有律动美感的Music icons
来源:https://uiiiuiii.com/illustrator/1212217185.html
图文来源于网络,如有侵权请联系删除。