Photoshop入门教程:绘制Vista风格网页按钮全过程

2016-01-29 21:52 11 1 收藏

Photoshop入门教程:绘制Vista风格网页按钮全过程,Photoshop入门教程:绘制Vista风格网页按钮全过程

【 tulaoshi.com - PS 】

初学者入门,Photoshop教程,简单绘制Vista风格网页按钮,效果还是不错的!但是有没有用还要看自己的喜好!

photoshop制作一个超酷的蓝色Vista风格网页按钮。文章最后提供PSD源文件。

1、建立一个50*50px文档,背景填充为#121212。

2、建立新图层,使用圆角矩形工具。半径设置为15px,绘制一个在文档正中的形状,然后使用渐变工具,把前景色设置为#0c85f4,背景色设置为#00386b从上到下进行线性渐变。按Ctrl+D取消选择。

入门:Photoshop简单绘制Vista风格网页按钮

3、设置内发光样式如下。

入门:Photoshop简单绘制Vista风格网页按钮

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

入门:Photoshop简单绘制Vista风格网页按钮

4、制作光照效果。创建一个新层,按Ctrl单击圆角矩形图层选择,使用椭圆选区工具选择下部分,然后把上面部分填充为白色。

入门:Photoshop简单绘制Vista风格网页按钮

把不透明度降低到10%。

入门:Photoshop简单绘制Vista风格网页按钮

5. 在创建一新层,使用矩形选框工具,设置固定大小为宽4px高为25px,制作一个形状,填充为白色,同样方法制作三个。

入门:Photoshop简单绘制Vista风格网页按钮

最后仍然使用矩形选框工具,样式设置为正常,选择第2个小矩形一半然后按Del删除,同样方法第3个小矩形删除1/4,最终效果如下所示。

入门:Photoshop简单绘制Vista风格网页按钮

最后提供给大家PSD文件。

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

来源:http://www.tulaoshi.com/n/20160129/1512805.html

延伸阅读
标签: PS PS教程
先看一下效果: [next] [next] [next] [next]
标签: PS PS教程
先看看效果图: 效果图 [next] 1.新建500*400文档。先给背景填充灰色,因为我们要画的是白纸。 首先,我们要确定出白纸的大致形状,才能着手进行工作。新建一图层,命名线稿,使用画笔工具,勾画出白纸的位置形状。 图1 2.新建图层1,选择矩形选框工具,拉出一个矩形,不用很精确,一会还要调整。按D键复位色板,再按X键将白色...
标签: CorelDRAW
[next] [next] [next] [next] [next] [next] [next]
标签: PS PS教程
作者:MAOMAO 工具:PS 时间:7个小时 [next] [next]

大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮,参见范例网页。这称之为鼠标翻转效果,这是根据英文rollover翻译而来的,其实不是很符合中文的语境。其原理是利用两张图片,平时显示一幅,当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作,首先在Photoshop中将它们制作...