优艾设计网

用Photoshop做网页按钮的教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络
作者:闪电儿  来源:网页教学网 先看一下最终效果。    1.新建文件,新建层,使用矩形选区工具如下选择,我选择的大小为60*20像素。   前景色设置为#afee00 ,背景色设置为: #3b9d00,使用渐变工具从

  3.新建层,创建如下选区:

用Photoshop做网页按钮的教程

  使用渐变工具颜色为白色到透明,从上向下进行填充:

用Photoshop做网页按钮的教程

  层模式设置为覆盖,透明度降低到30%

用Photoshop做网页按钮的教程

  4.使用文字工具输入需要的文字,我使用的字体是:Tahoma,大小为11pt。

用Photoshop做网页按钮的教程

  效果完~虽然比较简单,但是给人的感觉非常清新,简洁!

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消