原创插画是如何来的，你这样一看就明白了（附教程）

╰半橙微兮° 2023-10-07 14:32 15阅读 0赞

**STEP 01**

让我们打开AI，创建一个宽1600px高1200px的新文档。然后将所参考的照片置于其中，锁定照片的图层，再新建一个图层作为绘制层。绘制时可以用钢笔工具，

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png]

**STEP 02**

钢笔工具所绘制的形状关闭填充，线条设置为红色，将线条大小设置为0.5px。这里选用红色是为了照顾视觉的可辨性，你也可以选用和照片本身差别大的色彩。

根据照片提示的轮廓进行绘制，并不是一定要完全效仿照片。就像本例中，我们未必要完全效仿模特的发型。基础形里的每一个形状都要封闭完全，这是为了填色的需要。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 1]

**STEP 03**

绘制五官的部分，尤其是眼睛的时候，要注意保持每个形的封闭型，这时你要非常清楚你的填色逻辑，不要被线条误导了。

五官保持最简单的形，去掉一切繁琐细节，而又要保持视觉上的“合理性”。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 2]

**STEP 04**

处理人物剩下的部分。这时可以稍微发挥创意，比如我在这里增加了头发的长度和弧度。也是这时开始，我们就丢弃对照片的依赖。关闭照片可见，完全从线条的角度来审视整个画面。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 3]

**STEP 05**

调整线条，让它变得更为“丝滑”，并对形进行合并与删减。其目的是为了填色的需要，因此要谨慎选择合适的形状对象。而保持“丝滑”的前提就是不要过度的歪曲与拐角，你需要放大细节进行调整。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 4]

处理形的要义就是要学会趋向简单几何。

**简约配色**

这里我们将要学会对色彩的节制，注意在绘制人像时，人物的某一五官将作为突出重点，比如我们要在这里突出嘴唇，因此嘴唇的部分和皮肤的部分就在色彩上加以区分。

这时，整体的色彩最好不要超过三种。用颜色作为视觉引导，在人物的重要部分运用不同的色彩对比。

**STEP 06**

为画面增加背景色，这个背景色与唇色呼应。让色彩显得干净。基本的填色完成后，大致的人物形象就一目了然，在此进行对五官细节的微调，将是更进一步的“符号化”的过程。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 5]

**阴影的点睛作用**

有趣的地方就在于，尽管我们丢弃了所有的阴影细节，然而并不代表我们不需要它。利用阴影，可以起到画龙点睛的作用。比如在这幅画中，我们给脖子上增加头部的阴影，脖子和头就有了视觉上的层次，立体感增强了。

**STEP 07**

阴影的色彩我们选用和唇色一样的粉红色。将阴影的混合模式改为“正片叠底”，透明度降至30%。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 6]

**STEP 08**

再为眼睛增加阴影，这将增加眼神的力量。“眼影”的混合模式仍然为“正片叠底”，透明度为60%。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 7]

**STEP 09**

为了增加脸部的立体感，我们也要利用阴影进行“润色”。这时，阴影不仅仅是实际的对光线投射的描绘，而是有着某种“装饰”的意味，同时突出脸部轮廓，在关键的部分利用线条的婉转来表现脸部的轮廓起伏状态。

填色后的混合模式仍未“正片叠底”，透明度为15%。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 8]

**制造焦点**

我们曾经也谈到过正负形交错的用法。也就是让背景与所绘制对象主体的色彩有彼此可以融合的部分，根据完形法则，我们人眼能从一些线索中就判断出对象。

**STEP 10**

将背景变为黑色，与黑色的头发、眉毛相接。又将桃红色背景缩小为更小的圆，用以突出焦点。在焦点处添加上焦点。至此美女插画设计已完成。

![原创插画是如何来的，你这样一看就明白了（附教程）][format_png 9]

**手段的目的就是手段本身**

说起来，这句话有点绕。换句话说，在目前“唯结果论英雄”的思维方式下，我们更应该焦距在过程本身。不被结果影响是很难做到的，但至少我们可以抽身在享受过程的某一个小瞬间。

其实，最初是想要探讨关于网页设计中插画的方向。做设计的人都深有体会，有时候为了寻找一个好的素材，翻遍各大免费摄影网站都未必合适。精疲力尽的同时还加深了我们对于DEADLINE的焦虑。于是，求人不如求己，我就想到了用插画的方式来自己动手设计素材。

[format_png]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS9lMTZiZDAwMGVhNzk0YWNkYmQ5Y2QzMzMyMDI3ZjBjYg?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cDovL3A2LXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS80OWNkM2U3MjRjZDg0NmQzYWUwMmNlYzZiNDQ5YTdlZg?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cDovL3AzLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS9mMDUwN2JkM2Y3ZmU0MGU0OGUzYjM1ZGFjOWE3ZmIwYg?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cDovL3AzLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS8zZDliYjY2NTkyMjU0MTRhYWZlNGIyOTY1ZmE0M2Y3MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cDovL3A2LXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS8yZWU5NTNjYTZmNjg0ZWI2YmJlNTlmY2M0ODcwYWRhMg?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cDovL3AzLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS82ODY2YzFkOTY5ZWE0NDdlYmQyYTM3MzhiMjkxMWNmNg?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS83N2FhMWYzN2M0MzA0YzgxOWE4NGEyMzk4ODA5NTc5ZA?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS80NjkzNTJkZDY4NmI0MGRjYmIwYjhmNTkzM2E5ODdkMg?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cDovL3AzLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS85OGY5YzQ0MzkzMjY0MzI2YTdkNmNmZjUwNGVjZDFhYw?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cDovL3AxLXR0LmJ5dGVpbWcuY29tL2xhcmdlL3BnYy1pbWFnZS8zMmIyNWRiOTY2OWQ0MDY4YTkzYTU3ODZkOWViZWNjOQ?x-oss-process=image/format,png