Photoshop鼠绘实例 – 设计之家

photoshop鼠绘实例：大众甲壳虫汽车

sj33cn — Thu, 19 Jul 2007 06:27:00 +0000

先看一下效果：

1、新建图层，用钢笔工具钩出车身形状，添色。用加深和减淡工具配合套索工具擦除车身部件位置及明暗。

2、新建3个图层，分别绘制车身的“黑、灰、白”。用渐变工具配合套索工具，最后设置每层的不透明度。

3、新建图层，天加车身上的现。

4、在车身下新建图层，添加车里和天线。

去掉其它图层的样子：

5、在车身下新建图层，添加车轮。

6、在车轮图层下新建图层，命名为背景。用画笔工具调整好主直径、硬度后在背景图层下钩出背景。

Photoshop鼠绘实例:女孩

sj33cn — Wed, 18 Jul 2007 15:29:00 +0000

作者相关：http://www.artistbbs.com.cn

本教程使用的软件为Photoshop CS2。

用Photoshop cs2 绘制人物在该类绘画中略显复杂，主要原因是人的面部特征不容易把握，也就是形的塑造难度比较大。

绘制人物，尤其是人物的五官，是一件要求很细致的工作――不同人的脸是由相同的“部件”（五官）组成的，而正是这些部件的细微变化造成了人和人长相的不同。

本节将带着读者逐步了解人物面部绘制的规律和技法，并在后面小节的实例中带着读者实践具体人物面部的绘制。

一、“三庭五眼”的概念

人的面部虽各有不同，但也同时存在一定的共性，这个共性就是人面部“三庭五眼”的结构关系，图7-1为“三庭五眼”的结构示意图。

图7-1 “三庭五眼”的结构示意图

“三庭”即，发际线到两个眉梢之间的虚拟线为一庭；眉梢线到鼻尖虚拟线为一庭；鼻尖线到下颚为一庭，这几条线间的距离大致是相等的，我们常称这几条线中间的部分为“三庭”。

“五眼”即，人眼水平位置的虚拟连线平均分为五份，每一份为一个眼睛的宽度――两眼间的宽度相当于一只眼睛的宽度，眼尾角到脸侧的宽度同样相当于一只眼睛的宽度，我们常称这五份为“五眼”。

绘画时所观察到“三庭五眼”的距离相等性只体现在人脸与观察者正对时。当人的脸部仰视或俯视的时候，所观察到的“三庭”会发生透视的变化，“五眼”基本不变；人脸侧对观察者的时候，所观察到的“五眼”会发生透视的变化，“三庭”基本不变。

眉毛，嘴、鼻子的变化也是多样的，读者要多多观察、思考和积累。

当然，很多人的脸部结构未必完全符合“三庭五眼”的规律，长相也属于五官端正，所以三庭五眼并不是检验五官是否端正的标准，笔者更倾向于将其理解成一个参照，不同人参照的结果会有所不同。

另外，根据画种的不同，对“三庭五眼”的表现方法也不同――比如，漫画创作的过程会将人物的某一特征夸大，使其造型表现得更生动；抽象画更是经常打破这个规律的典范。

二、人物脸型的把握

不同人的脸型也是不同的，很多专家都用几何形状来归纳――有的人是正梯形；有的是倒梯形；有的是长方形；有的是圆形；有的是正方形等。用几何形状归纳人脸的方法可以有效地抓住人脸型的特征，非常有利于对整体的刻画。

三、在Photoshop cs2中绘制人物的方法

用Photoshop绘制人物脸部应该养成一个比较好的习惯。

1.先归纳人脸部的大致形状，用“直线工具”（快捷键U）快速、粗略地勾勒结构线，结构线应包括脸部轮廓大致形状和“三庭五眼”的结构关系。

2.根据粗略结构线，用“直线工具”大致勾绘面部轮廓和五官形状。

3.根据细化的辅助线，用“钢笔工具”（快捷键P）绘制精确的脸部轮廓和五官形状的路径。

4.将面部路径添上适当的颜色，再将药具体刻画部位相应的路径转换为选区，将选区根据需要正选或反选，用“加深/减淡工具”（快捷键O）刻画。

5.最后将颜色和形状不妥当的地方调整一下，完成人物脸部的绘制。

了解上面的内容后，我们将在后面的小节中通过实例来讲解用Photoshop cs2绘制人物脸部的具体方法和步骤。

Photoshop鼠绘实例:黄瓜

sj33cn — Wed, 18 Jul 2007 15:21:00 +0000

本教程所用软件为Photoshop CS2。

黄瓜的绘制

黄瓜是常见的蔬菜，在本节的实例教学中，笔者将带着读者一起来绘制两根新鲜的黄瓜。

本节的实例的最终效果（图5.3-0）。

图5.3-0 实例最终效果

按下键盘上的Ctrl+N组合键，或执行菜单栏上的“文件→新建”命令打开“新建”对话框，设置参照图5.3-1所示。

图5.3-1 新建文件对话框

打开通道调板，新建一个通道，填充黑色（图5.3-2）。

图5.3-2 新建黑色通道

设置前景色和背景色分别为白和黑，执行菜单栏上的“滤镜→纹理→染色玻璃”命令，设置参照图5.3-3所示。

图5.3-3 “染色玻璃”命令的设置和命令执行后的效果

执行菜单栏上的“滤镜→模糊→高斯模糊”命令，设置参照图5.3-4所示。

图5.3-4 “高斯模糊”命令的设置

执行菜单栏上的“图像→调整→反相”命令，或按下键盘上的Ctrl+I 组合键，执行“反相”命令（图5.3-5）。

图5.3-5 执行“反相”命令后的通道效果

再新建一个通道，填充黑色，见图5.3-6。

图5.3-6 新建通道Alpha2

Photoshop鼠绘实例: 鲤鱼

sj33cn — Wed, 18 Jul 2007 15:07:00 +0000

本教程使用的软件为Photoshop CS2。

鲤鱼的绘制

在这节中，我们将通过对鲤鱼的绘制来学习“画笔工具”和“液化滤镜”的一些使用方法。实例最终效果见图6.2-0所示。

图6.2-0 实例最终效果

制作方法和步骤如下：

按下键盘上的Ctrl+N组合键，或执行菜单栏上的“文件→新建”命令打开“新建”对话框，设置参照图6.2-1所示。

图6.2-1 新建对话框的设置

我们首先来绘制“鱼身”。

新建图层，用“钢笔工具”(快捷键P)绘制鳞片形状的封闭路径后转换为选区，用硬度较低的“画笔工具”(快捷键B)在选区内涂抹上白色和RGB值分别为9、8、4的黑色，如图6.2-2所示。

图6.2-2 用“画笔工具”涂抹颜色

执行菜单栏上的“滤镜→扭曲→海洋波纹”命令，设置如图6.2-3所示。

图6.2-3 “海洋波纹”滤镜的设置

执行命令后的效果如图6.2-4所示。

图6.2-4 执行“海洋波纹”命令后的效果

将该图层复制一层，按下键盘上的Ctrl+T组和键，自由变换该层，按下键盘上的“↑”键，向上移动一定距离，如图6.2-5所示。

图6.2-5 将复制的图层移动一定距离

按下键盘上的Shift+Alt+Ctrl组合键同时按T键若干次，做出如图6.2-6所示效果。

图6.2-6 移动并复制图层的效果

Photoshop鼠绘实例:手机的绘制

sj33cn — Tue, 17 Jul 2007 17:22:00 +0000

手机的绘制

我国拥有近四亿的手机用户，居全世界第一。手机在我国已成了常见的通讯工具。本小节将带着读者一起用Photoshp CS2绘制一台手机。

本小节完成的效果图。（图4.1-1）

图4.1-1 手机绘制完成效果图

本小节实例制作步骤如下：

按下键盘上的Ctrl+N组合键，或执行菜单栏上的“文件→新建”命令打开“新建”对话框，设置参见图4.1-2所示。

图4.1-2 新建对话框的设置

新建图层，按下键盘上的Ctrl+R组合键打开标尺，创建一条垂直辅助线。以该辅助线为对称中心线，用“矩形选框工具”（快捷键M），根据手机形状创建一个矩形选区，如图4.1-3所示。

图4.1-3 以辅助线为对称中心线创建的矩形选区

选择“椭圆选框工具”（快捷键M）工具，设置选项栏上的布尔模式为“添加到选区”，如图4.1-4所示。

图4.1-4 椭圆形选框工具在选项栏上的设置

在选区下边与垂直辅助线相交位置处（如图4.1-5所示）开始拖拉，出现圆形后不要松开鼠标，同时按下键盘上的Alt和Shift键，就可以该点为圆心创建一个与矩形选区 “合集”的圆形选区，如图4.1-6所示。

图4.1-5 圆形选区的中心起点

图4.1-6 与矩形选区合集的圆形选区

执行菜单栏上的“选择→修改→平滑”命令，将矩形选区直角平滑一定像素。

图4.1-7 平滑命令设置对话框

图4.1-8 矩形选区平滑后的效果

确认“椭圆选框工具”仍被选择，右击文档窗口，在弹出的菜单中选择“建立工作路径”命令，将选区转换为路径。

调整路径到如图4.1-9所示效果――使上边窄一些，两侧线条要具有一定弧度。

图4.1-9 调整后路径的效果

选择任意路径工具（比如“钢笔工具”），右击文档窗口，在弹出的菜单中选择“建立选区”命令，转换路径为选区。设置前景色为灰色（色彩接近即可），按下键盘上的Alt+BackSpace组合键填充前景色。将该图层命名为“上盖”，如图4.1-10 所示。

图4.1-10 填充灰色后的图形

按下键盘上的Ctrl键，同时单击该图层在图层调板的缩略图，使该层中图形外缘作为选区载入。选择“矩形选框工具”，右击文档窗口，在弹出的菜单中选择“变换选区”命令。按下键盘上的Alt键，以选区中心为变换中心，变换该选区到图4.1-11所示效果。

图4.1-11 变换选区后的效果

Photoshop鼠绘实例:桔子绘制

sj33cn — Tue, 17 Jul 2007 17:04:00 +0000

橘子的绘制

我们在这一节中，将通过对橘子的绘制来介绍几种滤镜命令、“智能图层”和“变形”命令的使用方法。

实例最终效果（如图5.2-0所示）。

图5.2-0 实例最终效果

按下键盘上的Ctrl+N组合键，或执行菜单栏上的“文件→新建”命令打开“新建”对话框，设置参照图5.2-1所示。

图5.2-1 新建图层对话框

新建图层，填充RGB值分别为252、121、3的桔黄色，如图5.2-2所示。

图5.2-2 新建图层并填充桔黄色

打开通道调板，新建一个通道，填充白色，选择该通道。

图5.2-3 新建通道并填充白色

执行菜单栏上的“滤镜→素描→网状”命令，在弹出的对话框中按图5.2-4所示方式设置。

图5.2-4 “网状”滤镜设置对话框

执行菜单栏上的“滤镜→模糊→高斯模糊”命令，参照图5.2-5所示方式设置对话框。

图5.2-5 “高斯模糊”滤镜设置对话框

回到图层调板中，选择“图层1”。执行菜单栏上的“滤镜→渲染→光照”命令，设置参照图5.2-6所示。

图5.2-6 “光照效果”滤镜的设置

通过滤镜的一系列处理，“图层1”已经表现出了橘子表皮纹理的质感。通过观察，橘子轮廓基本可以归纳成圆形。用“椭圆选框工具”（快捷键M）在“图层1”上创建一个圆形选区，如图5.2-7所示。

图5.2-7 在“图层1”上创建的圆形选区

Photoshop鼠绘实例: 鲜美葡萄

sj33cn — Thu, 12 Jul 2007 14:39:00 +0000

绘制鲜美葡萄

葡萄素有果中玛瑙之美称，美味更是不必多讲。葡萄的多种营养成分对改善人体新陈代谢功能、软化血管、降低血压，治疗心脏病与贫血均有一定疗效。

实例最终效果如图2.2-1所示。

图2.2-1 完成的效果图

葡萄的制作过程中应用的诸如滤镜和图层混合模式等的高级技巧都很少，相对软件应用来说，比较简单。本小节主要通过对这串葡萄的描绘来详细介绍一下Photoshop cs2鼠标手绘过程中光影效果，以及对象质感的表现。同时，我们也通过该实例，具体讲解构图和着色以及软件中工具在实际绘画中的应用。

绘画过程中要注意全局的把握，分析好绘画对象所处的环境，环境色对绘画对象的影响，对象在该环境中可能出现的光影变化。

可以把整串葡萄看成是一个整体，大致总结出该对象的光影变化。然后再具体刻画个别葡萄粒。

仔细观察这串葡萄，不难发现，虽然实际中葡萄粒都是相似的，但绘画时候却不能通过复制的办法来做。因为葡萄粒生长的位置，受光程度各不相同，所以在绘制过程中要各自对待。

图2.2-2是光源方位的分析。

图2.2-2 光源的方位在葡萄的左上角偏后的位置

下面的图片是对葡萄整体的五调的分析。由于画面中葡萄的周围没有可以反映其投影的物体。所以图片中没有显示投影这一调子，如图2.2-3所示。但不是葡萄违背了五调的规律，它的投影应该反映在图片范围外的某一物体上，比如地上的某一部位。

图2.2-3 反映在葡萄上的四个调子

葡萄是由一个个的葡萄粒组成的，每个葡萄粒上也反映着不同五调的变化。下面图片上直线所指的部位标示出了葡萄粒上的五调（图2.2-4）。

图2.2-4 个别葡萄粒上的五调

为了方便刻画，要找到葡萄的中间色调。经过观察，确定该颜色为RGB值分别为191、220、98的草绿色（本小节以下称“草绿色”）。

整体五调中受光面部分的葡萄粒基本是都带有比较明亮高光的，要用不透明度较高的白色覆盖。明暗交界部的葡萄粒颜色最深，要用加深工具擦出“深绿色”，并且部分葡萄粒受到环境色的影响，呈现“赭石”色，要用不透明度较低的“画笔工具”涂抹。暗部颜色稍浅些，保持填充色不变即可。反光部分的葡萄粒颜色较为明亮，用“减淡工具”稍稍涂抹。