AI+PS教程!魔法小精灵剪纸风插画

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

AI+PS教程!魔法小精灵剪纸风插画

教程作者:设计师视觉设计实战营19期-35-阿熙

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

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

一、关于教程

本期教程来教大家用 AI 绘制一幅魔法小精灵主题的剪纸风格插画。 首先我们来分析这张剪纸插画,插画分为图形和效果两大部分,在绘制时,我们将按照1.新建文档->2.创建背景->3.绘制图形部分->4.制作效果 ->5.调整和导出5步来进行,接下来一步步详细说明。

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

AI+PS教程!魔法小精灵剪纸风插画

二、教程步骤简概

步骤 01 绘制草图

AI+PS教程!魔法小精灵剪纸风插画

步骤 02 新建文档

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

AI+PS教程!魔法小精灵剪纸风插画

步骤 03 导入草图

将草图导入AI,调整透明度为50%,图层命名为草图

AI+PS教程!魔法小精灵剪纸风插画

步骤 04  制作背景层

新建图层,使用矩形工具绘制800px*600px的矩形,颜色为# EEE8E6,命名为背景,锁定图层并隐藏

AI+PS教程!魔法小精灵剪纸风插画

步骤 05 制作墙面

新建图层,使用椭圆工具绘制500px*500px的圆形,颜色为# B85532,命名为墙面

AI+PS教程!魔法小精灵剪纸风插画

在圆形上任意拉一个矩形,颜色改为#DE8464,放在靠上的位置。

AI+PS教程!魔法小精灵剪纸风插画

选择形状生成器工具,按住alt,把多余的部分剪掉

AI+PS教程!魔法小精灵剪纸风插画

添加一个小砖块,尺寸为80px*37px,颜色为# EEE8E6,再把墙面图层锁住并隐藏

AI+PS教程!魔法小精灵剪纸风插画

新建图层,命名为砖缝

使用钢笔工具沿着草稿图任意绘制几条直线,描边为2pt,颜色为# 895E51,框选直线,右键点击编组。

AI+PS教程!魔法小精灵剪纸风插画

将墙面隐藏打开,复制一个圆形放在直线上,框选圆形和直线,右键建立剪切蒙版,得到砖缝,调整一下位置。

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

墙面效果

AI+PS教程!魔法小精灵剪纸风插画

步骤 06 制作书架

新建图层,命名为书架

沿着草稿,使用矩形工具绘制书架,注意下层书本的透视书架,书架外框用形状生成器连接起来

颜色为#745448,暗部颜色为#603F33

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

书本颜色为#EEA388(肤色)暗部颜色为#DD8364;#FBE2AD(黄)暗部颜色为#EAC78B;#E8623F(红)暗部颜色为# D3482D

调整好后全选右键整个书架编一个组,同样的复制墙面图层的圆形放在书架上方,框选圆形和书架,右键建立剪切蒙版,圈外的书架就被隐藏了

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

步骤 07 制作窗户

锁住并隐藏书架图层,新建图层命名为窗户,新建一个140px*166px的矩形

使用白色箭头,选择上方的两个锚点(按住shift连选),往里拖,得到一个圆拱形

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

拉一个170px*23px的矩形把窗台画出来,并对齐窗户

选择圆拱形,点击对象—路径—偏移路径,输入-12px,点击确定

AI+PS教程!魔法小精灵剪纸风插画

选择全部,使用形状生成器,鼠标按住不松手,拖过灰色部分,连接窗台和窗户,填充颜色为#745448

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

将里面的圆拱形填充为#353594

AI+PS教程!魔法小精灵剪纸风插画

绘制月亮,由三个圆形组成,尺寸如下,注意图层顺序,颜色分别为#F8DB9D #FBE2AD #FDEFCF

AI+PS教程!魔法小精灵剪纸风插画

将三个圆形编组,框选窗户和月亮,用形状生成器按住alt减去灰色部分

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

将窗框图层拖到最上方,把月亮遮住

添加星星,颜色为#EFB150(绘制时鼠标按住不松手按住键盘的下方向键改变星星的棱角数量),调整大小,放在窗户上

AI+PS教程!魔法小精灵剪纸风插画

步骤 08 制作桌子

隐藏上一个图层,新键图层命名为桌子,使用圆角矩形工具沿着草稿拉出桌子,颜色为# 846459,暗部颜色为#745448

AI+PS教程!魔法小精灵剪纸风插画

将墙面图层打开,框选全部,使用形状生成器按住alt剪掉多余的部分,得到桌子

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

制作药水瓶,沿着草稿绘制出大概的形状,瓶子颜色为#FBE2AD,药水颜色为#A890DA暗部颜色为#9D87CC,高光颜色为#EEE8E6,瓶子不透明度改为50%,注意图层顺序,绘制好后放在合适的位置

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

步骤 09 制作小精灵

新建图层,命名为小精灵,使用钢笔工具,沿着草稿图勾出帽子,和翅膀,颜色为#D04621亮部颜色为#EC9E83,翅膀颜色为#FBE2AD

AI+PS教程!魔法小精灵剪纸风插画

继续勾出脸和耳朵,颜色为#F7BDA8,暗部颜色为#EFA88F

AI+PS教程!魔法小精灵剪纸风插画

勾出五官,调整锚点,眼白颜色为#EEE8E6,眼珠子颜色为#614238,腮红颜色为#EF988F,嘴巴颜色为#614238

AI+PS教程!魔法小精灵剪纸风插画

沿着草稿勾出披风,注意放在翅膀前面,颜色为#D04621,暗部颜色为#96290C

AI+PS教程!魔法小精灵剪纸风插画

加上手臂,颜色为#F8DB9D,暗部颜色为#D1AB61,衣服颜色为#C39C48

AI+PS教程!魔法小精灵剪纸风插画

最后再给脸部加上阴影,颜色为#EFA88F

AI+PS教程!魔法小精灵剪纸风插画

步骤 10 制作炉子

新建图层命名为炉子,使用钢笔工具沿着草稿勾出炉子,颜色为#9D482A

AI+PS教程!魔法小精灵剪纸风插画

任意勾出齿状的图形,使用形状生成器按住alt减去多出的部分,颜色为#EEA388

AI+PS教程!魔法小精灵剪纸风插画

使用椭圆工具拉出上半部分,钢笔工具画出亮部,颜色为#A35337(炉子)

#EEA388(炉子亮部)绿药水#A7CC37,亮部#C4E256

AI+PS教程!魔法小精灵剪纸风插画

最后勾出手和棍子,吸取脸部颜色,棍子颜色为#6C4A3E

AI+PS教程!魔法小精灵剪纸风插画

到这里图形已经完成了80%

AI+PS教程!魔法小精灵剪纸风插画

步骤 11 制作植物

新建图层命名为树枝,使用钢笔工具勾出树枝的形状,可以随意一点,注意分块不要连在一起,颜色统一填充为#846459

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

新建图层命名为树叶,使用钢笔工具勾出树叶的形状,可以随意一点,画出几种不同形状的树叶,后面直接复制,颜色统一为#A7CC37

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

整体效果

AI+PS教程!魔法小精灵剪纸风插画

步骤 12 导出至PS

到这里图形已经完成,可以导进PS里制作效果了

首先选中全部图层,右键取消编组,点击图层右上角的三条杠,选择释放到图层(顺序)

AI+PS教程!魔法小精灵剪纸风插画

释放后,请检查每个图层前面都有 >,如果不成功可以多试几次

AI+PS教程!魔法小精灵剪纸风插画

Ctrl+s保存文件,选择文件—导出—导出为,命名为剪纸插画,保存类型选择psd,将AI文件保存为psd文件,放在桌面上

AI+PS教程!魔法小精灵剪纸风插画

步骤 13 制作剪纸效果—墙面

打开文件,先检查图层有没有问题,每个形状都要都占一个图层,如果有问题就要回到AI重新释放图层顺序

AI+PS教程!魔法小精灵剪纸风插画

隐藏其他图层,选择墙面图层的大圆,右键混合选项,添加内阴影,模式为正片叠底,关闭全局光照,颜色为#a24727,其他数据如下

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

同样的给半圆添加效果,颜色为#a24727

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

步骤 14 书架

给书架图层的书本和书架分组,找到书架外框,右键混合选了添加内阴影颜色为#846153

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

再添加投影

AI+PS教程!魔法小精灵剪纸风插画

右键图层拷贝图层样式,粘贴到书架盖板,然后添加渐变,颜色为#a9958f和#94817c

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

给书本添加内阴影,其他书本统一拷贝图层样式,颜色选择与书本相近的颜色即可

AI+PS教程!魔法小精灵剪纸风插画

完成效果

AI+PS教程!魔法小精灵剪纸风插画

步骤 15窗户

将书架外框的图层效果拷贝给窗框,调整到合适的角度

AI+PS教程!魔法小精灵剪纸风插画

选择月亮,添加两个内阴影、投影,颜色选择月亮相近颜色

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

将效果拷贝到另外两个圆,第三个圆的投影选择天空的蓝色

AI+PS教程!魔法小精灵剪纸风插画

给星星添加内阴影,图层模式为滤色,选择相近颜色,投影选择蓝色,拷贝给另一个星星

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

步骤 16桌子

给桌子添加内阴影、投影,投影颜色为#a25236

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

步骤 17小精灵

整理好人物图层并命好名,给帽子及其亮部添加内阴影,渐变,投影,颜色选取帽子相近颜色

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

亮部,内阴影颜色为# cc8164

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

头发

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

脸部加上内阴影、颜色为#fee7df,投影#efa88f,按照同样的方法可以给眼白加一点投影

AI+PS教程!魔法小精灵剪纸风插画

继续给披风做效果,内阴影和投影和前面一样选取披风相近颜色即可,加一点渐变,渐变模式为叠加,颜色如下

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

翅膀效果设置如下

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

设置好后拷贝给另一边,给袖子添加效果

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

小精灵整体效果

AI+PS教程!魔法小精灵剪纸风插画

步骤 18 炉子

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

添加内阴影投影渐变等,继续给炉子上半部分添加效果

AI+PS教程!魔法小精灵剪纸风插画

手部也是同样的思路

AI+PS教程!魔法小精灵剪纸风插画

步骤 19 植物

选择其中一个树枝图层,设置如下效果,然后拷贝给每一截树枝

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

树叶:选择其中一个树叶图层,设置如下效果,然后拷贝给每一片树叶

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

AI+PS教程!魔法小精灵剪纸风插画

接下来使用钢笔工具给眼睛描一下眼线,让小精灵看起来更有神一点,然后再用画笔点几个小雀斑

AI+PS教程!魔法小精灵剪纸风插画

选择所有图层,给它打包成一个组(背景除外),选择组1,按住ctrl+shift+alt+E,盖印一层

AI+PS教程!魔法小精灵剪纸风插画

按住ctrl点击图层缩略图,调出选取,添加一个蒙版,把多出的书架投影盖掉

AI+PS教程!魔法小精灵剪纸风插画

未盖住前,书柜的投影是突出的

AI+PS教程!魔法小精灵剪纸风插画

最后适当调整一下整体效果,添加一张喜欢的纸张纹理,置入图片,右键栅格化,将图层模式改为正片叠底

AI+PS教程!魔法小精灵剪纸风插画

选择文件储存—储存为jpg格式,命名为剪纸插画,将文件导出到桌面,制作就算完成了。

纹理图片

AI+PS教程!魔法小精灵剪纸风插画

三、最终效果图

AI+PS教程!魔法小精灵剪纸风插画

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

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

8 收藏 35

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

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

复制本文链接
img

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

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片