Home  >  Article  >  Web Front-end  >  Photoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标

PHP中文网
PHP中文网Original
2016-06-01 14:34:381643browse

本教程介绍透明图标的制作方法。过程可能不太复杂,不过制作的时候需要非常细心,需要把图标的各个层面的高光部分都渲染出来,做出高透明效果 。 最终效果

Photoshop打造透明效果的玻璃文件夹图标

1、新建一个600 * 300像素的文档,背景拉上下图所示的绿色线性渐变。

Photoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标
 
2、新建一个图层,命名为“云彩”,进入通道面板,新建一个Alpha通道,执行:滤镜 > 渲染 > 云彩,可以按Ctrl + F 多测试几次,选出自己满意的效果。

Photoshop打造透明效果的玻璃文件夹图标

3、按Ctrl + L 调整色阶,参数及效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
4、执行:选择 > 色彩范围,用吸管工具吸取白色部分,调出选区,再转换到图层面板,填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

5、在云层图层下新建一个图层,命名为蓝色背景,并为其填充蓝色渐变,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
6、按Ctrl + E 合并云彩和背景图层得到云彩图层,使用圆角矩形工具,半径设置为5,拉出选区,按Ctrl + C 复制,按Ctrl + V 粘贴,得到图层1,再新建一个图层,命名为“描边”。

Photoshop打造透明效果的玻璃文件夹图标

7、调出图层1的选区,选择描边图层,执行:编辑 > 描边,设置描边宽带为3像素,颜色为浅蓝色,位置居外,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

8、设置图1的不透明度为50%,并为这层添加图层蒙版,拉出黑白渐变使其过渡自然。

Photoshop打造透明效果的玻璃文件夹图标
 
9、新建一个图层,用钢笔工具勾出路径,并填充白色,设置不透明度为:50%,按住Alt键为其添加剪切蒙版,用同样的方法制作其它高光部分。

Photoshop打造透明效果的玻璃文件夹图标

10、合并所有图层命名为文件夹前,再复制一层命名为文件夹后,按Ctrl + T 对其进行斜切自由变换处理,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

11、用同样的方法去制作其它高光部分,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
12、在文件后上新建一个图层,命名为文件,使用圆角矩形工具,半径设置为5像素,拉出选区,并填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

13、使用椭圆选框工具绘制正圆,新建三个空白图层分别命名为红,绿,蓝,并为其填充颜色,设置图层的不透明度为70%,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
14、复制文件夹后得到图层副本,对文件夹后按Ctrl + T 进行扭曲变换处理,再为其添加图层蒙版,处理下细节。

Photoshop打造透明效果的玻璃文件夹图标

最终效果:

Photoshop打造透明效果的玻璃文件夹图标

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn