PS教你绘制一枚写实的皮包图标

2016-04-05 17:32 33 1 收藏

下面是个PS教你绘制一枚写实的皮包图标教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

tuLaoShi.comPS教你绘制一枚写实的皮包图标

   我们的最终效果:

PS教你绘制一枚写实的皮包图标 图老师

  下面,教程开始!

  在正式做图标之前,需要先自定义一个图案。

  首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后【滤镜】-【杂色】-【添加杂色】,给图层添加7%的杂色。完成之后,【编辑】-【自定义图案】添加一个图案,命名为【磨砂纹理】

53pdds20160329

  准备工作做好了,开始画皮包。

  新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变。

52pdds20160329

  建一个512×512,半径为90的圆角矩形,并添加图层样式,其中【图案叠加】叠加的是刚才新建的【磨砂纹理】

51pdds20160329
50pdds20160329
49pdds20160329

  CTRL+J复制一层刚才的圆角矩形,CTRL+T并按住ALT+SHIFT等比缩小,然后再给这个图层添加一个投影。

48pdds20160329

  画一个竖着的矩形,居中摆放,并添加图层样式。

46pdds20160329
45pdds20160329
44pdds20160329
43pdds20160329

  画一条细线,紧贴竖矩形的右边缘,添加图层样式。

42pdds20160329
41pdds20160329
40pdds20160329

  将这个线条复制一层,移动到竖矩形的左侧,将【投影】角度改为0°

39pdds20160329

  复制一层较小的圆角矩形(图层【中】),清除图层样式,用布尔运算裁掉上半部分,并填充颜色#372715

PS教你绘制一枚写实的皮包图标(2)

38pdds20160329

  给这个形状添加图层样式,其中【图案叠加】叠加的是【皮革纹理】(素材包中有提供)

37pdds20160329
36pdds20160329
35pdds20160329
34pdds20160329

  CTLR+J复制一层之前画的竖线(图层【左】),CTRL+T旋转为横线,放到皮革的上边缘。

  调节颜色和投影,做成这个样子~

28pdds20160329

  把这条横线复制一层,在形状工具下将线条改为虚线。

32pdds20160329

  调整图层颜色和投影,做成以下效果:

31pdds20160329

  将刚才做的实线和虚线一起建组(CTRL+G),添加一个图层蒙版,然后在蒙版上拉一个渐变。

30pdds20160329

  然后新建一个图层,添加一个黑白渐变。

29pdds20160329

  按住CTRL较小的圆角矩形(图层【中】)www.tulaoshi.com的选区,加一个蒙版,把多余的地方隐藏掉。然后将混合模式改为【柔光】不透明度改为60%。

  中间部分的效果已经完成了,建议把除了【底面】和【背景】以外的图层一起建一个组。

28pdds20160329

  将【底面】图层复制一层,调整形状,更改图层样式。

27pdds20160329

  将刚才的图层【盖】再复制一层,调整大小,修改图层样式。

26pdds20160329
25pdds20160329
24pdds20160329

  再复制一层,将形状改为虚线,然后拷贝之前做的【虚线】图层的图层样式,粘贴到这个虚线图层上,修改图层样式。

PS教你绘制一枚写实的皮包图标(3)

23pdds20160329
22pdds20160329
21pdds20160329

  调整图层顺序,把【上虚线】图层移动到【上】图层的下面。

  然后通过布尔运算做出以下白色形状。

20pdds20160329

  栅格化图层,【滤镜】-【高斯模糊】给予适当的模糊度,并调节图层透明度,用图层蒙版隐藏掉多余的部分,做出如下效果。

19pdds20160329

  皮包的整体形状已经有了,接下来做皮带和金属扣。

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

  用圆角矩形工具画一个下图的形状,并填充颜色#c5ab90,记得将这个图层移动到刚才做的【上高光】图层的下面。

18pdds20160329

  将前面【皮革层】的图层样式拷贝过来,适当调节图层样式,用蒙版隐藏掉多余的形状,得到如下效果:

17pdds20160329

  用之前做虚线的办法,再做一条虚线。

16pdds20160329

  在皮带上画一个黑色的小圆,然后复制一个小圆,用布尔运算画一个圆环,填充颜色# c5ab90。

  这里最好不要用图层描边的方式做圆环。如果一定要这么做,就必须要把圆环栅格化,才能继续后面的步骤。

  将【虚线】图层的图层样式拷贝过来,粘贴给【环】图层,适当调节,做出以下效果

15pdds20160329

  将【环】和【孔】一起建组,复制组,排列成tulaoShi.com以下效果:

14pdds20160329

  画一个矩形,利用变形做出以下形状,并填充颜色#c5ab90。

13pdds20160329

  将【皮革层】的图层样式拷贝过来,适当调节,并添加一个【渐变叠加】

12pdds20160329
11pdds20160329

  在【横扣】右边画一个圆,添加图层样式

PS教你绘制一枚写实的皮包图标(4)

10pdds20160329
9pdds20160329
8pdds20160329
7pdds20160329

  复制一个【tuLaoShi.com圆扣】到左边。再复制一个【横扣】图层到下面,调节形状,做成以下效果。

6pdds20160329

  用布尔运算画出金属扣的形状,再将【圆扣】的图层样式拷贝过来,适当调节

5pdds20160329

  关于这个金属扣,我自己是画了一个圆,然后将下面的锚点拖上去,并调节锚点的手柄,得到了这个形状。

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

  做出金属扣之后,用图层蒙版隐藏掉下面的那条边,然后用之前做高光的办法,给金属扣被皮带盖住的部分加点阴影

4pdds20160329

  画一个瘦长的矩形,将【金属扣】的图层样式拷贝过来。

3pdds20160329

  给这个图层添加一个蒙版,在蒙版上拉一个黑白渐变。

2pdds20160329

  然后皮包就大功告成了~

1pdds20160329

来源:http://www.tulaoshi.com/n/20160405/2127161.html

延伸阅读
标签: PS PS鼠绘 PS教程
前端段时间需要制作一个带有奖牌的icon,结果找了半天也没有发现教程,只能自己动手制作,tuLaoShi.com找了个参考的图片开始动手制作。 第一次做教程,希望各位大神们多多提点。 完成的效果图: 绘制步骤如下:     tulaoshi.com完成的最终效果!
标签: PS PS教程
编者按:今天的PS教程是一枚扁平的相机图标,作者yu0910 昨天的教程人气也非常旺,简单易懂,好操作好上手,效果也好看得飞起,作品评论见 Step 01 点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键C...
PS教你绘制一枚幻彩绚丽的时钟   这几天突然对UI很感兴趣,于是就做了这个小时钟,整体效果很绚丽,图层样式中的参数我已经给出,仅供大家参考,邵飞老师说得对多试参数,没有人可以一步到位,多花时间去调试不同的参数,可以帮助提高设计经验,细节靠折腾,而不是靠大量效果我现在就是这样做的,虽然有时候会花很多时间,但真的是会...
标签: PS PS教程
今天教同学们临摹一个QQ旋风图标,教程不难,重点是形状工具的运用,已经看到不少同学交作业了,你也来试试吧。 这个是原图标 这个是我们的临摹成果 背景的创建没什么好说的,只是渐变,然后加了个图案而已。文档大小的话,请随意,本人用的1500*1000像素。首先,我画了水平居中和垂直居中两条参考线,方便等会的对齐...
标签: PhotoShop PS
PS教程:绘制一枚清新优雅的调节旋钮图标   今天给大家带来一个调节旋纽的图标教程,与往常一样,依旧是图层样式的应用为主,源文件已打包,一起来练个手! 源文件打包:http://pan.baidu.com/s/1tulaoshiboARCGf 我们的最终效果: 新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。 光...

经验教程

1000

收藏

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