使用混合模式和遮罩效果制作网页按钮
-
打开photoshop,新建空白文档。
-
为了不让白色背景看起来乏味,增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。
-
选择圆角矩形工具,创建按钮的的主要形状,半径为5 px。
-
添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。
-
现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258)。
-
为了增加按钮立体感,添加一个1像素内发光。颜色为白色(#FFFFFF),减少不透明度到30%。
-