我观察了500个网页和logo案例，发现这种做法最勾人，附教程~

昨天发完动态字体，好多人问柚子要教程，嗯，看来以后不能给自己挖坑了~

毕竟柚子就一个，逼死就只剩柚子皮了，你们想看我皮一下吗？

不过我今天给你准备了另一个教程，还记得前天我在有了Behance上这10个平面趋势，2019我可以横着走上说过的吗？插画元素在2019会大放异彩。

可我不会手绘怎么办，报个班太贵了，自学又太慢了，别担心，跟我走~

插画+字母=勾人

平面设计中有一个经常用到的技巧，就是把两个看似不相关的事物混搭在一起，让它们在视觉上融合、统一。

可以是植物、动物、人物，也可以是字母、形状等，前提是它们要有相同的纹理、方向，或者结构、脉络相似，就像我们今天要学的人物字母融合。

我们先对素材进行准备。字母可以很容易得到，人像主要有两个来源：

A、照片（通过抠像的方式得到）

B、插画（自行绘制）

这两个方案都各有利弊，照片能得到比较细腻的，带有实感的皮肤纹理，但不易获得源素材。而插画则可以自由创作，只是在纹理上会更扁平化，我们今天把二者结合一下。

这是我在网上发现的一张不错的素材来源，只是尺寸比较小。

我们将素材拖入到 AI 当中，新建一个图层，照片图层可以锁定。

顺着人物的轮廓，使用【钢笔工具】描摹，最好采用高亮色，这样能随时看到线条，与背景区分。

皮肤作为边缘时，我们要严格遵循它的轮廓，而头发、衣服等部分，则可以不那么精确。

大致描完后，要用左侧的【平滑工具】，对边缘线进行再次调整。

接下来我们绘制人物的头发，这一步取得下方的轮廓线很重要，上方的只需要超出，然后采用左侧的【形状生成器工具】，再按住alt，就能删除多余的部分。

除了完整的大轮廓，我们还要绘制：眼睛、鼻子、嘴、脖子、耳朵、垂下的头发等。

可以参照原有的照片，但不用全部都临摹，要学会取舍，找到最凸出的特点，比如嘴比较厚。

两束头发也比较细节，可以采用加粗的线条，让其本身来作为形状，样式选择宽度配置文件4，也就是针形的那个。

记得将这些线条扩展外观，使其填充，描边关闭。

虽然还有很多细节没有绘制，但可以开始填色了，大面积的色彩就两个：头发（#090d11）和皮肤（#242b35），背景填充为原有照片的蓝（#153d5f）。

眼睛我们沿用头发的颜色，鼻子只在阴影处填色，而嘴我们要找一个略带红，但和其他颜色处于同一深度的。还有脖子上的装饰物，安排一个比较亮的米白色。

继续修饰人物的五官，增加唇部和眼部的阴影。

再给人物以阴影，来增加耳朵的形状，并为她配上耳钉。

其他部分的身体阴影也需要增加，采用更深一些的色彩就可以了。

最后需要根据实际情况，将整体色调得再暗一些。

导出一张不含背景的人像PNG，可以在任意场所使用。

和字母组合，首先要看到背后的骨架，然后选择和人物呼应的部分，这里我选用Z。

打开PS，新建一个1980*1080的大尺寸文档。

用文字工具写出一个Z，这时要选择一个比较有表现力的字体，我使用的是衬线字体 nouvelle_vague_final ，字由上可以搜到哦，大小为750，颜色为我们在AI绘制人物时的背景色。

将你做好的人物PNG导入进来，安排在字母的图层之上，并缩小到和字母差不多大小，再进行【水平翻转】。

调出Z字母的选区（虚线），然后单击人物图层，点击下方的【添加图层蒙版】小图标，让人物“住进”字母里。

光这样还不能产生融合，需要露出一部分，就像是犹抱琵琶半遮面。先选中蒙版，然后用白色的画笔，把你需要的部分“显”出来。

为了让字母更有实体感，我们可以给它增加【内阴影】。

在字母上方增加一个新的图层，再鼠标右键，选择【创建剪贴蒙版】。

利用喷溅画笔，将大小调到45，前景色设置为白色。

随意地画出星光点点，由于字母和人物都是暗色，因此看起来特别璀璨。

最后把整个画面的背景色调整为#7d7777。

同理还可以做出其他风格，既可以当网页轮播的Banner，也可以作为logo，海报设计元素，绝对独一无二。