纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

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


相关文章

猜您喜欢

  • 绘制美女影像素材 PS鼠绘教程 绘制漂亮性感的美体少女影像效果

    PS鼠绘教程:绘制漂亮性感的美体少女影像效果绘制美女影像素材图片 最终效果图 1、先用钢笔工具进行人物动作定位 2、用钢笔工具勾出人物的轮廓一气呵成注意细节部分的调整 3、CTRL+ENTER直接转换为选区并填充腰部与胳膊间的空白勾出后直接删除..
  • 火焰失量素材图片 ps火焰素材制作教程 绘制一团火焰素材图

    我们的PS教程自学网设计师教大家用PS软件鼠绘漂亮的火焰ps火焰素材制作教程:绘制一团火焰素材图火焰失量素材图片制作过程并不复杂火焰是由很多细小的小火焰构成只要我们一层一层的认真刻画很容易能做出效果来最终效果 1、新建一个800 * 800像素..

网友评论

Copyright 2020 www.gamerfx.net 【游戏天空】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式