（转载自网络 ）

https://cms-assets.tutsplus.com/uploads/users/30/posts/19371/final_image/kitty-tut-final-lg.jpg

1. 旋转和裁剪你的原始图

Step 1

这一切都始于一个可爱的猫的形象. 花点时间浏览一下你最喜欢的网站上的

猫的照片， 我选择了一只正直直地看着相机的猫。https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-1.jpg

你也可以拍一张自己的猫的照片。如果他们坐的时间够长的话！

Step 2

让我们把图片放到PS中。如果眼睛是完全水平对齐的，那么这幅肖像效果就太完美了。

使用裁剪工具，我首先选择了我想要的裁剪区域，然后在图片裁剪前将照片旋转。

在裁剪工具界面上的方便网格可以让你在水平线内对齐眼睛。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-2.jpg

现在我已经准备好了，准备转到Illustrator。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-3.jpg

2. 准备你的镜子层

Step 1

创建一个新的文件，将你裁剪的图片放在画布上。

然后将一个棕色填充的矩形(M)设置为50%的不透明度。

这样我就可以在图片的顶部添加更轻的笔画，并能看到它们。

我也可以把这个填充色变成白色来看看深色的笔画。

然后创建一个新的层，这就是魔法将要发生的地方。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-4.jpg

Step 2

让你的猫咪直视你的眼睛和水平平衡的一个主要原因是，

我们将会对你在画布上添加的笔画和形状进行镜像。

因此。理论上，你只需要画出一半的脸。

 

使用线段工具(/)在竖线的中间画一条垂直线。

启用智能参考线(control-u)，绘制一个矩形(M)超过一半的锚脸，

完成后，将直线和矩形(control-g)组合在一起。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-5.jpg

Step 3

切换包含你的线条和形状的图层，然后切换到 效果 > 扭曲和变换> 变换. 

我们要在X轴上，从图形的左边，创建一个拷贝。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-6.jpg

3. 呈现皮毛

Step 1

当你在绘制皮草时，你需要密切关注皮草的长度和方向。

注意到鼻子上的毛要短得多，也更细。

当你向外移动时，毛发会变厚变长。

牢记这一点。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-7.jpg

Step 2

我将用锥形刷子来绘制皮草。

您可以从我的宽度配置教程中找到如何创建它的方法。

我将使用“宽度配置文件1”画笔，以及画笔工具(B)。

当你画出大量的笔画时，它可能使你的电脑内存不足。 

所以我建议你渲染的每一组皮毛，把镜子图层拖放到新建的图层上，复制它。

然后在这个新创建的图层中创建你的毛发。

这样你就可以隐藏你已经完成的动作，而你的电脑不会落后。

 

让我们从复制你的镜像层开始，创建第一个笔画。

这些都是0.5 pt的笔画粗细，并且有深棕色的颜色。

这些都是精细的笔触，聚焦于脸部的中心，将帮助雕刻出鼻子。

我将这些笔触设置为混合模式，不透明度为20%。

记住，你只画在右边，因为它在左边。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-8.jpg

Step 3

让我们隐藏第一层的笔触，复制原始的镜像层。

现在我要在脸部的中心添加一些更轻的笔触。

再一次以0.5 pt的笔触，用白色/灰色的笔触，

设置为混合模式的屏幕，不透明度为70%。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-10.jpg

Step 4

然后我在所有的皮草层下面创建了一个新层，并在下面画了一个奶油填充的矩形(M)。

现在你可以看到背景上的毛发是什么样子的。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-11.jpg

Step 5

我们继续添加更多的皮毛。

首先是一些中棕色的笔画，帮助将浅色区域的颜色与深色区域混合。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-12.jpg

Step 6

然后在外面画一些深棕色的，长一点的画，中间的一些。

你想让肖像的中心成为焦点，但你也想让肖像的外部融入背景。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-13.jpg

Step 7

再混合一些较轻的笔触。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-14.jpg

Step 8

然后，在透明度低的情况下，添加更轻的笔画。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-15.jpg

Step 9

在背景图层中，添加一个矩形(M)，带有一个径向渐变到肖像的中心。

使用渐变工具(G)来修改它的尺寸。

我用了这个透明渐变背景的颜色，然后设置了这个形状的混合模式。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-16.jpg

Step 10

让我们用一些深色的笔触，在肖像的中心处提炼出皮毛。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-17.jpg

Step 11

然后用较粗的笔触，在较细的毛笔下加入一些低透明度的笔触。

在彼此之间划上一层，以达到更暗的色调，以帮助改变色调。

 

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-18.jpg

4. 创造鼻子和嘴

Step 1

使用裁剪图像作为参考，以跟随鼻子的形状，但记住你只需要画一半。

你会注意到皮毛已经没有了鼻子的顶部，

所以我只需要做一个把这个区域填满的形状。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-19.jpg

Step 2

将鼻子形状的图层切换到物体上，然后扩展外观。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-20.jpg

Step 3

然后使用路径查找器面板将匹配的形状统一起来，

并将其颜色与下面的颜色保持一致。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-21.jpg

Step 4

对于主要的鼻子形状，我将使用效果~使风格化~羽化，

经过羽化的形状产生和裁剪图像一样的颜色效果。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-22.jpg

Step 5

我将用类似的羽化效应和径向梯度对鼻子下方的形状，来帮助定义这个区域。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-23.jpg

Step 6

用直接选择工具(A)将鼻子的底部向上移动，以创造出鼻子的分裂。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-24.jpg

5. 创建一个猫的眼睛

Step 1

首先复制一个镜像层，然后让我们现在来做猫眼。

使用钢笔工具(P)来创造眼球的整体形状，包括泪道。

使用椭圆工具(L)来创建瞳孔和虹膜形状。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-25.jpg

Step 2

然后我决定扩大瞳孔(大瞳孔显得更可爱，对吧?)

对于虹膜圆，我已经应用了径向梯度，如下图所示，在虹膜周围有2pt描边。

我将这两种形状组合在一起，然后将它们放在一个用于眼睛的剪切蒙版内

(control-7)。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-26.jpg

Step 3

让我们在眼睛里添加一些高光来创造更多的深度。

我使用了奶油背景，在一个倒置的径向梯度渐变中，

用钢笔工具(P)画出一个形状，覆盖了大部分眼球，在边缘留下了空间。

我将它设置为混合模式屏幕，不透明度50%。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-27.jpg

创建一个新图层，并绘制两个椭圆(L)。

用相同的奶油色和透明设置填充透明的径向梯度。

把它们组合在一起，并复制它。

然后把这个移到另一只眼上。

如果我们在这里使用镜面效应，那么高亮的部分就会来自于两边，

而不是来自精确放置的光源。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-28.jpg

6. 完善你的猫

Step 1

除了没有胡须，还有一件事是我们的猫缺少的。可爱。

他现在对这个世界有点生气。公平地说，这有点伤害到脾气暴躁的猫，

但是这只猫需要振作起来！

首先，我要在这幅画上加上一些不同颜色的粗线条，以更好地融合之前的笔触。

这将使颜色更加一致，看起来更自然。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-29.jpg

Step 2

然后在一个新的图层中，没有镜面效果，我加入了一个深色透明的径向渐变，

以更好地混合鼻毛。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-30.jpg

Step 3

回到眼睛图层，我在眼睛后面添加了同样深棕色的渐变，

 

使它们看起来更像是回到了原来的背景。https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-31.jpg

Step 4

然后在眼睛和嘴部周围加上白色的描边。

这些皮毛的抚摸有助于软化眼睛的边缘，并在嘴周围增加较长的毛发。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-32.jpg

Step 5

胡须会使这家伙看起来更像一只猫。

我使用了外观面板在其中添加了两种笔触。

它最黑最暗的笔划有1pt粗细的和轻0.75的笔画粗细。

这将给胡须提供一个细微的轮廓。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-33.jpg

Step 6

我又回到了眼球上，通过在形状的边缘添加一个暗的内部发光来决定

给它更深的深度。这将有助于创造一种呆滞的眼神。

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-34.jpg

Step 7

让我们完成通过添加进一步的皮毛在肖像来帮助消除任何缺口。https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-36.jpg

完美的肖像！

我喜欢一个很好的理由来创造一个猫的矢量图，

而t恤上的大脸的潮流也让我有了这样的感觉。

我希望你能享受这篇教程，并找到你的借口，让你一整天都在看这幅猫的矢量图！

https://cdn.tutsplus.com/vector/uploads/2014/02/kitty-tut-final.png