Photoshop制作流行的配色网页按钮

冯松涛191

冯松涛191

2016-03-18 06:04

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Photoshop制作流行的配色网页按钮,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。
最终效果


第一步:使用圆角矩形制作一个红色的矩形。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
第二步:然后我们给该矩形形状添加下面图层样式,阴影:


内发光:

渐变叠加:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
描边:


效果如下:


第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。

第四步:使用矩形选框工具把选区移动到左部,如下图所示。


第五步:创建一个新层,然后填充#E1CA57。


第六步:在新建的层中添加图层样式,内发光: m.tulaoshi.com


渐变叠加:

第七步:创建新层,然后放大到1600%,然后使用铅笔工具创建下面图形,很简单的!


现在我们的按钮出现下面的形状了。


第八步:加上文字,在这里我设置的Trebuchet MS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。

展开更多 50%)
分享

猜你喜欢

Photoshop制作流行的配色网页按钮

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作流行的配色网页按钮

Photoshop制作简洁的网页按钮

PS PS基础
Photoshop制作简洁的网页按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop制作立体绚丽的网页按钮

PS PS基础
Photoshop制作立体绚丽的网页按钮

Photoshop制作小巧的网页红色按钮

PS PS基础
Photoshop制作小巧的网页红色按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作清新的立体网页按钮

PS PS基础
Photoshop制作清新的立体网页按钮

Photoshop制作精美的网页按钮教程

PS PS基础
Photoshop制作精美的网页按钮教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

photoshop制作vista风格按钮

photoshop制作vista风格按钮

Photoshop制作金属风暴按钮

Photoshop制作金属风暴按钮
下拉加载更多内容 ↓