Photoshop设计逼真的购物袋APP图标

2016-02-15 21:57 106 1 收藏

有了下面这个Photoshop设计逼真的购物袋APP图标教程,不懂Photoshop设计逼真的购物袋APP图标的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS 】

本教程主要使用Photoshop设计逼真的购物袋APP图标,今天这枚拟物化的购物袋图标,非常写实,教程界面全中文,过程详实,方便好学,另外有一个添加花纹的小技巧很实用。

最终效果图:

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

新建画布。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

给画布拉个渐变。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

拉个圆角矩形。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

来个灰到白的渐变。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

如图把它切掉。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

合并为一个形状。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

再切。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

合并成一个形状。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

给绳子添加图层样式。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

添加图层样式后。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

羽化一下。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

效果如图。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

接下来做褶皱。

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

打开渐变,调成黑到白。

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

Alt复制一份放在对面。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

剪辑蒙版。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

分别创建剪辑蒙版。

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

Photoshop设计逼真的购物袋APP图标,PS教程,图老师教程网

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

延伸阅读
T恤每年都会买一两件,每年也总有看不顺眼不想再穿的。与其让它可怜兮兮地压箱底,不如把它改造成购物袋,去超市买东西用得上哦,而且一般T恤都是棉质的,结实耐用,多买点东西沉点也能经得住呢。改造方法简单易学,而且能展现出T恤的正中图案,是非常有用又有趣的旧物改造点子,一起来学学吧! 旧物:t恤数件 ...
第一步:我们先准备一件T恤,将两边的袖子给剪去。 第二步:再将肩膀那一块也剪掉。 第三步:这时候我们将衣服底部剪出一道口子。     第四步:将之前剪下来的布料中提取一些长条。     第五步:我们再用别针将长条...

经验教程

444

收藏

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