手机
当前位置:查字典教程网 >网页设计 >photoshop >PS绘制精致的抹茶绿购物袋图标
PS绘制精致的抹茶绿购物袋图标
摘要:本教程主要是向大家介绍PS绘制精致的抹茶绿购物袋图标方法,教程很不错,推荐到查字典教程网,一起来学习吧!最终效果图:新建画布。给画布拉个渐变...

本教程主要是向大家介绍PS绘制精致的抹茶绿购物袋图标方法,教程很不错,推荐到查字典教程网,一起来学习吧!

最终效果图:

PS绘制精致的抹茶绿购物袋图标1

新建画布。

PS绘制精致的抹茶绿购物袋图标2

给画布拉个渐变。

PS绘制精致的抹茶绿购物袋图标3

拉个圆角矩形。

PS绘制精致的抹茶绿购物袋图标4

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

PS绘制精致的抹茶绿购物袋图标5

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

PS绘制精致的抹茶绿购物袋图标6

PS绘制精致的抹茶绿购物袋图标7

PS绘制精致的抹茶绿购物袋图标8

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

PS绘制精致的抹茶绿购物袋图标9

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

PS绘制精致的抹茶绿购物袋图标10

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

PS绘制精致的抹茶绿购物袋图标11

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

PS绘制精致的抹茶绿购物袋图标12

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

PS绘制精致的抹茶绿购物袋图标13

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

PS绘制精致的抹茶绿购物袋图标14

来个灰到白的渐变。

PS绘制精致的抹茶绿购物袋图标15

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

PS绘制精致的抹茶绿购物袋图标16

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

PS绘制精致的抹茶绿购物袋图标17

PS绘制精致的抹茶绿购物袋图标18

PS绘制精致的抹茶绿购物袋图标19

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

PS绘制精致的抹茶绿购物袋图标20

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

PS绘制精致的抹茶绿购物袋图标21

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

PS绘制精致的抹茶绿购物袋图标22

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

PS绘制精致的抹茶绿购物袋图标23

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

PS绘制精致的抹茶绿购物袋图标24

如图把它切掉。

PS绘制精致的抹茶绿购物袋图标25

PS绘制精致的抹茶绿购物袋图标26

合并为一个形状。

PS绘制精致的抹茶绿购物袋图标27

PS绘制精致的抹茶绿购物袋图标28

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

PS绘制精致的抹茶绿购物袋图标29

再切。

PS绘制精致的抹茶绿购物袋图标30

PS绘制精致的抹茶绿购物袋图标31

合并成一个形状。

PS绘制精致的抹茶绿购物袋图标32

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

PS绘制精致的抹茶绿购物袋图标33

PS绘制精致的抹茶绿购物袋图标34

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

PS绘制精致的抹茶绿购物袋图标35

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

给绳子添加图层样式。

PS绘制精致的抹茶绿购物袋图标36

PS绘制精致的抹茶绿购物袋图标37

PS绘制精致的抹茶绿购物袋图标38

PS绘制精致的抹茶绿购物袋图标39

添加图层样式后。

PS绘制精致的抹茶绿购物袋图标40

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

PS绘制精致的抹茶绿购物袋图标41

羽化一下。

PS绘制精致的抹茶绿购物袋图标42

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

PS绘制精致的抹茶绿购物袋图标43

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

PS绘制精致的抹茶绿购物袋图标44

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

PS绘制精致的抹茶绿购物袋图标45

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

PS绘制精致的抹茶绿购物袋图标46

效果如图。

PS绘制精致的抹茶绿购物袋图标47

接下来做褶皱。

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

PS绘制精致的抹茶绿购物袋图标48

打开渐变,调成黑到白。

PS绘制精致的抹茶绿购物袋图标49

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

PS绘制精致的抹茶绿购物袋图标50

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

PS绘制精致的抹茶绿购物袋图标51

Alt复制一份放在对面。

PS绘制精致的抹茶绿购物袋图标52

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

PS绘制精致的抹茶绿购物袋图标53

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

PS绘制精致的抹茶绿购物袋图标54

剪辑蒙版。

PS绘制精致的抹茶绿购物袋图标55

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

PS绘制精致的抹茶绿购物袋图标56

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

PS绘制精致的抹茶绿购物袋图标57

分别创建剪辑蒙版。

PS绘制精致的抹茶绿购物袋图标58

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

PS绘制精致的抹茶绿购物袋图标59

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

PS绘制精致的抹茶绿购物袋图标60

教程结束,以上就是PS绘制精致的抹茶绿购物袋图标方法,希望大家喜欢本教程!

【PS绘制精致的抹茶绿购物袋图标】相关文章:

PS图层蒙版的概念与应用图文教程

PS编辑GIF出现图质差和花的问题怎么解决?

PS制作自定义星星图案

非主流PS教程:制作红绿色调效果

PS制做的gif动画导出后动图不动了怎么办?

PS怎么画虚线?PS绘制虚线方法介绍

Photoshop滤镜制作美女动态水波效果图片

利用PS简单调整斜或者偏的扫描图片

Photoshop简单制作风吹过的海岸线动漫成签教程

用Photoshop轻松打造透明的MSN水晶图标

精品推荐
分类导航