Photoshop打造金属质感ZIP按钮

作者:佚名 出处: 本教程学习如何用Pphotoshop制作一个金属质感ZIP图标,主要用到了钢笔,椭圆工具和图层样式。下面让我们一起来学习 先看效果图。 新建文档1280×1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。 添加图层样式。 效果如下。 建新层,画一个小的黑

ps绿色按钮教程

对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。

作者:佚名   出处:
Photoshop打造金属质感ZIP按钮插图

 本教程学习如何用Pphotoshop制作一个金属质感ZIP图标,主要用到了钢笔,椭圆工具和图层样式。下面让我们一起来学习

先看效果图。

Photoshop打造金属质感ZIP按钮插图(1)

新建文档1280×1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。

Photoshop打造金属质感ZIP按钮插图(2)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(3)

Photoshop打造金属质感ZIP按钮插图(4)

Photoshop打造金属质感ZIP按钮插图(5)

效果如下。

Photoshop打造金属质感ZIP按钮插图(6)

建新层,画一个小的黑色正圆。

Photoshop打造金属质感ZIP按钮插图(7)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(3)

Photoshop打造金属质感ZIP按钮插图(9)

Photoshop打造金属质感ZIP按钮插图(10)

效果如下。

Photoshop打造金属质感ZIP按钮插图(11)

建新层,用钢笔或直线套索画一个三角形,填充黑色。

Photoshop打造金属质感ZIP按钮插图(12)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(13)

效果如下。

Photoshop打造金属质感ZIP按钮插图(14)

建新层,用钢笔做如下选区,填充白色,图层模式柔光。

Photoshop打造金属质感ZIP按钮插图(15)

输入黑色文字。

Photoshop打造金属质感ZIP按钮插图(16)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(13)

Photoshop打造金属质感ZIP按钮插图(18)

效果如下。

Photoshop打造金属质感ZIP按钮插图(19)

添加一些阴影,最终效果如下。

Photoshop打造金属质感ZIP按钮插图(1)

Photoshop打造金属质感ZIP按钮插图(21)
Photoshop打造金属质感ZIP按钮插图(22)
Photoshop打造金属质感ZIP按钮插图(23)作者:佚名   出处:
Photoshop打造金属质感ZIP按钮插图

 本教程学习如何用Pphotoshop制作一个金属质感ZIP图标,主要用到了钢笔,椭圆工具和图层样式。下面让我们一起来学习

先看效果图。

Photoshop打造金属质感ZIP按钮插图(1)

新建文档1280×1024像素,背景白色,建新层,用椭圆工具画一正圆填充黑色。

Photoshop打造金属质感ZIP按钮插图(2)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(3)

Photoshop打造金属质感ZIP按钮插图(4)

Photoshop打造金属质感ZIP按钮插图(5)

效果如下。

Photoshop打造金属质感ZIP按钮插图(6)

建新层,画一个小的黑色正圆。

Photoshop打造金属质感ZIP按钮插图(7)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(3)

Photoshop打造金属质感ZIP按钮插图(9)

Photoshop打造金属质感ZIP按钮插图(10)

效果如下。

Photoshop打造金属质感ZIP按钮插图(11)

建新层,用钢笔或直线套索画一个三角形,填充黑色。

Photoshop打造金属质感ZIP按钮插图(12)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(13)

效果如下。

Photoshop打造金属质感ZIP按钮插图(14)

建新层,用钢笔做如下选区,填充白色,图层模式柔光。

Photoshop打造金属质感ZIP按钮插图(15)

输入黑色文字。

Photoshop打造金属质感ZIP按钮插图(16)

添加图层样式。

Photoshop打造金属质感ZIP按钮插图(13)

Photoshop打造金属质感ZIP按钮插图(18)

效果如下。

Photoshop打造金属质感ZIP按钮插图(19)

添加一些阴影,最终效果如下。

Photoshop打造金属质感ZIP按钮插图(1)

Photoshop打造金属质感ZIP按钮插图(21)
Photoshop打造金属质感ZIP按钮插图(22)
Photoshop打造金属质感ZIP按钮插图(23)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部