Home > Web Front-end > PS Tutorial > Photoshop打造精致的金属抽丝图标

Photoshop打造精致的金属抽丝图标

PHP中文网
Release: 2016-06-01 14:34:44
Original
1144 people have browsed it

本交教程并不介绍完整的图标制作方法。只是介绍如果制作图标的托盘及抽丝图案的定义等。这是是一些基础操作,不过也非常实用。 最终效果

Photoshop打造精致的金属抽丝图标

1、首先创建一个600X200的文档,选择圆角矩形工具,按照下图设置上面的工具栏选项。

Photoshop打造精致的金属抽丝图标
 
2、在画布上画一个圆角矩形,如下:

Photoshop打造精致的金属抽丝图标

3、选择钢笔工具,然后在圆角矩形里右击,选择填充路径,这里会弹出一个窗口,提示你选择颜色,颜色可以任选,没有关系,因为后面我们会对颜色进行修改,然后右击,选择删除路径。

Photoshop打造精致的金属抽丝图标

4、现在你应该有一个圆角的矩形图层,现在设置图层样式,如下:

Photoshop打造精致的金属抽丝图标

Photoshop打造精致的金属抽丝图标

Photoshop打造精致的金属抽丝图标

Photoshop打造精致的金属抽丝图标
 
5、设置完之后,你应该得到下面的结果,这里有个小技巧,你可以在设置好的图层样式里选择保存,以后就可以直接使用这个样式了。

Photoshop打造精致的金属抽丝图标

6、下一步,你要自己创建一个自定义的填充样式,新建一个透明背景的4X4文档,放大到1600倍,然后如下填充图片。

Photoshop打造精致的金属抽丝图标

7、创建好之后,点击”编辑>定义图案”,保存自定义的填充图案。然后回到第一个文档里,按住CTRL在图层的缩略图上单击,创建选区。新创建一个图层,取名为“样式”。选择油漆桶工具,填充方式里,选择图案,图案选择我们刚才创建的那个图案。

Photoshop打造精致的金属抽丝图标

8、点击选区填充。给“样式”图层添加一个图层蒙版,然后按D,复位前景色和背景色,按X切换前景背景色,现在渐变工具对称渐变,如下图,从点1拉渐变到点2。

Photoshop打造精致的金属抽丝图标
 
9、右击“样式”图层,选择应用图层蒙版,然后再添加一个图层蒙版,这次选择线性渐变,按X切换前景背景色,如下拉一个渐变:

Photoshop打造精致的金属抽丝图标

10、再次应用图层蒙版,结果如下:

Photoshop打造精致的金属抽丝图标

11、使用钢笔工具,创建如下路径:

Photoshop打造精致的金属抽丝图标

12、在新层里填充选区为白色,透明度设为5%。

Photoshop打造精致的金属抽丝图标
 
13、选择矩形工具,在图标下面画一个矩形。

Photoshop打造精致的金属抽丝图标

14、如下给矩形图层添加图层样式:

Photoshop打造精致的金属抽丝图标

Photoshop打造精致的金属抽丝图标
 
15、使用多边形索讨工具,如下给在矩形图层下面添加一个边角选区。

Photoshop打造精致的金属抽丝图标

16、用稍微亮点的颜色,填充边角,同样在右边也做一个对称的边角。

Photoshop打造精致的金属抽丝图标

17、在矩形条上加上你的Label,完成最终效果:

Photoshop打造精致的金属抽丝图标

 以上就是Photoshop打造精致的金属抽丝图标的内容,更多相关内容请关注PHP中文网(www.php.cn)!


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