当前位置:首页>ps实例教程>ps网页设计>logo教程>教程内容

Photoshop设计碳纤维风格图标教程(4)

来源:未知 作者:bbs.16xx8.com 学习:881人次

 本教程主要教大家做一个自定义的碳纤维的图标,整体的质感表现都很漂亮,下面就让我们一起来学习

先看效果图

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

2.在画布上画一个圆角矩形,如下:

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

5.设置完之后,你应该得到下面的结果,这里有个小技巧,你可以在设置好的图层样式里选择保存,以后就可以直接使用这个样式了。

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

9.右击“样式”图层,选择应用图层蒙版,然后再添加一个图层蒙版,这次选择线性渐变,按X切换前景背景色,如下拉一个渐变:

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

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

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

17.在矩形条上加上你的Label,然后在空白出添加你的图标,收工!

Photoshop设计碳纤维风格图标教程,PS教程,思缘教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!