优艾设计网

Photoshop样式教程:制作圆形石材按钮特效

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处: 最终效果: (1)运行Photoshop CS5,随意制作一个背景。 (2)新建图层,选择“椭圆”工具进行绘制。

作者:佚名   出处:

Photoshop样式教程:制作圆形石材按钮特效

最终效果:

Photoshop样式教程:制作圆形石材按钮特效

(1)运行Photoshop CS5,随意制作一个背景。

Photoshop样式教程:制作圆形石材按钮特效

(2)新建图层,选择“椭圆”工具进行绘制。

Photoshop样式教程:制作圆形石材按钮特效

(3)为“形状 1”添加图层样式“投影”效果。

Photoshop样式教程:制作圆形石材按钮特效

(4)更改“形状 1”的填充为“0%”。

Photoshop样式教程:制作圆形石材按钮特效

(5)新建图层,使用“椭圆”工具进行绘制。

Photoshop样式教程:制作圆形石材按钮特效

(6)为“形状 2”添加图层样式效果。

Photoshop样式教程:制作圆形石材按钮特效

设置“投影”项目。

Photoshop样式教程:制作圆形石材按钮特效

设置“内发光”项目。

Photoshop样式教程:制作圆形石材按钮特效

设置“描边”项目。

Photoshop样式教程:制作圆形石材按钮特效

(7)复制“形状 2”,重新设置其图层样式。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

(8)更改“形状 2 副本”的填充为“0%”。

Photoshop样式教程:制作圆形石材按钮特效

(9)新建图层,使用“选框”工具绘制出半圆选区并填充白色。

Photoshop样式教程:制作圆形石材按钮特效

(10)为“图层 1”添加图层样式“渐变叠加”效果。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

(11)新建图层,使用“椭圆”工具绘制。

Photoshop样式教程:制作圆形石材按钮特效

 

12)为“形状 3”添加“投影”图层样式并设置。

Photoshop样式教程:制作圆形石材按钮特效

添加“内阴影”效果并设置。

Photoshop样式教程:制作圆形石材按钮特效

添加“渐变叠加”效果并设置。

Photoshop样式教程:制作圆形石材按钮特效

添加“描边”效果并设置。

Photoshop样式教程:制作圆形石材按钮特效

(13)新建图层,选择“椭圆”工具进行绘制。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

(14)切换到“路径”面板,将路径作为选区载入。

Photoshop样式教程:制作圆形石材按钮特效

(15)返回到“图层”面板,为选区填充黑色,取消选区选择状态。

Photoshop样式教程:制作圆形石材按钮特效

(16)执行“滤镜”→“艺术效果”→“胶片颗粒”命令。

Photoshop样式教程:制作圆形石材按钮特效

(17)执行“图像”→“调整”→“色阶”命令。

Photoshop样式教程:制作圆形石材按钮特效

(18)设置“图层 2”混合模式为“强光”,填充为“10%”。

Photoshop样式教程:制作圆形石材按钮特效

 

19)新建图层,使用“椭圆”工具进行绘制。

Photoshop样式教程:制作圆形石材按钮特效

(20)为“形状 4”添加图层样式。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

(21)新建图层,使用“椭圆选框”工具绘制选区并填充黑色。

Photoshop样式教程:制作圆形石材按钮特效

(22)取消选区选择状态。执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

(23)设置“图层 3”的混合模式为“线性减淡(添加)”,填充为“50%”。

Photoshop样式教程:制作圆形石材按钮特效

(24)复制“图层 1”,改变“图层 1 副本”的大小并更改其不透明度为“50%”。

Photoshop样式教程:制作圆形石材按钮特效

(25)加入一些标志装饰,完成按钮制作。

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

Photoshop样式教程:制作圆形石材按钮特效

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消