教程作者:设计师视觉设计实战营18期-90-dc | 原图作者:Zara Picken
本集教程将教大家使用AI结合PS绘制配色复古并且带有剪纸质感的磁带插画,凸出/凹陷的效果主要利用图层混合模式的内阴影和投影制作,下面让我们来进行详细讲解~
想要让讲师如如手把手教你绘制插画?点击这里立刻开始学习:
①新建一个800*450px的画布。画一个跟画布一样大的矩形作为背景,填充颜色#56b5b1,锁定背景。
②创建一个400*240px的矩形,填充色#ece2bf,边角12px。再创建一个370*150px的矩形,填充色#f9be58,和下方矩形居中对齐,位置稍靠上方,上方两个端点边角7px,下方边角3px,然后用把上方锚点转为尖角。
③画出以下一组图形:颜色随意,圆形直径38px,长方形80*30px。编组后和下方深色矩形垂直居中对齐。Ctrl+C然后Ctrl+F原位复制三组作为备用图形。
选中一组图形和下方深色矩形,路径查找器-减去顶层。最底层浅色矩形同样操作,把磁带盘挖空。
④绘制磁带中心部件:画一个210*50px的圆角矩形,边角调整为25px,填充色#ece2bf。拿出之前复制出来备用的一组图形,置于该圆角矩形上方,垂直居中对齐,再用路径查找器-减去顶层,挖空圆角矩形。
做出外侧边缘圆环:再拿出一组之前复制出来备用图形,取消编组,把圆形原位复制一个放大其直径为44px,置于底层,填充颜色改为#87480a。选中直径44px的大圆和原先直径38px的圆,路径查找器-减去顶层,挖空圆形,再镜像复制一个到右边,去掉中间长方形,剩下两个圆环编组。把这组圆环摆到上一步做出的圆角矩形上面,垂直居中对齐。
做出内侧边缘圆环:方法类似上一步,只不过是把圆原位复制并缩小到32px,再拿32px的圆用路径查找器-减去顶层减去原先38px的圆,去掉不需要的部分,做出内侧圆环,填充色#ece2bf。
制作齿轮:画一个4*5px的矩形置于底层,填充色#ece2bf,使用旋转工具(快捷键R),按住Alt把旋转中心点移到圆心,旋转60°复制,Ctrl+D重复操作画出一圈。选择齿轮和内侧边缘圆环,路径查找器-联集,将两部分合并为一个形状。
⑤制作底部磁带:画一个直径100px的圆,填充色#3f2601。利用形状生成器工具,把不需要的部分裁掉,置于底层。另一边镜像对称做出来。
⑥制作底部梯形部件:画一个270*65px的矩形,填充颜色#e8dab1,下方两个边角调整为3px,上方边角为0,把上方两个锚点都向内移动40像素。和下方浅色矩形居中对齐,下边缘稍微超出来3px。
制作梯形的镂空:画一个12*12px、边角2px的矩形和一个直径13px的圆,两个图形编组调整好位置,另一边镜像对称一组。和下方图形做一个减去底层。
制作梯形的高光:创建一个190*4px的矩形,填充色#f4e4bd,把锚点和下方梯形对齐。
⑦选中除了背景外整个图形水平翻转一下。
⑧画磁带中部图形小元素:
画一个直径43px的圆。填充颜色#87480a。输入字母A,颜色#f8f4e8,和圆垂直居中对齐,字符参数如下:
复制一个圆放在右边,两个圆编组,和下方深色矩形居中对齐放于稍微靠下位置。水平翻转一下。
绘制条纹装饰:画三个370*10px的矩形,分别填充#f8f4e8、#87480a、#ece2bf,编组并和下方深色矩形垂直居中对齐。用形状生成器工具把不需要的部分裁掉。
用矩形工具和用删除锚点工具画一个箭头,填充色#87480a。
打上一些文字装饰:TOP TAPE,文字颜色#f8f4e8,参数如下:
记得水平翻转一下。
绘制一个170*50px的椭圆,填充色#f8f4e8,用删除锚点工具把最上方那个锚点删掉,然后选中左右两个锚点把它们改成尖角。和下方深色矩形居中对齐,摆放到合适位置。
⑨绘制磁带线条部分:用钢笔工具勾画出想要的线条,描边粗细10pt,描边颜色#814b2f,选中后菜单栏对象-拓展一下。调整锚点使右半边线条细一点。
⑩选中整个图形,旋转15°
这样基本图形就完成了~接下来可以制作剪纸效果了👇把想要分开的图层取消编组,AI导出PSD格式文件后再用PS打开。
主要利用图层混合模式的内阴影和投影制作凸出/凹陷的剪纸效果。
①横条纹参数如下:
②把棕色圆形/箭头/字母TOP TAPE/白色半圆形Ctrl+G编组,组命名为“磁带内部图形”,给改组添加图层混合模式,参数如下:
字母A参数:
③磁带中心部件
底部圆角矩形:
棕色外侧边缘凹陷效果:
内部齿轮:
④把磁带圆盘和磁带线条编组,命名为“磁带底部”,给该组添加图层混合模式,参数如下:
⑤深色矩形的凹陷效果参数:
⑥梯形部件参数:
⑦底部矩形:
打开一个纸纹素材,放在最顶层,正片叠底,调整不透明度为30%左右。
完工撒花~
想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点