首页 web前端 PS教程 photoshop打造一个精致的蓝色水晶文件夹图标

photoshop打造一个精致的蓝色水晶文件夹图标

Jun 01, 2016 pm 02:34 PM
文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标
 
2、使用钢笔工具绘制文件夹背后的部分,然后再绘制蓝色条纹。如下图所示。

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标
 
4、为文件夹前面的部分添加下图所示的图层样式。不透明的设为90%。

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标
 
6、为条纹添加如下的图层样式。

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标
 
9、现在你的图标应该是这样。

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标

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

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

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标
 
14、用第五步所示的技术再为纸张添加一些反射。

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标

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

photoshop打造一个精致的蓝色水晶文件夹图标

photoshop打造一个精致的蓝色水晶文件夹图标

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1664
14
CakePHP 教程
1422
52
Laravel 教程
1316
25
PHP教程
1267
29
C# 教程
1239
24
Photoshop的价值:权衡成本与其功能 Photoshop的价值:权衡成本与其功能 Apr 11, 2025 am 12:02 AM

Photoshop值得投资,因为它提供了强大的功能和广泛的应用场景。1)核心功能包括图像编辑、图层管理、特效制作和色彩调整。2)适合专业设计师和摄影师,但业余爱好者可考虑替代品如GIMP。3)订阅AdobeCreativeCloud可按需使用,避免一次性高额支出。

高级Photoshop教程:大师修饰和合成 高级Photoshop教程:大师修饰和合成 Apr 17, 2025 am 12:10 AM

Photoshop的高级修图与合成技术包括:1.使用图层、蒙版和调整层进行基础操作;2.通过调整图像像素值实现修图效果;3.利用多图层和蒙版进行复杂合成;4.应用“液化”工具调整面部特征;5.使用“频率分离”技术进行细腻修图,这些技术能提升图像处理水平并实现专业级效果。

Photoshop的主要特征:深度潜水 Photoshop的主要特征:深度潜水 Apr 19, 2025 am 12:08 AM

Photoshop的关键功能包括图层与蒙版、调整工具、滤镜与效果。1.图层与蒙版允许独立编辑图像部分。2.调整工具如亮度/对比度可修改图像色调和亮度。3.滤镜与效果可快速添加视觉效果。掌握这些功能可以帮助创意专业人士实现创意愿景。

使用Photoshop:创意可能性和实际用途 使用Photoshop:创意可能性和实际用途 Apr 22, 2025 am 12:09 AM

Photoshop在实际应用中非常实用且具有创造性。1)它提供基本编辑、修复和合成功能,适合初学者和专业人士。2)高级功能如内容识别填充和图层样式可提升图像效果。3)掌握快捷键和优化图层结构能提高工作效率。

Photoshop免费吗?了解订阅计划 Photoshop免费吗?了解订阅计划 Apr 12, 2025 am 12:11 AM

Photoshop不是免费的,但有几种方式可以低成本或免费使用:1.免费试用期为7天,期间可体验所有功能;2.学生和教师优惠可将成本减半,需提供学校证明;3.CreativeCloud套餐适合专业用户,包含多种Adobe工具;4.PhotoshopElements和Lightroom为低成本替代方案,功能较少但价格更低。

Photoshop的核心目的:创意图像设计 Photoshop的核心目的:创意图像设计 Apr 10, 2025 am 09:29 AM

Photoshop在创意图像设计中的核心用途是其强大的功能和灵活性。1)它允许设计师通过图层、蒙版和滤镜将创意转化为视觉现实。2)基本用法包括裁剪、调整大小和颜色校正。3)高级用法如图层样式、混合模式和智能对象可创建复杂效果。4)常见错误包括图层管理不当和滤镜使用过度,可通过整理图层和合理使用滤镜解决。5)性能优化和最佳实践包括合理使用图层、定期保存文件和使用快捷键。

Photoshop:调查免费试用和折扣选项 Photoshop:调查免费试用和折扣选项 Apr 14, 2025 am 12:06 AM

你可以通过以下方式以最经济的方式获得Photoshop的使用权:1.利用7天的免费试用期体验软件功能;2.寻找学生或教师折扣,以及季节性促销;3.使用第三方网站上的优惠券;4.订阅AdobeCreativeCloud的月度或年度计划。

设计师的Photoshop:创建视觉概念 设计师的Photoshop:创建视觉概念 Apr 13, 2025 am 12:09 AM

在Photoshop中创建视觉概念可以通过以下步骤实现:1.创建新文档,2.添加背景层,3.使用画笔工具绘制基本形状,4.调整颜色和亮度,5.添加文本和图形,6.使用蒙版进行局部编辑,7.应用滤镜效果,这些步骤帮助设计师从零开始构建完整的视觉作品。

See all articles