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

2016-02-16 07:15 11 1 收藏

下面是个Photoshop设计碳纤维风格图标教程教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

先看效果图

Photoshop设计碳纤维风格图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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倍,然后如下填充图片

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569595.html

延伸阅读
标签: PS PS基础
今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。 先看看效果图 绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以...
标签: PS PS基础
今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。 先看看效果图 行星图标 第1步: 首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,星球上方绘制很多不同颜色的...
标签: Illustrator
图标设计要求熟练运用软件,涉猎各种矢量特性、蒙板以及构造实体几何,因此,会需要同学们运用不同的软件工具与技巧,今天的译文全都是超实用的技巧干货,来补充点有料的。 图形创建 vs 图形样式 我认为,对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的,因为它们需要通过两种截然不同的设计软件来实现——Photoshop 和 Ill...
最终效果图: 图0 1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框名称为:制作Vista错误图标效果,宽度:为800像素, 高度:为600像素,“分辨率”为72 , “模式”为RGB颜色的文档,如图1所示。 图1 2、在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具,在工作区拖出一个椭圆形状,并填充为灰色,如图2所示。效果...
标签: PS PS基础
最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择...

经验教程

343

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部