PS设计精致的蓝色水晶文件夹图标教程

2016-03-17 22:07 0 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的PS设计精致的蓝色水晶文件夹图标教程教程,一起来看看吧!超容易上手~

【 tulaoshi.com - PS 】

来源:站酷 作者:TCWison
简单的图标制作起来并不是那么简单。需要把图标的各个面的暗调,高光,反光等都渲染出来,尤其在渲染图标叠加部分的时候,要控制好个部分的透明度,做出层次较强的效果图。
最终效果


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

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


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

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


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

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


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


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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
10、新建一个组命名为"refs"。按下图所示用钢笔工具绘制反射。要确保你绘制的形状是路径曲线而非形状图层(注意下图的黑箭头所示)。闭合曲线之后,在工作区按右键选择“建立选区”(羽化值为0)。选择一个大笔刷(直径大概470左右,硬度为0),沿选区的右半部份绘制反射。之后将混合模式改为叠加,不透明度为63%。


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

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


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

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


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


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


来源:https://www.tulaoshi.com/n/20160317/1866958.html

延伸阅读
标签: PS PS教程
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为“底板”,添加图层样式如下图。 2、Ctr...
最终效果图 1、使用矩形选框工具绘制一个矩形选区,新建层填充颜色为#0066ff。 2、使用多边形套索工具绘制一个如下图形,然后也填充为同样的颜色。 3、然后按Ctrl+T调整。 tuLaoShi.com 4、拼合图层后设置内阴影和渐变叠加图层样式。 5、效果如下: 6、再创建一个图层,...
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为“底板”,添加图层样式如下图。 ...
标签: PS PS教程
在学习中遇到问题可以到 论坛 发贴交流! 在这个教程里你将学会如何为你的桌面或网页制作一个漂亮的文件夹(图标). 1,首先我们需要新建一张大小为128*128像素的画布,选择透明背景. 2,新建图层,然后使用钢笔工具画出一个类似于下图的形状. 3,然后将图层样式设置如下: 渐变叠加 渐变:#FFd27A - #FFB912 描边 大小:1像素 位置:外部...

经验教程

367

收藏

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