优艾设计网

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处: 本期教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与
作者:佚名   出处:

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

本期教程中我们将设置图层样式中的“外发光”和“斜面与浮雕”图层样式效果,来制作一个暗调金属风格按钮效果,制作中按钮表面的锐利棱角是通过设置“斜面与浮雕”中的“方法”选项制作而成的。具体的制作方法各位网友可跟随教程同步制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

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

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(2)设置前景色,使用“椭圆”工具进行绘制。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

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

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

 

4)使用“椭圆”工具绘制出“形状 2”。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(5)复制“形状 2”,将“形状 2 副本”缩小。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

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

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(7)使用“自定义形状”工具绘制出环形。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(8)使用“钢笔”工具和“直接选择”工具对“形状 3”进行修改。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

9)为“形状 3”添加图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(10)使用“圆角矩形”工具绘制出“形状 4”并添加与“形状 3”一样的图层样式。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(11)新建“图层 1”,使用“矩形选框”工具绘制选区并填充黑色。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(12)执行“滤镜”→“渲染”→“镜头光晕”命令。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(13)设置“图层 1”的混合模式为“颜色减淡”,并移动其位置。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

(14)复制“图层 1”三次,移动其位置,完成按钮制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

15)使用相同方法绘制出不同按钮,完成实例制作。

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

Photoshop CS5教程:制作灰色暗调金属风格按钮特效

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

精彩评论

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