PS教程!手把手教你绘制一枚写实的皮包图标 - 优设-UISDC

PS教程!手把手教你绘制一枚写实的皮包图标

2016/03/28 11544评论区

photoshop-create-bag-icon-1

@P大点S微博 :今天的图标教程是一个写实的皮包图标,绝大部分效果都是图层样式做出来的,不熟悉这部分的同学可以来练习了,附上源文件免费下载,不会就看作者怎么做的,来试试手!

图标PSD  百度云下载:http://pan.baidu.com/s/1slxJko1

我们的最终效果:

54pdds20160329

下面,教程开始!

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

首先新建一个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

38pdds20160329

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

37pdds20160329

36pdds20160329

35pdds20160329

34pdds20160329

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

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

28pdds20160329

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

32pdds20160329

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

31pdds20160329

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

30pdds20160329

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

29pdds20160329

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

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

28pdds20160329

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

27pdds20160329

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

26pdds20160329

25pdds20160329

24pdds20160329

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

23pdds20160329

22pdds20160329

21pdds20160329

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

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

20pdds20160329

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

19pdds20160329

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

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

18pdds20160329

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

17pdds20160329

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

16pdds20160329

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

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

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

15pdds20160329

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

14pdds20160329

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

13pdds20160329

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

12pdds20160329

11pdds20160329

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

10pdds20160329

9pdds20160329

8pdds20160329

7pdds20160329

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

6pdds20160329

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

5pdds20160329

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

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

4pdds20160329

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

3pdds20160329

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

2pdds20160329

然后皮包就大功告成了~

1pdds20160329

可能是国内做原创教程最用心的公众号:

psqr211

「Illustrator新手教程合集」

同类型纹理教程:
《AI教程:手把手教你用AI创建漂亮的无缝几何图案》

简单好上手,效果还很赞!长投影教程:
《AI新手教程:教你创建精致闪亮的长投影宝石》

据说是目前最火的设计趋势:
《AI新手教程!教你简单快速地将图片变成多边形背景》

原文地址:pdadians

yestone-uisdc-1

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量112万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-create-bag-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 产品设计 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里