无剑 发表于 2010-12-20 07:01:27

Photoshop教程:绘制精美的碳纤维风格图标

http://www.webjx.com/files/allimg/101219/1138100.gif


就是这么简单，做成彩色的或许更炫

1>
   大家下午好，这次教程教大家做一个自定义的碳纤维的图标。首先创建一个600X200的文档,选择圆角矩形工具，按照下图设置上面的工具栏选项.

http://www.webjx.com/files/allimg/101219/1138101.gif

2>
在画布上画一个圆角矩形，如下：
http://www.webjx.com/files/allimg/101219/1138102.gif

3>
选择钢笔工具，然后在圆角矩形里右击，选择填充路径，这里会弹出一个窗口，提示你选择颜色，颜色可以任选，没有关系，因为后面我们会对颜色进行修改，然后右击，选择删除路径。
http://www.webjx.com/files/allimg/101219/1138103.gif4>
现在你应该有一个圆角的矩形图层，现在设置图层样式，如下：
http://www.webjx.com/files/allimg/101219/1138104.gif
http://www.webjx.com/files/allimg/101219/1138105.gif
http://www.webjx.com/files/allimg/101219/1138106.gif
http://www.webjx.com/files/allimg/101219/1138107.gif5>
设置完之后，你应该得到下面的结果，这里有个小技巧，你可以在设置好的图层样式里选择保存，以后就可以直接使用这个样式了。
http://www.webjx.com/files/allimg/101219/1138108.gif

6>
下一步，你要自己创建一个自定义的填充样式，新建一个透明背景的4X4文档，放大到1600倍，然后如下填充图片
http://www.webjx.com/files/allimg/101219/1138109.gif

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

http://www.webjx.com/files/allimg/101219/11381010.gif

8>
    点击选区填充。给“样式”图层添加一个图层蒙版，然后按D，复位前景色和背景色，按X切换前景背景色，现在渐变工具对称渐变，如下图，从点1拉渐变到点2。
http://www.webjx.com/files/allimg/101219/11381011.gif

9>
右击“样式”图层，选择应用图层蒙版，然后再添加一个图层蒙版，这次选择线性渐变，按X切换前景背景色，如下拉一个渐变：
http://www.webjx.com/files/allimg/101219/11381012.gif
10>
   再次应用图层蒙版，结果如下：

http://www.webjx.com/files/allimg/101219/11381013.gif

11>
   使用钢笔工具，创建如下路径：

http://www.webjx.com/files/allimg/101219/11381014.gif

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

http://www.webjx.com/files/allimg/101219/11381015.gif

13>
   选择矩形工具，在图标下面画一个矩形。

http://www.webjx.com/files/allimg/101219/11381016.gif

14>
如下给矩形图层添加图层样式：

http://www.webjx.com/files/allimg/101219/11381017.gif
http://www.webjx.com/files/allimg/101219/11381018.gif

15>
      使用多边形索讨工具，如下给在矩形图层下面添加一个边角选区。

http://www.webjx.com/files/allimg/101219/11381019.gif

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

http://www.webjx.com/files/allimg/101219/11381020.gif

17>
   在矩形条上加上你的Label，然后在空白出添加你的图标，收工！

http://www.webjx.com/files/allimg/101219/11381021.gif

xm2000 发表于 2010-12-20 08:10:27

做为教程收藏起来，谢谢

盛世无名 发表于 2010-12-20 12:43:50

不错。学做图标去。

悠悠 发表于 2010-12-20 16:15:48

这个填充小图案，还真的可以弄出不同的效果。。。黑，灰，白，也可以变化出多种花样。。

mqllqmjq 发表于 2010-12-20 16:19:44

做为教程收藏起来，谢谢

鱼飞儿 发表于 2010-12-20 22:21:06

不错的教程
谢谢分享
页: [1]
查看完整版本: Photoshop教程:绘制精美的碳纤维风格图标