教程 发表于 2020-1-13 12:51:39

用PS绘制简单的书本图标

教程作者:仲夏308
我们用PS绘制简单的书本图标,MBE风格相信同学们都已经了解了,制作起来难度中等,同学们可以通过教程来学习一下,这类图案的制作,需要同学们去绘制,很多的线条图案,绘制成简单的书本图标,许多有趣的部分加起来就可以构建一个简单的书本图标,具体还需要同学们详细去做。

效果图:

http://pic1.16xx8.com/allimg/nbgfd/4-1Z122163016204.jpg

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x0.thumb.gif

操作步骤:

1.先新建一张画布,然后选择圆角矩形工具,半径调成10像素,去掉填充颜色,然后选择一个描边颜色把描边扩大到4像素做出图形。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x1.thumb.gif

2.接下来我们继续选择圆角矩形工具,这次把填充色打开,描边去掉,半径像素为16,再作出一个内圆角矩形。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x2.thumb.gif

3.然后我们还是继续选择圆角矩形工具,这次我们需要填充色,跟描边色都打开,描边大小调成3像素,半径调成14像素,作出第三个圆角矩形,放置在底部。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x3.thumb.gif

4.接下来我们把圆角矩形工具的填充色选择一个颜色,描边色关掉,半径像素调成1.5绘制一个细长的圆角矩形,绘制出来后,我们就复制出来两份把他们拖拽适当的位置上。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x4.thumb.gif


5.接着我们要利用CTRL+T自由变换对复制出来的圆角矩形进行大小的调整。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x5.thumb.gif

6.接下来的操作也是一样,选择图形工具里面的矩形工具,跟椭圆工具作出图形来,然后CTRL+E进行图形合并。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x6.thumb.gif

7.图形合并后,我们要先复制一个图形,然后CTRL+T选择个复制位置,最后再按CTRL+ALT+SHIFT+T进行再制命令得出图形。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x7.thumb.gif

8.接下来的操作也是一样,利用图形工具的圆角矩形工具跟矩形工具把笔记本里面的内容都绘制出来。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x8.thumb.gif

9. 为了丰富画面效果,可以选择文字工具在笔记本封面输入点字母。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x9.thumb.gif

10.书本大概做完后,我们接着要开始做铅笔,铅笔还是利用图形工具绘制出来。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x10.thumb.gif


11.铅笔的身体画出来了后,我们接着要绘制铅笔的脸部跟手部,绘制当然还是需要用到我们的熟悉的图形工具。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x11.thumb.gif

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x12.thumb.gif

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x13.thumb.gif

12.最后我们把夹子利用图形工具绘制出来,然后利用图层复制复制三个分别调整颜色放去适当的位置进行装饰。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x14.thumb.gif

13.整体画面都出来后我们有没有发现,我们的线段好多都是还没断开的呢,所以我们接下来就是要对没有断开的线条进行断线。我们要选择钢笔工具里面的添加锚点工具在一开始我们绘制好的图形的路径上进行锚点的添加。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x15.thumb.gif

14.锚点添加完成后,我们需要选择到直接选择工具,然后对需要断开的路劲的地方选择后直接DELETE把路劲断开,断开路径后就在描边处把蹲点改成圆滑的。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x16.thumb.gif

15.剩下的需要地方也是同样的操作方法,利用添加锚点工具跟直接选择工具把路径断开然后把端点改成圆滑就行了。

http://pic1.16xx8.com/allimg/nbgfd/16xx883195a33x17.thumb.gif

16.我们可以应用于很多地方呢,最后给大家展现一个效果图的应用。

http://pic1.16xx8.com/allimg/nbgfd/4-1Z122163016204.jpg

一起来学习一下吧,相信你可以做的更好。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

shallow. 发表于 2020-1-13 12:52:44

我的作业:

jaylee1213 发表于 2020-1-16 14:25:09

作业

qinjianjun000 发表于 2020-8-4 16:01:30

作业

秃头小宝贝儿 发表于 2020-12-16 15:05:36

notebook
页: [1]
查看完整版本: 用PS绘制简单的书本图标