这是一个购物代主题的图标设计教程，教程比较详细，适合新手学习，有兴趣的UI设计师就来练练手吧。

最终效果图：

新建画布。

给画布拉个渐变。

拉个圆角矩形。

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

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

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

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

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

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

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

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

来个灰到白的渐变。

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

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

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

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

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

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

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

如图把它切掉。

合并为一个形状。

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

再切。

合并成一个形状。

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

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

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

给绳子添加图层样式。

添加图层样式后。

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

羽化一下。

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

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

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

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

效果如图。

接下来做褶皱。

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

打开渐变，调成黑到白。

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

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

Alt复制一份放在对面。

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

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

剪辑蒙版。

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

复制三份，怎么放？看图（为了大家更直观看我把刚刚剪辑蒙版撤销了）

分别创建剪辑蒙版。

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

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

全教程完,学完记得交作业。如果本教程对您有所帮助，请推荐给你的朋友。