ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3109|回复: 14
收起左侧

[按钮图标] 设计蓝色晶石图标教程

[复制链接]
发表于 2015-10-14 20:07:25 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
今天跟大家讲讲怎么设计一枚蓝色质感的晶石图标效果图

作者:死鬼SIGUI 出处:站酷
 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.1/打开“AdobePhotoshop”新建(Ctrl+N)一个“1000*1000/px”的文件;

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.2/新建文件好了以后,找一个深色(根据个人喜好就行)背景进行衬底;

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.3/做好衬底,使用【多边形工具】绘制一个六边形,用【减去图层形状】做圆角处理;


回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.4/用【Ctrl+J】对图层经行复制,一共复制3个,调整颜色和大小,进行居中对齐;对中间2枚六边形进行 边缘虚化处理;

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.5/再复制一枚六边形,用【混合选项】进行渐变填充,调整图层透明度为35%,对边缘进行简单虚化2px,做出简单高光效果;


回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.6/用【钢笔工具】绘制六边形6面,填充颜色,对边缘进行简单虚化,调整明暗度;



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.7/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为10%;



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.8/用【多边形工具】绘制六边形,切成6个三角形面,填充颜色,调整明暗度,调整图层透明度为5%,做出 六面反光,大致的立体感就出来了;



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.9/用对星之石的棱角部分惊喜高光点缀;



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.10/在尖角部分做星光点缀,以加强光感,对整体光线明暗度进行详细调整;

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.11/网上找一些星光素材,对星之石内部通透做一定的点缀,以增强通透感,对局部高光进行着重提亮;

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层
No.12/复制一个六边形,用【混合选项】对齐进行,渐变、透明、阴影处理,增强星之石的斑斓色彩和晶莹剔透 感;





回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-10-14 20:07:25 | 显示全部楼层

设计蓝色晶石图标教程

No.13/对晶体六面棱角部分进行高光提亮点缀,调整各个面的通透感,增加部分点缀元素,这样我们的星之石就完成了;


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-26 15:08 , Processed in 0.042549 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表