水晶一般晶莹剔透,呈透明或半透明状,折射率高,有光泽。水晶质感的按钮一般用于游戏APP中。
1.设计思路
本实例制作的是水晶质感按钮,通过使用图层样式与图层的混合模式实现水晶晶莹剔透的效果,图3‑7所示为制作流程图。
图3‑7 制作流程图
2.制作步骤 01 下面介绍水晶质感按钮的绘制。使用“圆角矩形工具”绘制一个边角半径为28px的圆角矩形,如图3‑8所示。然后为图层添加“斜面和浮雕”“描边”样式,如图3‑9所示。
图3‑8 绘制圆角矩形
图3‑9 添加图层样式
02 添加“内阴影”图层样式,然后单击等高线,在打开的对话框中调整曲线。继续添加“内发光”“光泽”“渐变”“投影”图层样式,如图3‑10所示。
图3‑10 添加图层样式
03 执行确定操作后图像效果如图3‑11所示。
图3‑11 图像效果
04 新建图层,使用柔边画笔绘制如图3‑12所示的效果。
图3‑12 绘制效果
05 设置混合模式为“叠加”、不透明度为85%,效果如图3‑13所示。
图3‑13 设置效果
06 按Ctrl+J组合键复制图层,设置混合模式为“叠加”、不透明度为53%,如图3‑14所示。
07 添加素材图片,如图3‑15所示。
图3‑14 设置混合模式与不透明度
图3‑15 添加素材图片
08 设置混合模式为“柔光”、不透明度为40%,效果如图3‑16所示。
(www.xing528.com)
图3‑16 设置后的效果
09 使用绘图工具绘制图形,如图
3‑17所示。
图3‑17 绘制图形
10 设置混合模式为“叠加”、不透明度为13%,效果如图3‑18所示。
图3‑18 效果
11 在边界上绘制高光,如图3‑19所示。
图3‑19 绘制高光
12 用同样的方法在其他几处绘制高光,绘制的图形如图3‑20所示。
图3‑20 绘制图形
13设置图层混合模式为“叠加”、不透明度为13%,如图3‑21所示。
图3‑21 设置混合模式与不透明度
14 设置后的图像效果如图3‑22所示。
图3‑22 设置图像效果
15 使用“横排文字工具”输入文字,如图3‑23所示。
图3‑23 输入文字
16 为文字添加“内阴影”“投影”图层样式,如图3‑24所示。
图3‑24 添加图层样式
17 单击“确定”按钮后的效果如图3‑25所示。
图3‑25 完成效果
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。