论坛 › 鼠绘手绘教程 › 手绘入门（如何拥有自己满意的PHOTOSHOP鼠标手绘作品）

查查 发表于 2007-5-5 07:25:14

手绘入门（如何拥有自己满意的PHOTOSHOP鼠标手绘作品）

<BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>
很多朋友在欣赏过别人的鼠标手绘作品后都觉得很难，离自己是那么的遥远。其实，只要稍加点努力，你也可以很快拥有自己一个满意的鼠标手绘作品。注意，是“满意的”。<BR><BR>本教程的开始部分是讲美术基础，这里对美术基础做了一个简单的讲解。有基础的朋友可以略过；对绘画一窍不通的，希望你能认真看一下。因为，PS鼠标手绘也同样属于绘画，绘画就应该掌握一定的理论。理论的东西都是前人总结出的精华，学习理论就相当于“站在了巨人的肩上”，使绘画者少走弯路或不走弯路。常有那些很有天赋但没有理论的朋友作画时，画着画着就找不到感觉了。为什么？缺少理论的指导，局部把握的挺好，一组合毛病就来了。<BR><BR>我个人感觉，美术的理论不同于数学语文这样的理论。它不是约束你创作的束缚，而更像一个得力的工具。<BR><BR>人类的审美是有一定共性的，而美术中的理论也正是对这些共性的总结。除非阁下是极有天赋的天才，否则在下奉劝：了解总比不了解要好。<BR><BR>鼠标手绘不单是掌握图像处理软件这么简单。相反，鼠标手绘所使用软件中的工具很有限，也很简单。说白了，我们应该把软件看成一种方便的画笔，它可以使我们上色均匀、线条精确而已。<BR><BR>美术基础分为两部分：其一是对美术中归纳的理性的东西的理解和掌握；其二是绘画中对硬件，包括笔、纸和颜料等的了解以及绘画技法的掌握。<BR><BR>美术基础部分<BR><BR>我们所看到的一切事物都是存在于三度空间里的，也就是三维物体。都是具备“长宽高”基本属性的。当然，有的物体的这一属性是直观的，有的是要经过分析后才能显现。<BR><BR>从物体外观看，除了具有上面说的属性外，还具备“色彩”属性。<BR><BR>我们绘画中的构图其实就是在表现物体“长宽高”的空间属性；而着色则表现物体的“色彩”属性。<BR><BR>所以为了表现物体的外观属性，绘画的过程基本分两步，即构图和着色。<BR><BR>第一、构图<BR><BR>1、构图时候表现物体的立体感的重要手段是对“三面”“五调”的刻划。<BR><BR>三面，即：黑、灰、白三面。由于光源照射的角度不同，面向光源的部分稍亮一些，即“白”面，背对光源部分稍暗一些，即“黑”面；中间的过渡部分呈现“灰”的效果。如图：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100355590.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155648443.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>上面的例子也可以看出，物体所包含的三面中不只有三面的区别，各个面中因为形体的变化和光照的不同，还有一些层次变化称为：“五调”即：<BR>高光、明暗交界部、暗部、反光、投影。如图：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100357178.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155649310.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>用球体表现更突出：<BR><BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100420606.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155649870.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0>&nbsp;“三面” “五调”表现好了，你的作品就会呈现出一种物体的质感，给人的感觉就会离真实近了一大步。<BR><BR>除了这两个要素以外，要使自己的作品显得真实，符合逻辑，还有 “透视”这一要素。我们这里所说的可不是上医院照X光那个透视。<BR>详细说明如下：<BR><BR>2、透视<BR><BR>透视的基本规律是“近大远小” 。比如一列由远及近的火车驶来，人眼观察的结果是：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100540219.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155649357.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>透视分大体分为两种：平行透视和成角透视<BR><BR>当物体的一个面与视者正对时候的透视效果（平行透视）：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100542927.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155650750.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR><BR>当物体的一个角线正对着视者的时候的透视效果（成角透视）：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100554966.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155650541.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>其他的透视大体上也都可以归纳成上述两种；是上述透视的细分。
<P>透视的表现就使得物体具有了空间感，可以很形象的表现出物体的大小、方向等特征。<BR><BR>透视原理是来源于实际的。绘画过程中如果失去了透视，那么所表达的物体就会不符合逻辑，就会严重失真。<BR><BR><BR>以上所述的两点就是绘画中构图的基本原理，如果你想画出一个好的写实风格的作品来，一定不要偏离了实际。用理性来约束感性。即使是美术大师，他也是在充分掌握理性的东西的基础上，发挥出自己的创作才能的。<BR><BR>此外，构图上也要有技巧，要根据物体安排版面。不然，即使你的构图表现再优秀，所做的作品也会很蹩脚。想深入了解的朋友可以参考一下介绍“形势美法则”相关的书籍。<BR>第二，着色<BR><BR>所有的物体都是有颜色的。颜色是光照射在物体上，反射不同波长的色光到视者的眼中所形成的。颜色形成的原因和理论这里就不赘述，有兴趣的朋友可以参考一下美术书，那上面说的很详细，有不明白的大家可以交流。<BR><BR>我们主要说说颜色的感觉：<BR><BR>要使物体的颜色表现真实，就一定要打破你的“思维定势”。比如，我问你，番茄是什么颜色的？你一定回答是红色的。如果我问一个番茄上的颜色有几种，你一定回答“一种”。这就是我们在颜色问题上的“思维定势” 。<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100635690.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155650473.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>实际上番茄在受到光源照射时会表现出很多的颜色，起码的会有“三面”“五调”的变化。-------面光的部分比较亮一点，呈现发白的颜色；背光的部分暗一点，呈现黑红的颜色，另外还有部分是黄色的。<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100643278.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155651500.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0><BR>如果物体所处的环境颜色很丰富，加上光源的颜色，物体所表现的颜色简直可以用万紫千红来比喻如果，你不打破这个定势，你的作品也同样会失真，失去生命力！<BR><BR>那么，如何能打破思维定势而熟练运用这些颜色呢？除了掌握颜色基本属性规律外还要靠平时的观察与积累。<BR><BR>PHOTOSHOP做画不同于用实际做画，相对来说要简单。在PHOTOSHOP的拾色器中可以很方便直观的找到自己需要的颜色；“渐变”和“油漆桶”工具更是添加颜色的好帮手；如果渐变层次较多，还可以使用“加深”和“减淡”工具刻画。而在实际做画时，你需要有很高的色彩素养，才能根据实际调出所需要的颜色。而且，给作品着色也需要你掌握一定的绘画技法，才能将颜色涂抹均匀、合理。<BR><BR>所以，我个人认为：准备学美术的的朋友可以先用图像处理软件练习一下对颜色的感觉。这样的好处是，方便、直观节约成本。<BR><BR>学习以上知识后，就涉及到实际应用问题了。<BR><BR>（PHOTOSHOP软件方面需要读者自己了解，这里就不赘述。）<BR><BR>画点什么呢？就画电脑桌上的一台剃须刀吧。<BR><BR>下面这个实例将带着你完成第一个手绘作品。<BR><BR>软件为：PHOTOSHOP CS<BR><BR>所用工具为：钢笔工具、多边形套索工具、加深、减淡、涂抹、模糊以及部分滤镜等。<BR><BR>从工具来看，鼠标手绘真的很简单。它不需要你面面俱到的掌握软件。<BR><BR>先看看完成效果：<BR><IMG onmousewheel="return imgzoom(this);" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;} else {window.open('/data/uploadfile/200606/20060606100718874.jpg');}" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060925155651378.jpg" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border=0></P>

查查 发表于 2007-5-5 07:26:10

制作步骤如下：
新建文件，大小自定，分辨率高点。命名为剃须刀。
1、绘制结构图
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155651131.jpg
上面的结构图做法是：
。
用矩形选框工具画出选区后圆角化，描边。绘制刀头
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155652359.jpg
自由变换，按住CTRL键和鼠标左键拖拽如下图所示：
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155652195.jpg
此时的图形已经表现出了透视效果。依据整体形态，绘制主框架。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155653743.jpg
用钢笔工具勾画出曲线部分：
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155653880.jpg
在钢笔工具下右键---描边路径，在工具选择对话框中选择画笔。确定后，即可将设定好的画笔笔触描到当前路径上。
逐步刻画
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155654692.jpg
用钢笔工具钩出物体主体部分，转换为选区：
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155654849.jpg
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155655314.jpg
新建图层，命名为：主体。用RGB值为：1.22.100的颜色填充
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155655780.jpg
隐藏主体层，新建一图层，命名为“白”
根据物体的明暗和结构图，在交界比较明显的部位用钢笔工具钩出路径，转换为选区。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155656225.jpg
用画笔工具设定好不透明度、主直径、硬度后，在该层上仔细添加白色。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155657508.jpg
在主体层上新建一层，命名白塑料。用钢笔工具钩出形状并转换为选区后填充RGB值为：160.190.215的颜色。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155657164.jpg
双击该层，在图层样式中选择斜面和浮雕，调整好深度、和大小，如图所示。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155658527.jpg
用加深和减淡工具在该层上涂出大体明暗。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155658794.jpg
新建图层，用钢笔工具画出刀头突出的部分线条。用像素较少、硬度较高的白色画笔描边路径。
然后用硬度和不透明度较低的橡皮擦工具擦掉多余和比较暗的部分。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155659778.jpg
剃须刀的雏形基本就出来了。
下面是点睛之笔----刀头，一定要细致。
新建文件，名为刀头。新建图层，用圆形选框工具拉出正圆，填充RGB值均为：230的颜色。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155659588.jpg

查查 发表于 2007-5-5 07:26:53

新建图层，画上如下图形
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155700923.jpg
复制一层，CTRL+T自由变换，将物体中心点拉到圆的圆心。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155701514.jpg
旋转后如图
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155702313.jpg
同时按住CTRL\ALT\SHIFT三键再按T，N次后得到如下效果：
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155702951.jpg
合并复制出的图层，拉出中间的同心圆选区。填充径向渐变入下效果
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155703388.jpg
缩小选区，切换到通道编辑区。新建图层，填充白色
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155703121.jpg
添加杂色，切换回图层编辑区。滤镜---渲染---光照效果，
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155704574.jpg
加上文字，删格、渐变并“斜面和浮雕”。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155705434.jpg
合层，拉到剃须刀文件中。复制后自由变换到如下效果
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155706466.jpg
细致刻画充电插头部分
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155707597.jpg
用钢笔工具钩出后转换选取，在新图层上填充。并将图层样式做到如下:
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155707618.jpg
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155708250.jpg
还有一个推杆,用画笔工具和橡皮擦工具来做。。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155709542.jpg
添加刀头处按钮
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155709863.jpg
画上充电插头
充电指示灯、枕状浮雕。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155710902.jpg
最后，整体明暗和形状修饰一下，添加上文字和投影，去掉结构辅助线。就更真实了。
http://www.cgfancy.com/Article/UploadFiles/200609/20060925155711960.jpg
注：立方体是做３个矩形，然后自由变换，再ＣＴＲＬ＋左键拖出来的。没有用立方体转换。只能靠对透视的理解画出来。上面的光影效果是用加深和减淡工具擦出来的。

牛奶般淡蓝 发表于 2007-8-10 23:47:55

好多…………啊，不知道能不能学到，先收下ps:L

rurubi 发表于 2007-8-11 23:41:08

厉害。。。。高手。。。。。。。。。。

我爱杰欧 发表于 2007-8-13 20:49:52

实在是太强了~~~~~~~厉害厉害

arina 发表于 2007-9-2 18:21:21

交作业了
感觉画的不行ps:L
粗糙= =

查看完整版本: 手绘入门（如何拥有自己满意的PHOTOSHOP鼠标手绘作品）