当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop轻松绘制简洁的绿色网页按钮

Photoshop
22个优秀且高质量的Web界面设计PS教程
PS照片教程:D罩杯凸显的光效比基尼女孩
Photoshop制作金属质感边框纹理字特效
PS教程:质感肤色冷酷蓝色调美女照片
Photoshop教程:冷色调美女照片
Webjx推荐:30个PhotoShop笔刷下载网站
PS教程:华丽稳重较强视觉冲击力的画面
PS调色教程:浓绿森林背景照片调整
凡拓i405绘图板绘制唯美卡通美女插画
Photoshop绘制带水珠的化妆品小瓶子
Photoshop婚纱照片处理:唯美暗调婚片
Photoshop创建非常酷的折叠字体效果
Photoshop简单合成教程:美女添加纹身
PS背景橡皮擦抠图教程:美女飘逸长发
PS教程:婚纱照片调色经典爱情故事
Photoshop制作唯美艺术郁金香
Photoshop钢笔通道给美女抠图
Photoshop和光影魔术手数码暗房磨皮教程
Photoshop手绘教程:矢量风格的女歌手
两个4A广告公司制作的后期修图的案例

Photoshop轻松绘制简洁的绿色网页按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 414 ::
收藏到网摘: n/a

先看一下最终效果。

Photoshop轻松绘制简洁的绿色网页按钮

1.新建文件,新建层,使用矩形选区工具如下选择,我选择的大小为60*20像素。

Photoshop轻松绘制简洁的绿色网页按钮


前景色设置为#afee00 ,背景色设置为: #3b9d00Photoshop轻松绘制简洁的绿色网页按钮,使用渐变工具从选区的上方拉到中央进行填充:

Photoshop轻松绘制简洁的绿色网页按钮

将前景色和背景色设置回黑色和白色,新建层,双击新层,对描边选项进行如下设置:

Photoshop轻松绘制简洁的绿色网页按钮

层类型更改为覆盖,透明度设置为40%。

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

Photoshop轻松绘制简洁的绿色网页按钮

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

Photoshop轻松绘制简洁的绿色网页按钮

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

Photoshop轻松绘制简洁的绿色网页按钮

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

Photoshop轻松绘制简洁的绿色网页按钮

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