欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop制作精致的多层蓝色水晶图标

程序员文章站 2022-05-20 18:45:05
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。最终效果1、新建一个1000 * 1000px的画...
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。
最终效果

Photoshop制作精致的多层蓝色水晶图标


1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布*,命名为“底板”,添加图层样式如下图。

Photoshop制作精致的多层蓝色水晶图标

Photoshop制作精致的多层蓝色水晶图标
 
2、ctrl + j 复制底板层,并在图层上右键选择“清除图层样式”,改名为“厚度层”,移到底板层的下层,用选择工具向下移动10个像素,并修改图层样式如下图。

Photoshop制作精致的多层蓝色水晶图标

Photoshop制作精致的多层蓝色水晶图标

Photoshop制作精致的多层蓝色水晶图标

3、ctrl + j 复制“厚度层”,改名为“发光层”,并在图层上右键选择“清除图层样式”,移到“厚度层”的下层,将图层样式的填充修改为0%,并修改图层样式如下图。

Photoshop制作精致的多层蓝色水晶图标

Photoshop制作精致的多层蓝色水晶图标
 
4、在“底板”层上新建一层命名为“高光”,前景色设置为#4dc9f0,选择画笔工具画一个边硬度为0%的点,然后ctrl + t 将圆压扁,同时选区工具删除一半的圆,ctrl + t 调整高光层到合适的位置,回车确认调整不透明度为60%,效果如下图。

Photoshop制作精致的多层蓝色水晶图标

5、将底板的图层组成一个组,命名为“底板”,用椭圆工具画出一个205 * 205的正圆置于“底板”组上并居中,命名“凸出效果”,并添加图层样式。

Photoshop制作精致的多层蓝色水晶图标

6、ctrl + j 复制凸出效果层,右键选择“清除图层样式”,并命名为“平滑外发光层”,修改颜色为#80b5e1,添加图层样式如下。

Photoshop制作精致的多层蓝色水晶图标
 
7、ctrl + j 复制凸出效果层,保留平滑外发光层的图层样式,并命名为“大渐变层”,添加图层样式如下。

Photoshop制作精致的多层蓝色水晶图标