×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
软件安装教程 远程服务 超值!手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 3470|回复: 21

转载鼠哥手绘教程系列!

[复制链接]
发表于 2006-12-12 17:02:02 | 显示全部楼层 |阅读模式
#book.jcwcn.com@
Photoshop绘制精美显示器
笔者今天演示是的是显示器的绘制过程。这个教程比较适合初学手绘效果图的朋友,希望通过这教程能够给大家带来些帮助。教程不够详细的地方希望给予指出。先来看看最终效果图:
本帖的地址:http://bbs.jcwcn.com/forum.php?mod=viewthread&tid=44872
跟着教程做一遍,做完的图要到这里评论交作业,教程有看不懂的地方,可以在贴子下面评论
Monitor_447_nEO_IMG_2.jpg

评分

参与人数 2金币 +5 热心度 +2 收起 理由
xyl7422 + 2 + 2 转教程啦,支持下!
祁连山 + 3 谢谢转载教程.

查看全部评分

 楼主| 发表于 2006-12-12 17:03:23 | 显示全部楼层

Photoshop绘制精美显示器

酷素材
图(1)首先选择文件>新建(CTRL+N),在对话框里设置参数(如图1)所示。
1%20_nEO_IMG1.jpg
 楼主| 发表于 2006-12-12 17:04:53 | 显示全部楼层

sg

图(2)新建一图层,用钢笔工具勾画出显示器的大体形来,在勾画过程中要注意钢笔工具节点的运用,鼠标对准线,右击选择添加和删除节点,如图(2)所示。
2_nEO_IMG2.jpg
 楼主| 发表于 2006-12-12 17:05:55 | 显示全部楼层

sg

图(3)在勾画好外形后按(CTRL+回车键),得到选区后填充灰色(R230。G230。B230)作为显示器的底部颜色。如图(3)所示。
3%20_nEO_IMG3.jpg
 楼主| 发表于 2006-12-12 17:07:24 | 显示全部楼层

sg

酷素材
图(4)同上面方法一样,勾画出显示器的各个面,各建单独的图层。(提示:怕勾画不准的朋友可以先勾大块的面,再慢慢地勾一些小的面还有细节,要把亮面和暗面区分开来。)如图(4)所示。
4%20_nEO_IMG4.jpg
 楼主| 发表于 2006-12-12 17:09:16 | 显示全部楼层

sg

酷素材
图(5)现在我们看画面亮面和暗面已经勾画出来了,接着我们要先从暗面先进行加深处理,(快捷键O,画笔参数分别为:70号:范围:中间调:曝光度15)。如图(5.1—5.3)所示。
5.1%20_nEO_IMG5.jpg
5.2%20_nEO_IMG5.jpg
5.3%20_nEO_IMG5.jpg
 楼主| 发表于 2006-12-12 17:10:53 | 显示全部楼层

sg

图(6)好了暗面处理差不多了,现在进行对亮面的处理,记住要多和暗面进行比较对先前的加深,经过对比后我们可以根据,自己的感觉做出减淡的效果,但是这两样对比不能太过强烈。顺便在画的过程中将影子的部分提出来,使得显示器更有立体的效果。(提示;做直线加深和减淡时,按住shift+鼠标左键就可以了)这步骤是最为烦琐的,但大家要坚持下去。如图(6.1—6.2)所示。
6.1_nEO_IMG6.jpg
6.2%20_nEO_IMG6.jpg
 楼主| 发表于 2006-12-12 17:12:51 | 显示全部楼层

sg

图(7)新建图层,如图(7)所示,用钢笔工具勾画出显示器侧面中间橡胶的厚度,(填充为G:115,G:97,B:158)在双击该图层到样式里进行编辑。如图(7.1—7.3)所示。
 楼主| 发表于 2006-12-12 17:18:18 | 显示全部楼层
图(7)新建图层,如图(7)所示,用钢笔工具勾画出显示器侧面中间橡胶的厚度,(填充为G:115,G:97,B:158)在双击该图层到样式里进行编辑。如图(7.1—7.3)所示。
7.1%20_nEO_IMG_27.jpg
7.2_nEO_IMG_27.jpg
7.3%20_nEO_IMG_27.jpg
 楼主| 发表于 2006-12-12 17:21:06 | 显示全部楼层

sg

图(8)接着我们对显示器屏幕和下脚做渐变处理。如图(8)所示
8_nEO_IMG8.jpg
 楼主| 发表于 2006-12-12 17:32:27 | 显示全部楼层
(^#@$ 图(9)新建图一层,做出按扭来,设前景色(R;87,G:175,B:99)进行填充,在双击改图层到样式里进行编辑。在进行自由变换(CTRL+T)里的透视,调整到角度对为止。如图(9.1—9.3)所示。
9.1_nEO_IMG9.jpg
9.2_nEO_IMG9.jpg
9.3%20_nEO_IMG9.jpg
 楼主| 发表于 2006-12-12 17:34:11 | 显示全部楼层

sg

图(9)新建图一层,做出按扭来,设前景色(R;87,G:175,B:99)进行填充,在双击改图层到样式里进行编辑。在进行自由变换(CTRL+T)里的透视,调整到角度对为止。如图(9.1—9.3)所示。
9.1_nEO_IMG9.jpg
9.2_nEO_IMG9.jpg
9.3%20_nEO_IMG9.jpg
 楼主| 发表于 2006-12-12 17:35:51 | 显示全部楼层

sg

图(10)最后将显示器底座部分的图层合并,按住ALT+鼠标左键,复制一个出来进行自由变换(CTRL+T)里的垂直翻转,斜切,扭曲。调到自然为止。在降低透明度,做出倒影。背景嘛就拉出一个自己喜欢的渐变颜色就好了。小弟在教程中有做的不足的地方希望给予指出。如图(10.1—效果图)所示。
10.1_nEO_IMG_20.jpg
Monitor_447_nEO_IMG_2..jpg
 楼主| 发表于 2006-12-12 17:56:50 | 显示全部楼层
#book.jcwcn.com@ 还有好几个鼠绘教程,等我有时间发上来就是,请各位朋友耐心等待,有什么做的不好的地方给我留言,我会改正,谢谢指教!
发表于 2006-12-12 17:59:31 | 显示全部楼层
支持发教程,(^#@$%^
好东东
您需要登录后才可以回帖 登录 | [立即注册]

本版积分规则

2345