Home > Web Front-end > PS Tutorial > body text

Photoshop 一个水晶风格的篮子图标

PHP中文网
Release: 2016-06-01 14:36:20
Original
1271 people have browsed it

本教程介绍简单的水晶图标的制作方法。制作过程非常简单,把图标的各个面分开来制作。每一个面又有高光和暗调部分,只要注意好了,就会很快做出来。 最终效果
Photoshop 一个水晶风格的篮子图标
1、新建一个600 * 600像素的文件,背景选择白色。新建一个图层命名为“篮子正面”,用钢笔工具勾出图1所示的选区。
Photoshop 一个水晶风格的篮子图标
<图1>  2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。
Photoshop 一个水晶风格的篮子图标
<图2>
Photoshop 一个水晶风格的篮子图标
<图3>
3、新建一个图层,选择圆角矩形工具,参数设置如上角,拉出下图所示的圆角矩形。
Photoshop 一个水晶风格的篮子图标
<图4>  4、选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。
Photoshop 一个水晶风格的篮子图标
<图5>
Photoshop 一个水晶风格的篮子图标
<图6>
5、用刚才设置的圆角矩形工具拉一个稍小的白色圆角矩形,效果如下图。把这两个圆角矩形图层合并。
Photoshop 一个水晶风格的篮子图标
<图7>  6、把合并的圆角矩形复制几个适当排行位置,效果如下图。
Photoshop 一个水晶风格的篮子图标
<图8>
7、回到“篮子正面”图层,用钢笔勾出下图所示的选区,按Ctrl + J 复制到新的图层。
Photoshop 一个水晶风格的篮子图标
<图9>
8、锁定图层后,选择渐变工具。颜色设置如图10,拉出图11所示的线性渐变。
Photoshop 一个水晶风格的篮子图标
<图10>
Photoshop 一个水晶风格的篮子图标
<图11>  9、把“篮子正面”图层复制一层,用钢笔勾出下图所示的选区,按Delete 删除中间部分。
Photoshop 一个水晶风格的篮子图标
<图12>
10、取消选区,锁定图层后选择渐变工具,颜色设置如图13,拉出图14所示的线性渐变。
Photoshop 一个水晶风格的篮子图标
<图13>
Photoshop 一个水晶风格的篮子图标
<图14>  11、在图层的最上面新建一个图层,用圆角矩形工具拉出图15所示的圆角矩形,拉上图16所示的线性渐变,效果如图17。
Photoshop 一个水晶风格的篮子图标
<图15>
Photoshop 一个水晶风格的篮子图标
<图16>
Photoshop 一个水晶风格的篮子图标
<图17>
12、同样的方法加上高光部分,效果如下图。
Photoshop 一个水晶风格的篮子图标
<图18>  13、新建一个图层,用矩形选框工具拉出下图所示的矩形选区并填充颜色:#7B7B7B。
Photoshop 一个水晶风格的篮子图标
<图19>
14、再用矩形选框工具拉一条稍小的矩形选区并拉上下图右所示的线性渐变色。
Photoshop 一个水晶风格的篮子图标
<图20>
15、把做好的矩形稍微变形处理,并删除多出部分,效果如下图。
Photoshop 一个水晶风格的篮子图标
<图21>  16、同样的方法制作接口部分,效果如下图。
Photoshop 一个水晶风格的篮子图标
<图22>
17、最后加上投影,完成最终效果。
Photoshop 一个水晶风格的篮子图标
<图23>

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template