PS教程!手把手教你绘制精致写实的购物袋图标 - 优设-UISDC

PS教程!手把手教你绘制精致写实的购物袋图标

2015/02/27 12363评论区

photoshop-shopping-bag-icon-1

编者按:今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用,来练手 >>>

最终效果图:

新建画布。

给画布拉个渐变。

拉个圆角矩形。

双击图层添加图层样式,先来投影。

接着内阴影,内发光和渐变叠加。



最后来个图案叠加,任选一个用来做纹理。

加完样式后成为这个样子。

拷贝一份圆角矩形,把它置于最下面。

右键清除图层样式,填充黑色,在属性里羽化四像素。

刚刚楼主把圆角矩形眼睛关闭了,现在打开,选中圆角拷贝层(就楼上羽化黑色这个)按住ctrl+下键(就是键盘右键上下左右四个键)往下移动三四个像素,使它作为阴影。

画个长条矩形,创建剪辑蒙版。

来个灰到白的渐变。

用椭圆工具画两个小圆,位置一定放对,填充黑色。

调出图层样式,添加描边、内阴影、渐变叠加,让它看起来像金属质感。


这样看起来有点金属的样子了。

在小圆形上面再画两个更小的圆填充黑色。

接下来要做,购物袋的绳子,这点要切图,大家注意看椭圆工具。

路径选择工具选中那个椭圆。

Ctrl+C、Ctrl+V,复制粘贴,再把复制的那个图层稍微往上拉点Ctrl+T 变小点。

如图把它切掉。


合并为一个形状。


先按下Shift在画一个矩形,必须要画在同一个图层。

再切。

合并成一个形状。

椭圆画个小圆,放在接口上面,圆最好是偶数,这样才能对齐。

然后把小圆形放在另一个接口上,觉得绳子太长再调节下。

把圆的绳子合并成一个形状图层。

给绳子添加图层样式。




添加图层样式后。

Alt复制一份,右键清除图层样式,放在这个位置(我们要做阴影)。

羽化一下。

添加图层蒙版,画笔调为黑色,慢慢的擦。

爱追求细节的同学,来教你们给绳子添加纹理,画一个椭圆放在这个位置不要填充,也不要描边。

文字工具围着路径打一串SSSS。

文字颜色随意,打好字以后把路径删掉 ,文字图层置于绳子上面,创建剪辑蒙版。

效果如图。

接下来做褶皱。

画一个长条矩形填充黑色,在添加图层蒙版。

打开渐变,调成黑到白。

用编辑好的渐变,在黑矩形蒙版上从右往左拉一下,效果如下图。

放在箭头标注的位置,模式改为叠加。

Alt复制一份放在对面。

接下来做表皮的褶皱,钢笔勾出这样的三角形状,放在这个位置,颜色填充稍微深点。

复制三分,分别放在不同的位置,在稍微羽化下。

剪辑蒙版。

再用钢笔顺着三角形侧面勾一个。

复制三份,怎么放?看图(为了大家更直观看我把刚刚剪辑蒙版撤销了)

分别创建剪辑蒙版。

至于这个褶皱,和刚刚方法如出一辙。

如果你觉得那些不合理,可以再调节下。附上最终效果图。

 【15年一月份最新图标教程合集】

 风格素净非常讨人喜欢的播放器图标:
《PS教程!手把手教你快速打造简约的播放器图标》

两个科幻感风格的扁平化太空图标!
《PS进阶教程!手把手教你绘制扁平风行星与雷达图标》

喂!别忘了给他一个天空(来自有爱的评论串)
《PS初级教程!手把手教你绘制酷炫有型的火箭图标》

作者:看不见的敌人28

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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