AI+PS教程!复古质感磁带剪纸风插画

类别:AI教程
水平:入门
观众:6.9k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI+PS教程!复古质感磁带剪纸风插画

教程作者:设计师视觉设计实战营18期-90-dc | 原图作者:Zara Picken

教程指导:如如优设视觉设计实战营讲师)

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

关于教程

本集教程将教大家使用AI结合PS绘制配色复古并且带有剪纸质感的磁带插画,凸出/凹陷的效果主要利用图层混合模式的内阴影和投影制作,下面让我们来进行详细讲解~

想要让讲师如如手把手教你绘制插画?点击这里立刻开始学习:

AI+PS教程!复古质感磁带剪纸风插画

教程步骤

step 01:绘制AI图形

①新建一个800*450px的画布。画一个跟画布一样大的矩形作为背景,填充颜色#56b5b1,锁定背景。

②创建一个400*240px的矩形,填充色#ece2bf,边角12px。再创建一个370*150px的矩形,填充色#f9be58,和下方矩形居中对齐,位置稍靠上方,上方两个端点边角7px,下方边角3px,然后用把上方锚点转为尖角。

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

③画出以下一组图形:颜色随意,圆形直径38px,长方形80*30px。编组后和下方深色矩形垂直居中对齐。Ctrl+C然后Ctrl+F原位复制三组作为备用图形。

AI+PS教程!复古质感磁带剪纸风插画

选中一组图形和下方深色矩形,路径查找器-减去顶层。最底层浅色矩形同样操作,把磁带盘挖空。

AI+PS教程!复古质感磁带剪纸风插画

④绘制磁带中心部件:画一个210*50px的圆角矩形,边角调整为25px,填充色#ece2bf。拿出之前复制出来备用的一组图形,置于该圆角矩形上方,垂直居中对齐,再用路径查找器-减去顶层,挖空圆角矩形。

AI+PS教程!复古质感磁带剪纸风插画

做出外侧边缘圆环:再拿出一组之前复制出来备用图形,取消编组,把圆形原位复制一个放大其直径为44px,置于底层,填充颜色改为#87480a。选中直径44px的大圆和原先直径38px的圆,路径查找器-减去顶层,挖空圆形,再镜像复制一个到右边,去掉中间长方形,剩下两个圆环编组。把这组圆环摆到上一步做出的圆角矩形上面,垂直居中对齐。

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

做出内侧边缘圆环:方法类似上一步,只不过是把圆原位复制并缩小到32px,再拿32px的圆用路径查找器-减去顶层减去原先38px的圆,去掉不需要的部分,做出内侧圆环,填充色#ece2bf。

AI+PS教程!复古质感磁带剪纸风插画

制作齿轮:画一个4*5px的矩形置于底层,填充色#ece2bf,使用旋转工具(快捷键R),按住Alt把旋转中心点移到圆心,旋转60°复制,Ctrl+D重复操作画出一圈。选择齿轮和内侧边缘圆环,路径查找器-联集,将两部分合并为一个形状。

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

⑤制作底部磁带:画一个直径100px的圆,填充色#3f2601。利用形状生成器工具,把不需要的部分裁掉,置于底层。另一边镜像对称做出来。

AI+PS教程!复古质感磁带剪纸风插画

⑥制作底部梯形部件:画一个270*65px的矩形,填充颜色#e8dab1,下方两个边角调整为3px,上方边角为0,把上方两个锚点都向内移动40像素。和下方浅色矩形居中对齐,下边缘稍微超出来3px。

AI+PS教程!复古质感磁带剪纸风插画

制作梯形的镂空:画一个12*12px、边角2px的矩形和一个直径13px的圆,两个图形编组调整好位置,另一边镜像对称一组。和下方图形做一个减去底层。

AI+PS教程!复古质感磁带剪纸风插画

制作梯形的高光:创建一个190*4px的矩形,填充色#f4e4bd,把锚点和下方梯形对齐。

AI+PS教程!复古质感磁带剪纸风插画

⑦选中除了背景外整个图形水平翻转一下。

AI+PS教程!复古质感磁带剪纸风插画

⑧画磁带中部图形小元素:

画一个直径43px的圆。填充颜色#87480a。输入字母A,颜色#f8f4e8,和圆垂直居中对齐,字符参数如下:

AI+PS教程!复古质感磁带剪纸风插画

复制一个圆放在右边,两个圆编组,和下方深色矩形居中对齐放于稍微靠下位置。水平翻转一下。

AI+PS教程!复古质感磁带剪纸风插画

绘制条纹装饰:画三个370*10px的矩形,分别填充#f8f4e8、#87480a、#ece2bf,编组并和下方深色矩形垂直居中对齐。用形状生成器工具把不需要的部分裁掉。

AI+PS教程!复古质感磁带剪纸风插画

用矩形工具和用删除锚点工具画一个箭头,填充色#87480a。

AI+PS教程!复古质感磁带剪纸风插画

打上一些文字装饰:TOP TAPE,文字颜色#f8f4e8,参数如下:

AI+PS教程!复古质感磁带剪纸风插画

记得水平翻转一下。

绘制一个170*50px的椭圆,填充色#f8f4e8,用删除锚点工具把最上方那个锚点删掉,然后选中左右两个锚点把它们改成尖角。和下方深色矩形居中对齐,摆放到合适位置。

AI+PS教程!复古质感磁带剪纸风插画

⑨绘制磁带线条部分:用钢笔工具勾画出想要的线条,描边粗细10pt,描边颜色#814b2f,选中后菜单栏对象-拓展一下。调整锚点使右半边线条细一点。

AI+PS教程!复古质感磁带剪纸风插画

⑩选中整个图形,旋转15°

AI+PS教程!复古质感磁带剪纸风插画

这样基本图形就完成了~接下来可以制作剪纸效果了👇把想要分开的图层取消编组,AI导出PSD格式文件后再用PS打开。

Step 02 制作剪纸效果

主要利用图层混合模式的内阴影和投影制作凸出/凹陷的剪纸效果。

①横条纹参数如下:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

②把棕色圆形/箭头/字母TOP TAPE/白色半圆形Ctrl+G编组,组命名为“磁带内部图形”,给改组添加图层混合模式,参数如下:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

字母A参数:

AI+PS教程!复古质感磁带剪纸风插画

③磁带中心部件

底部圆角矩形:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

棕色外侧边缘凹陷效果:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

内部齿轮:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

④把磁带圆盘和磁带线条编组,命名为“磁带底部”,给该组添加图层混合模式,参数如下:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

⑤深色矩形的凹陷效果参数:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

⑥梯形部件参数:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

⑦底部矩形:

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

AI+PS教程!复古质感磁带剪纸风插画

打开一个纸纹素材,放在最顶层,正片叠底,调整不透明度为30%左右。

AI+PS教程!复古质感磁带剪纸风插画

完工撒花~

最终效果图

AI+PS教程!复古质感磁带剪纸风插画

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

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

5 收藏 16

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

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

复制本文链接
img

发表评论 快来秀出你的观点

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片