Photoshop设计精致的蓝色水晶文件夹图标

2016-02-16 06:53 12 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计精致的蓝色水晶文件夹图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

最终效果

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

1、打开PS,新建一个一个文档(Ctrl + N)。参数如下:分辨率:72dpi;颜色模式:RGB;尺寸:600×600 px,使用钢笔工具(P)创建如下形状。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

2、使用钢笔工具绘制文件夹背后的部分,然后再绘制蓝色条纹。如下图所示。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

3、绘制完成文件夹之后,继续按下图所示添加纸和箭头。你现在应该有五个图层,每个形状都会有自己的图层。别忘了给每个图层起一个好认的名字。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

4、为文件夹前面的部分添加下图所示的图层样式。不透明的设为90%。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

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

5、为纸片添加如下的图层样式。不透明度降至90-95%左右。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

6、为条纹添加如下的图层样式。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

7、为文件夹的背面添加如下的图层样式。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

8、为箭头添加如下的图层样式。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

9、现在你的图标应该是这样。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

10、新建一个组命名为"refs"。按下图所示用钢笔工具绘制反射。要确保你绘制的形状是路径曲线而非形状图层(注意下图的黑箭头所示)。闭合曲线之后,在工作区按右键选择建立选区(羽化值为0)。选择一个大笔刷(直径大概470左右,硬度为0),沿选区的右半部份绘制反射。之后将混合模式改为叠加,不透明度为63%。

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

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

11、新建一个组命名为"margins",在该组内新建一个图层(Ctrl + Shift + N)。现在增加边缘的高光细节以使图标更具立体感。使用钢笔工具沿拐角处和文件夹、箭头和纸张的边缘绘制路径。然后在工作区右键选择描边路径-画笔。注意此时笔刷需要设置为直径8像素,硬度为0。混合模式改为叠加,不透明度大概55%左右。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

12、新建一层(Ctrl + Shift + N)制作阴影,将该层打入一个新组内(Ctrl + G)。像第五步那样绘制选区。为选区填充黑色,然后用模糊工具模糊边缘。如果阴影太强了,需要将图层的不透明度降至40%。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

13、用你喜欢的字体添加文字。这个示例中我用的是"Agency FB"。字体大小为40,不透明度75%。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

14、用第五步所示的技术再为纸张添加一些反射。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

15、用椭圆工具(U)添加一个阴影。如下图所示绘制一个椭圆并添加一点点动感模糊。降低不透明度直到你觉得合适了。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

16、我还用相同的技术制作了一些不同的图标,如下图。希望你喜欢这个教程。

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

Photoshop设计精致的蓝色水晶文件夹图标,PS教程,图老师教程网

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

延伸阅读
标签: PS PS教程
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为“底板”,添加图层样式如下图。 2、Ctr...
来源:PS联盟 作者:大眼仔~旭 本教程介绍透明图标的制作方法。过程可能不太复杂,不过制作的时候需要非常细心,需要把图标的各个层面的高光部分都渲染出来,做出高透明效果 。 最终效果 1、新建一个600 * 300像素的文档,背景拉上下图所示的绿色线性渐变。 2、新建一个图层,命名为“云彩”,进入通道面板,新建一个Alpha通道...
本教程介绍透明图标的制作方法。过程可能不太复杂,不过制作的时候需要非常细心,需要把图标的各个层面的高光部分都渲染出来,做出高透明效果 。 最终效果 1、新建一个600 * 300像素的文档,背景拉上下图所示的绿色线性渐变。 2、新建一个图层,命名为“云彩”,进入通道面板,新建一个Alpha通道,执行:滤镜 渲染 ...
标签: PS PS基础
先看效果图 新建文档1280x1024像素,背景白色,建新层,用钢笔画出下图形状,填充黑色。 添加图层样式。 效果如下。 底部建新层,前景色f7f7f7画一个矩形形状,为了让大家看清楚位置,我把上一步(图层3)不透明度降低了一些,为形状1添加投影样式,设置很简单,这里不截图了。 底部新建图层2,用钢笔做如下选区,填充...
标签: PS PS基础
按照惯例,先让我们来欣赏下最终效果,如下图: 第一步: 虽然我们并不需要确切形状的文件夹,但我们还是要建立一个形状。首先,创建一个文件,在里面填充一个128px×128px的灰色块,做为背景配合以后的步骤,如图(1);然后用铅笔工具画出文件夹的外形,如图(2);接着显示网格,并调整网格像素大小(编辑-首选项-参考线、网格和切片),如图(3...

经验教程

433

收藏

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