Photoshop绘制立体逼真的小黄人图标效果

2016-02-15 20:36 58 1 收藏

下面是个超简单的Photoshop绘制立体逼真的小黄人图标效果教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - PS 】

最终效果

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

1、打开Photoshop,新建文档,在工具栏使用圆角矩形工具,画出一个200 * 300圆角矩形,将圆角设置为最大值,形成一个胶囊形。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

2、使用直接选择工具,选中其中的5个点,分别向箭头标示的方向移动,形成身体的形状。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

3、双击图层,将颜色设置为:#de9904。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

4、复制图形并缩小,将颜色设置为:#ffff08。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

5、将复制出的图形羽化。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

6、使用剪切蒙版,将羽化的图形嵌套到原始图形,这样就能约束羽化的范围,保持身体清晰的边缘。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

7、眼睛部分制作,使用椭圆工具画出一个圆。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

8、将圆复制并缩小,填充为棕色:#984f03,加上黑色的内发光。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

9、再次复制并缩小,填充为黑色。最后复制一个白色的圆,作为眼球的高光。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

10、复制第一个圆并填充为黄色:#eec317,再画一个椭圆与其相切。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

11、将所有眼睛图层合并或建立成组。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

12、双击合并后的图层,添加黑色的内发光。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

13、画完眼球,接下来我们来画小黄人的眼镜,用路径操作的方式,画出镜框。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

14、将镜框添加浮雕效果。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

15、接下来画眼镜带:

画出带子的形状,添加渐变,添加黑色的内发光来表现带子的厚度。复制并垂直翻转,形成双层的带子。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

16、将画好的图层都合并,再加上适当的高光,眼睛部分就搞定了。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

17、接下来画嘴巴:

先画出一颗类似半圆形的牙齿,添加一个深灰色的内发光来表现厚度,将牙齿复制三颗,排列好以后合并,添加投影;同样的方法复制下排的牙齿。

画出嘴巴的形状,填充深红色:#611228,添加内阴影,用上面教过的剪切蒙版的方式将所有牙齿嵌入到嘴巴里;最后给嘴巴添加一个淡淡的浅色投影,形成嘴唇的厚度。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

18、使用同样的方法,我们可以灵活画出各种嘴巴。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

19、将画好的三个部分合在一起,然后添加眼镜的投影。在眼镜下方画一块类似屁股的形状,填充为黑色;将黑屁股栅格化,然后用模糊工具不断涂抹下半部分直到虚化;将这块颜色的不透明度设为20%。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

20、画出衣服的轮廓并添加一个蓝色的渐变。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

21、添加一个淡淡的内阴影作为衣服的厚度。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

22、用同样的方法画出两根背带和口袋。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

23、两边的口袋:

先画出一个半圆形,填充一个更深点的蓝色;将半圆栅格化;用橡皮擦掉左边的部分。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

24、用钢笔路径沿着衣服画出一条路径。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

25、使用横排文字工具,将鼠标移至路径的起始位置,直到鼠标变成文字路径的图标;然后不断的输入-号,直至变成一条虚线。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

26、最后添加一些小细节,衣服就完成了。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

27、跟身体的绘制方法一样,利用羽化和剪切蒙版,可以轻松的画出手脚。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

28、最后在头顶加几根毛发,小黄人画好了。

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

最终效果:

Photoshop绘制立体逼真的小黄人图标效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1563667.html

延伸阅读
最终效果图: Step 1 按Ctrl+ N创建新文档。从单位下拉菜单中选择像素,在宽度和高度框中输入600,然后单击高级按钮。选择RGB,屏幕(72 PPI),并确保使新建对象与像素网格对齐选中该复选框,然后单击确定。 启用网格(视图显示网格)和对齐到网格(视图对齐到网格)。 编辑首选项参考线和网格网格,在网格线间隔框中输入5,次分隔线1。 你...
标签: PS PS基础
最终效果 1、找实物图片参考,仔细观察形状及光影变化等细节,很少有人能凭借脑袋中的记忆凭空画出一个实物,所以寻找参考图片是一个最好的方法。 2、使用形状工具画出基本形状。 使用形状工具时最好把文档显示比例调成100%,如果大于或小于100%,形状边缘会出现模糊现象,出现这种情况的原因:当你放大或缩小显示比例绘制矢量图形时...
标签: PS PS基础
教程非常详细非常全面的介绍自动铅笔的绘制方法,基本上每一个细节都有详细说明。过程:先了解清楚铅笔的构造,然后分层把每一部分都用色块标识出来;再逐层上色,刻画质感和细节等即可,喜欢的朋友让我们一起来学习吧。 教程源文件: 逼真的立体水笔效果PS教程源文件 最终效果 1、绘制自动铅笔基本雏形。 1-1、绘制笔杆雏形。 ...

经验教程

57

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部