Photoshop按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。本教程的学习重点是对图层样式的掌握。

效果图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

新建画布,使用圆角矩形工具绘制一个圆角矩形,在属性栏将圆角参数加到40像素

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

给矩形加图层样式,斜面与浮雕,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

勾选等高线,选择如图

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

做内发光的参数调整,如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

光泽的调整,如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

加个渐变叠加,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

投影,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

添加完后的效果如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

再复制一个矩形,清除样式,重新添加斜面与浮雕,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

等高线,如图所示:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

光泽,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

投影,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

添加完后的效果如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

输入文字“PSAHZ"给其添加效果,斜面和浮雕

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

再加一个内阴影,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

加个渐变叠加,参数如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。

最后完成效果如图:

PS按扭制作教程:利用图层样式制作漂亮网页点击按钮素材图。