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

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

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
比较Photoshop定价:选项和好处比较Photoshop定价:选项和好处May 12, 2025 am 12:17 AM

AdobePhotoshop提供三种套餐:1)单一应用计划,适合只需Photoshop的用户,费用较低,包含20GB云存储;2)CreativeCloud全套计划,适合需多种Adobe应用的用户,费用较高,包含100GB云存储;3)学生和教师优惠计划,适合预算有限的学术用户,费用低,包含20GB云存储。

是什么使Photoshop与众不同?它的主要功能是什么使Photoshop与众不同?它的主要功能May 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop:专业图像编辑的成本Photoshop:专业图像编辑的成本May 10, 2025 am 12:19 AM

Photoshop的使用成本包括直接费用、时间与学习曲线、资源与硬件投入。1.直接成本:订阅制每月$20至$50,一次性购买数百美元。2.时间与学习:需要大量时间和实践,建议通过在线课程和教程学习。3.资源与硬件:需要高性能电脑和足够存储空间,确保硬件配置以提升效率。

图像编辑必需品:Photoshop的关键功能图像编辑必需品:Photoshop的关键功能May 09, 2025 am 12:05 AM

Photoshop的核心功能包括图层、选区工具和调整工具。1.图层允许独立编辑图像部分,支持图层样式。2.选区工具如套索、魔术棒和快速选择工具,提供精确编辑。3.调整工具如色阶、曲线和色相/饱和度,可非破坏性调整图像。

我的目的:协助与Photoshop相关的任务我的目的:协助与Photoshop相关的任务May 08, 2025 am 12:18 AM

在Photoshop中,图层蒙版的作用是允许以非破坏性的方式隐藏或显示图层的一部分。1.图层蒙版的工作原理是通过黑白灰度控制图层的可见性。2.基本用法包括图像合成,如将人物图像合成到新背景中。3.高级用法可利用渐变蒙版实现图像平滑过渡。

Photoshop和免费替代方案:比较外观Photoshop和免费替代方案:比较外观May 06, 2025 am 12:12 AM

Photoshop的强大功能包括智能对象和神经滤镜等,而免费替代品如GIMP、Krita和Photopea在特定领域表现出色,如GIMP的图层功能、Krita的数字绘画和Photopea的在线编辑。

Photoshop颜色分级:通过专业技术提升图像Photoshop颜色分级:通过专业技术提升图像May 05, 2025 am 12:07 AM

在Photoshop中进行色彩调整可以通过调整层实现,使图像更专业。1.使用色阶、曲线、色相/饱和度等工具调整色调、饱和度和亮度。2.应用LUT创建独特色彩效果。3.使用调整层避免图像失真,并利用“历史记录”面板跟踪调整步骤。

现实世界中的Photoshop:多样化用途的示例现实世界中的Photoshop:多样化用途的示例May 04, 2025 am 12:15 AM

Photoshop在现实世界中的应用包括艺术创作、科学研究和商业营销。1)在艺术创作中,用于数字绘画和插图。2)在科学研究中,用于图像处理和数据可视化。3)在商业营销中,用于广告设计和品牌形象塑造,这款软件的多功能性使其在各领域中广泛应用。

See all articles

热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

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

热门文章

热工具

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能