原图作者:Daria
教程作者:优设设计师就业衔接班13期-42-冲天汪
教程指导:如如(优设设计师就业衔接班讲师)
交作业:请到微博搜索话题👉 #优设每日作业# 并上传你的作品
本次案例是以文具为主题的2.5D矢量插画,主要用到AI里的形状工具、形状生成器工具来制作,难度不大,新人小白也可以轻松上手哦~
如果你也想创作这种插画,可以来设计就业衔接班,让如如手把手教你画插画→优设设计师就业衔接班
打开AI,新建画板,宽800px,高600px。然后新建矩形,同样宽800px,高600px,填充颜色#b8cdea,并使用对齐工具对齐到画板,锁住背景图层。
2.1 利用椭圆工具绘制杯口,宽度132px,高度82px,填充颜色#899fc6,描边1px,颜色#1b1464(适用于本教程的所有描边)。
2.2 选择绘制好的椭圆,点击菜单栏-对象-路径-偏移路径,数值-10px,修改填充颜色为#6986b2。
2.3 绘制矩形,宽132px,高126px,填充颜色#899fc6。
2.4 复制2.1步骤中的大椭圆,和刚才绘制好的所有形状一起,摆放至如图所示位置,注意对齐关系。
2.5 选中矩形和复制的椭圆,点击路径查找器里的联集,得到如图所示效果。
2.6 绘制杯中的饮料,复制杯口内圈的椭圆,填充颜色改为#000000,去掉描边,并调整位置,摆放至如图所示位置。接着,选中杯口内圈的椭圆和复制出来的黑色椭圆,选择形状生成器,按住alt/option删除多余部分。
2.7 绘制杯身的条纹。复制两次杯口外圈椭圆,修改填充颜色为#f9f7e8,并调整位置,再用矩形工具绘制一个与杯身等宽的矩形,摆放至如图所示位置。
2.8 选中三个图形,使用形状生成器工具,按住alt/option去掉多余部分,按住shift合并形状,得到如图所示效果。
2.9 使用钢笔工具绘制水杯手柄,填充颜色#b8cdea。
2.10 绘制阴影,杯身阴影用矩形工具绘制,运用形状生成器去掉多余的部分,然后调整部分锚点,露出描边。运用同样的方法绘制条纹的阴影。把手的阴影用钢笔工具绘制。最后复制杯口外圈的圆,填充颜色为#000000,去掉描边,拖至杯底,调整位置。最后的效果如图:
3.1 利用矩形工具画底层部分,填充颜色#f6ca50,运用自由变换工具调整角度。然后调整圆角,上面两个圆角为15px,下面两个圆角为3px,得到效果如图。
3.2 复制一层,拖到底下,填充颜色为#e2b74b,并调整好位置。
3.3 再复制一次文件夹底层,稍微放大一点,填充颜色改为#000000,去掉描边,调整位置和个别锚点,并放置在最底层,得到下图所示效果,以作为阴影部分。
3.4 利用钢笔工具绘制如图所示形状,填充颜色#f6ca50。
3.5 调整形状的圆角弧度,同样运用自由变换工具调整角度,再如前所述作出厚度和阴影,得到如图所示效果。
3.6 和刚才同样的方法,先绘制矩形,再用自由变换工具调整角度,绘制出文件夹里的文件部分,填充颜色分别为#ef9a8e和#f9f7e8,再绘制阴影部分。
3.7 同样方法,利用矩形工具画出标签框,填充颜色#f9f7e8,利用文字工具打出business,再利用自由变换工具一起调整角度。用之前的方法再画出阴影,效果如图。
4.1 利用矩形工具画出最上面的纸张,填充颜色为#f9f7e8,并调整角度,复制五层,依次排列,调整位置,用钢笔工具将文件堆的边缘相连,选中所有图层,形状生成器,连接需要的部分,去掉不需要的部分。再运用之前的方法绘制阴影。
4.2 运用直线段工具画出第一层文件的文字。再用钢笔工具画出右侧,下侧露出的便签填充颜色分别为#ef9a8e和#85a1c6。
4.3 运用矩形工具画出第一层文件上方的两个便签和阴影, 填充颜色分别为#abcdaa和#ef9a8e;用钢笔工具画出回形针;用直线段工具画出便签上的文字。
5.1 绘制一个正圆,填充颜色为#f6ca50,然后选中-右击-变化-倾斜,倾斜角度设为30。运用画杯身的方法画出笔帽圆柱部分。再复制一个刚刚画的椭圆,偏移路径,填充颜色改为#f9f7e8。
5.2 再绘制两个矩形,填充颜色为#f9f7e8,调整合理的角度,使他们互相垂直,并放至笔头图层下面。
5.3 用钢笔工具绘制笔身和笔尖,填充颜色分别为#ef9a8e和#f9f7e8。
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点