ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7921|回复: 6
收起左侧

[鼠绘教程] 手绘入门(如何拥有自己满意的PHOTOSHOP鼠标手绘作品)

[复制链接]
发表于 2007-5-5 07:25:14 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
<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、绘制结构图

上面的结构图做法是:

用矩形选框工具画出选区后圆角化,描边。绘制刀头

自由变换,按住CTRL键和鼠标左键拖拽如下图所示:

此时的图形已经表现出了透视效果。依据整体形态,绘制主框架。

用钢笔工具勾画出曲线部分:

在钢笔工具下右键---描边路径,在工具选择对话框中选择画笔。确定后,即可将设定好的画笔笔触描到当前路径上。
逐步刻画

用钢笔工具钩出物体主体部分,转换为选区:


新建图层,命名为:主体。用RGB值为:1.22.100的颜色填充

隐藏主体层,新建一图层,命名为“白”
根据物体的明暗和结构图,在交界比较明显的部位用钢笔工具钩出路径,转换为选区。

用画笔工具设定好不透明度、主直径、硬度后,在该层上仔细添加白色。

在主体层上新建一层,命名白塑料。用钢笔工具钩出形状并转换为选区后填充RGB值为:160.190.215的颜色。

双击该层,在图层样式中选择斜面和浮雕,调整好深度、和大小,如图所示。

用加深和减淡工具在该层上涂出大体明暗。

新建图层,用钢笔工具画出刀头突出的部分线条。用像素较少、硬度较高的白色画笔描边路径。
然后用硬度和不透明度较低的橡皮擦工具擦掉多余和比较暗的部分。

剃须刀的雏形基本就出来了。
下面是点睛之笔----刀头,一定要细致。
新建文件,名为刀头。新建图层,用圆形选框工具拉出正圆,填充RGB值均为:230的颜色。
 楼主| 发表于 2007-5-5 07:26:53 | 显示全部楼层
新建图层,画上如下图形

复制一层,CTRL+T自由变换,将物体中心点拉到圆的圆心。

旋转后如图

同时按住CTRL\ALT\SHIFT三键再按T,N次后得到如下效果:

合并复制出的图层,拉出中间的同心圆选区。填充径向渐变入下效果

缩小选区,切换到通道编辑区。新建图层,填充白色

添加杂色,切换回图层编辑区。滤镜---渲染---光照效果,

加上文字,删格、渐变并“斜面和浮雕”。

合层,拉到剃须刀文件中。复制后自由变换到如下效果

细致刻画充电插头部分

用钢笔工具钩出后转换选取,在新图层上填充。并将图层样式做到如下:


还有一个推杆,用画笔工具和橡皮擦工具来做。。

添加刀头处按钮

画上充电插头
充电指示灯、枕状浮雕。

最后,整体明暗和形状修饰一下,添加上文字和投影,去掉结构辅助线。就更真实了。

注:立方体是做3个矩形,然后自由变换,再CTRL+左键拖出来的。没有用立方体转换。只能靠对透视的理解画出来。上面的光影效果是用加深和减淡工具擦出来的。
发表于 2007-8-10 23:47:55 | 显示全部楼层
好多…………啊,不知道能不能学到,先收下ps:L
发表于 2007-8-11 23:41:08 | 显示全部楼层
厉害。。。。高手。。。。。。。。。。
发表于 2007-8-13 20:49:52 | 显示全部楼层
实在是太强了~~~~~~~厉害厉害
发表于 2007-9-2 18:21:21 | 显示全部楼层
交作业了
感觉画的不行ps:L
粗糙= =
tixudao副本.jpg
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-23 18:41 , Processed in 0.043488 second(s), 12 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表