【 tulaoshi.com - PS 】
本文由 lzr0576 原创,转载请保留此信息!
在学习中遇到问题可以到 论坛PS求助研讨 发贴交流!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)相关PS鼠绘教程阅读:Photoshop手绘教程专题
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)先看效果:
![000.jpg 000.jpg](http://img.tulaoshi.com/image/20160205/143e290b3b4dce71daad00a7e4e77a84.jpg)
这个教程不是侧重如何使用Photoshop工具,而是怎么用PS绘制产品。
说一点自己对手绘产品的想法:个人觉得手绘产品要求先具备一些绘画的理论基础,比如透视关系,色彩明暗等。因为我们手绘产品的目的就是把设计出的草图方案中的产品,更形象化的表现给人看。所以在表现的时候,除了基本的透视关系,还要体现产品的材料,各类材料表面的处理工艺。要表现材料,就要注意光线对材料的影响,还有阴影效果,所以在手绘前先定义光线方向(当然光线的选择是和你表现的产品是对应的,不是固定的)。
回到手绘手机,上图是我画的自己的小5,画的时候把步骤截了个图,就根据截图分析。
1、先建立一个300像素的画布,当然如果电脑配置允许的情况下可以设置的大点。
![001.jpg 001.jpg](http://img.tulaoshi.com/image/20160205/cd7165ed31e779cc947edcd37af3af78.jpg)
2、先画正面的效果,没有透视,比较简单。用钢笔定义出长宽比例,我是看着自己的手机绘的,如果在设计产品中,可以根据草图来。(都是前期的设计,不用很精确的尺寸)
![002.jpg 002.jpg](http://img.tulaoshi.com/image/20160205/148fc5746b3de10663ead8c72ac84b1a.jpg)
3、绘制各个区域的线条,主要用于布局和定位。
![003.jpg 003.jpg](http://img.tulaoshi.com/image/20160205/24104c3a7d4516528c16dc966e2e77b2.jpg)
4、把线条区域转化为图层填充(分层填充),填充什么颜色都可以,后续还有进行色彩的调整。
![004.jpg 004.jpg](http://img.tulaoshi.com/image/20160205/6b685cd8e6c8fc49b67418584df293fb.jpg)
5、定义了光线方向为从右向左,斜上方向照射,然后边继续将线条转化为填充图层,边刻画明暗(用的方法图层混合的渐变叠加,结合蒙版)。
![005.jpg 005.jpg](http://img.tulaoshi.com/image/20160205/022626c3643e4b6d7bcb785b8a2dcc27.jpg)
6、绘好外轮廓,继续刻画细节。
![006.jpg 006.jpg](http://img.tulaoshi.com/image/20160205/1771364f7270541485c0f2e4355d5281.jpg)
7、找一张图片绘制屏幕
![007.jpg 007.jpg](http://img.tulaoshi.com/image/20160205/1bffbffcdccf2cfbe8876b7aed534d41.jpg)
8、然后丰富屏幕的元素
![008.jpg 008.jpg](http://img.tulaoshi.com/image/20160205/f435bdd2171dd9af696b525e88059870.jpg)
9、看下一些细节特写
![009.jpg 009.jpg](http://img.tulaoshi.com/image/20160205/cd4d2984f14fa1c43924beec4674b653.jpg)
![010.jpg 010.jpg](http://img.tulaoshi.com/image/20160205/3d8b53b5bfe88adcd38dc7a8d6931f20.jpg)
10、最后打上屏幕贴膜的光影。
12
继续绘制有点难度的透视效果,其实处理的方法是类似的,主要困难的一点就是透视的把握。
1、还是先用钢笔画线,看是简单的线条,其实都是经过一遍又一遍的调整后得到的,因为这直接影响着整个产品的效果。
![101.jpg 101.jpg](http://img.tulaoshi.com/image/20160205/7909d87d2f42a87888d393511a821c03.jpg)
![102.jpg 102.jpg](http://img.tulaoshi.com/image/20160205/6bc577e39e31e5cd6afd865e0f3667f0.jpg)
2、将线条转化为图层填充。
![103.jpg 103.jpg](http://img.tulaoshi.com/image/20160205/5218afa89b77e0cf924d05ee45651eb0.jpg)
3、继续绘制线条刻画细节。
![104.jpg 104.jpg](http://img.tulaoshi.com/image/20160205/9a16cad635510c5c7834036c5e353bec.jpg)
4、将细节线条转化为填充。
![105.jpg 105.jpg](http://img.tulaoshi.com/image/20160205/8e0842bb3e3e368f7f2872a0d57d3c74.jpg)
5、然后定义光线的方向,进行局部上色。
![106.jpg 106.jpg](http://img.tulaoshi.com/image/20160205/df8c93461e83337609007f40662dca4d.jpg)
6、逐步进行细节刻画,具体怎么刻画一般产品的效果将在另外一个帖子中发表(未编辑)
![107.jpg 107.jpg](http://img.tulaoshi.com/image/20160205/23746b58154211a85000a390ea73dcb5.jpg)
7、下面是几个细节的放大视图
![108.jpg 108.jpg](http://img.tulaoshi.com/image/20160205/f5828ef7824e9621ec484cc83119c4ad.jpg)
![109.jpg 109.jpg](http://img.tulaoshi.com/image/20160205/a653c17373a722f3facdcb46d1c3a125.jpg)
![110.jpg 110.jpg](http://img.tulaoshi.com/image/20160205/8365f228f0e5aaee9c6f89cf720d2a96.jpg)
![111.jpg 111.jpg](http://img.tulaoshi.com/image/20160205/32d6564082132b7c70dc7205a6b515cb.jpg)
8、打上光影效果,倒影等装饰。
![112.jpg 112.jpg](http://img.tulaoshi.com/image/20160205/6ba19b5cb343deaa375395cee02584eb.jpg)
本来是闲着无聊绘制一下自己手机练习,顺便截了一下图,现在写成教程和大家分析下自己的心得,不好之处请多多指教。
对本文感兴趣的朋友可以到这里与作者交流:http://bbs.jcwcn.com/thread-347533-1-1.html
1
2