网页常用按钮制作教程之一

感性的蹦恰恰

感性的蹦恰恰

2016-03-18 05:58

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐网页常用按钮制作教程之一,无聊中的都看过来。
最终效果


素材


1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“4”如图2,绘制如图3所示的圆角矩形。


图1


图2


图3
2.锁定图层,选择渐变工具,颜色设置如下图4,由上至下绘制渐变效果如图5


图4


图5

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)3.在"按钮--底部"上面新建一层命名为“按钮--高光”,调出“按钮--底部”的选区如图6,选择菜单:选择 修改 收缩,数值为1,再填充淡绿色(R:244,G:253,B:235),按Ctrl + D取消选区。


图6

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


图8
4.如图9在“按钮--高光”这层添加蒙版,再用黑白渐变工具如图10由上往下绘制渐变,效果如图11


图9


图10


图11

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)5.回到“按钮--底部”这一层,调出图层样式,分别进行"描边"和"内发光",设置如图12,(m.tulaoshi.com)图13效果如图14


图12


图13


图14
6.在"图层--高光"上面打上“PS联盟”的文字如图15


图15

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)7.调出文字的图层样式添加阴影。具体设置如图16,效果如图17


图16


图17
8.回到背景这层,把素材里面的花纹拖过来,把颜色改成绿色,放到按钮的底部做装饰。效果如图18 PSD下载


图18
9.根据需要适当的调整一下,可以做出不同风格,不同颜色的按钮。


图19

展开更多 50%)
分享

猜你喜欢

网页常用按钮制作教程之一

PS PS基础 ps平面设计教程 ps去水印教程
网页常用按钮制作教程之一

网页常用按钮制作教程之二

PS PS基础 ps平面设计教程 ps去水印教程
网页常用按钮制作教程之二

s8lol主宰符文怎么配

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

网页常用水晶按钮的制作

PS PS基础 ps平面设计教程 ps去水印教程
网页常用水晶按钮的制作

XML简易教程之一

Web开发
XML简易教程之一

lol偷钱流符文搭配推荐

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

EJB系列教程之一

编程语言 网络编程
EJB系列教程之一

Photoshop制作网页常用质感按钮图标

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作网页常用质感按钮图标

lolAD刺客新符文搭配推荐

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

透明水晶圆形按钮

透明水晶圆形按钮

蝴蝶玻璃按钮

蝴蝶玻璃按钮
下拉加载更多内容 ↓