打造精美的立体质感蓝色水晶图标 Photoshop图标制作实例

软件发布|下载排行|最新软件

当前位置:首页photoshop教程矢量手绘

打造精美的立体质感蓝色水晶图标 Photoshop图标制作实例

PSi水晶图标制作教程   2021-06-28 我要评论
今天我们分享给大家一篇PSi水晶图标制作教程,我们在制作手机应用,或是网页按扭的时候会常用到这样的素材效果,Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标,喜欢的朋友们试一下吧!

最终效果

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图标制作实例:打造精美的立体质感蓝色水晶图标

8、Ctrl + J 复制大渐变层,右键选择“清除图层样式”,命名为“小渐变层”,Ctrl + T ,然后按照Alt + Shift 等比例居中将小渐变层缩小成195 * 195,添加图层样式如下。

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

9、将凸出效果的几个图层合成一个组,命名“凸出效果”。 Ctrl + J 复制小渐变层,拉出凸出效果组,并修改名字为“立体球”,Ctrl + T然后按住Alt + Shift中间等比例缩小,将立体球层缩小185 * 185px的圆,并清楚立体球的图层样式,重新添加下面的图层样式。

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

10、用椭圆工具画出下面的半月球,并栅格化,高斯模糊。1.5像素,并放到立体球下边制作出高光,调整不透明度为30%,效果如下图。

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

11、前景色修改为白色,新建一层,用硬度为0%的画笔点一个点,然后Ctrl + T将点压扁一点点,放在刚刚的高光上,调整不透明度70%。

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

12、用圆角矩形工具画一个32 * 8px,圆角为3px的圆角矩形,Ctrl = T旋转45度,然后复制一层,Ctrl + T 右键选择“水平翻转”,制作成图的模式,并添加图层样式,然后移动到图层中间。

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

最终效果:

Photoshop图标制作实例:打造精美的立体质感蓝色水晶图标

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们