多语言展示
当前在线:1644今日阅读:27今日分享:41

如何设计专业的光滑的按钮

这好&容易Photoshop教程你可以学习如何设计一些时尚,专业风格的按钮。 专业人士,使网站模板为生能有效地利用这种效应,使大量的钱!
工具/原料

Photoshop明

方法/步骤
1

准备画布/背景首先创建一个新文档的大小,或打开一个网站模板文件你可能铺设。 我用小文档的大小400 x 340因为我不会让一个完整的模板。 我还添加了一个浅灰色渐变背景

2

创建形状得到矩形选框工具 和做一个Set-Sized选择的140 x 140像素在画布上的某个地方。

3

填充的形状选择仍然活跃,确保你在一个新的图层,并填补它径向渐变,使用您选择的颜色。

4

我使用了颜色# 3 e94d4和# 336 fc1,好轻/中度蓝色的选择。 然后我也应用了白色的(# ffffff)1 px中风主层

5

增加亮点再次通过选择主要层(持有CTRL和点击图层缩略图)。

6

合同你的选择了4 - 5像素,选择>修改>合同,输入你的像素数量。

7

现在,找到并离开渐变工具,然后拖动白色透明的梯度从顶部向底部一样:

8

剩下的应该是这样一个结果:

9

现在出去钢笔工具并使orb-shape路径如下所示。

10

钢笔工具仍然选中,右键单击路径并单击做出选择使用默认选项。

11

创建另一个新的图层,并再一次的渐变工具做一个白色透明的梯度从顶部向底部的按钮,你会是这样的:

12

这一层的图层模式改为柔和的光然后如果需要降低透明度,我并不认为这需要它。

13

收尾工作/细节详情我开始通过添加low-opacity图标左上角的按钮

14

为按钮添加一些文本,这样人们知道按钮是什么。 我使用的字体设置大河马字体,11分,# ffffff,这阴影图层样式。

15

然后我复制的所有层,感动他们,所以他们每个人之间有大约10像素空间然后改变了渐变颜色。 改变颜色,只需编辑第一层的梯度,然后编辑文本的阴影颜色层。

16

感谢你的阅读 ,我希望你喜欢这简单的教程!

推荐信息