首頁 > web前端 > PS教程 > 主體

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

PHP中文网
發布: 2016-06-01 14:34:44
原創
1127 人瀏覽過

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

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)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!