每日教程分享-【AI+PS教程】教你绘制明星插画

和 小染 一起进步成长吧！

如果教程图片里面的文字不清晰，请把网页放大了看（Ctrl+鼠标滑轮）

最近翻看各大设计网站，发现在UI界面设计这一块兴起了比较火爆的插画设计风格——erics风格，欣赏了一下，感觉这种插画比较简单，没有太大的规范可言，设计全程就是夸张化，不用去考虑太多的肌肉和骨骼走向，这对没学过画画的小白来说简直就是量身订做的设计。废话不多说先来欣赏一波今天要讲解的插画内容：

这幅作品看起来感觉有点复杂，实际上我们只需要结合两款设计软件（PS和AI）以及掌握其设计构思，那么你以后制作这样的erics插画风格就都不在话下了，其实完成这副作品一共需要四个大的步骤：

1. 人物原型的设计（主要在AI里面制作）

2. 场景设计（主要在AI里面制作）

3. 后期的处理（主要在PS里面处理）

4. 界面设计与插画的融合（主要在PS里面处理）

完成这四个步骤你就能做出高逼格的erics插画了。

1. 人物原型的设计

1.1寻找真实照片制作原型

因为我个人比较喜欢Eason所以我今天拿他的照片进行插画的制作，先在网上搜索Eason的照片，然后把他保存下来。

1.2根据照片快速绘制线稿

 画好了之后就是导出线稿图片了，我们需要隐藏两个背景图层，

1.3对线稿进行勾线（需要运用AI）

 然后把在PS里面导出的线稿图拖进AI里面，调整好整体线稿的大小。

然后降低线稿的不透明度（这里是为了后面勾线做准备），锁定线稿，执行：选中线稿图层——对象——锁定——所选对象

锁定了图层之后开始使用钢笔工具开始勾线了，勾线需要注意所有的线都需要闭合（这是为了保证后面能够填充色块，没有闭合的线是不能够填充色块的），

画好了头部再画身体，从这里我们就可以看到我所有需要填充颜色的线条都是使用闭合的线，比如说——手腕、衣袖等可以看出来，

接着画腿部，现在我们还暂时不要考虑图层的顺序，所以不用管他，我们在勾线的时候不要100%去照着原图进行勾画，适当的取舍和夸张化；这样主题人物就画好了。

画好主题人物了，我们现在可以开始画陪衬物了。也就是沙发。

沙发画好了之后我们就需要整体去调整了，衣服不需要那么多褶皱，尽量用弧线来表现，在调整结构的时候也可以试着把阴影块面加上去。

1.4对线稿进行配色（需要运用AI）

首先把锁定的背景删掉，执行：对象——全部解锁——选中背景图层——Delete删除，

定好了主色调颜色就开始上色了，先从主体物开始上色，上色需要考虑黑白灰的关系，黑代表暗面，灰代表颜色过度面，白代表亮光面

 下面这个截图是我大部分的用色取值

2. 场景的设计

现在来看下，我的整个画面感觉有点空，由于我画的是Eason，他是一位歌手，那么我想到了音乐符号、吉他、话筒来作为点缀。

3. 后期的处理（在PS里面处理）

3.1添加一些阴影丰富整个画面

打开PS新建文件 宽：800px、高：600px、分辨率72、颜色模式RGB

再切换到AI里面，用选中工具全选插画所有图层，再拖动到PS里面去，选择智能对象，那么图层就生成了智能对象图层。

为了不破坏原图，那么我们复制一个智能对象图层Ctrl+J,

再新建一个空白图层，作用是：用画笔在上面画阴影。画笔选择柔边圆，画笔大小看着自己的需求进行调节我这里是10px，调整前景色为暗的阴影色，这里色值为#d36940。

3.2添加一些杂色点缀整个画面

隐藏背景图层，再盖印图层Ctrl+Alt+Shift+E，再隐藏盖印图层之外的所有图层。

选择盖印的图层，复制一个图层Ctrl+J，改名为杂点，

杂色的数量建议控制再4%——6%范围左右，数值太大看不出来，数值太大比较模糊。

添加好杂点了，看整个画面的杂点比较多，所以我们需要擦出一些高光面的杂点，保留暗部的杂点，

选择柔边圆画笔，调整大小，画笔的不透明度改为50%。

多用画笔修整下

最后的调试结果

这样后期处理部分就完成了。

4. 界面设计与插画的融合（在PS里面处理）

界面的大小看自己的需求进行定义，本教程的大小为1290px*975px。

本期的教程就到这里结束了，希望大家能够多多进行练习，学以致用。

自学Adobe Photoshop课程 限时免费 | 零基础PS案例课程，带你从小白变大神！