Photoshop制作网页按钮

添加时间：2010-1-5

相关阅读: 制作网页 网页制作

先看一下最终效果。

制作网页按钮（图一） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911750.gif" width=400 border=0> Photoshop<a

制作网页按钮（图二） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911751.gif" width=120 border=0>
　　前景色设置为#afee00 ，背景色设置为： #3b9d00 Photoshop<a

制作网页按钮（图三） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911752.gif" width=52 border=0>，使用渐变工具从选区的上方拉到中央进行填充：

Photoshop<a

制作网页按钮（图四） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911753.gif" width=120 border=0>
　　将前景色和背景色设置回黑色和白色，新建层，双击新层，对描边选项进行如下设置：

Photoshop<a

制作网页按钮（图五） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911754.gif" width=321 border=0>
　　层类型更改为覆盖，透明度设置为40%3.新建层，创建如下选区：

Photoshop<a

制作网页按钮（图六） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911755.gif" width=240 border=0> Photoshop<a

制作网页按钮（图七） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911756.gif" width=120 border=0>
　　层模式设置为覆盖，透明度降低到30%

Photoshop<a

制作网页按钮（图八） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911757.gif" width=120 border=0>
　　4.使用文字工具输入需要的文字，我使用的字体是：Tahoma，大小为11pt。

Photoshop<a

制作网页按钮（图九） src="http://edu.cnzz.cn/newsfile/5000-5999/5913/070929215911758.gif" width=120 border=0>
　　效果完~虽然比较简单，但是给人的感觉非常清新，简洁！本文作者:

Photoshop轻松制作美丽的方格错位拼帖画 [2010-1-5]

用photoshop制作灯光照射效果 [2010-1-5]

Photoshop制作夜空中的一轮明月 [2010-1-5]

用Photoshop制作图像部分错位特效 [2010-1-5]

Photoshop制作电影胶片边框效果 [2010-1-5]

Photoshop用海滩旅游照片制作证件照 [2010-1-5]

咨询热线：020-85648757 85648755 85648616 0755-27912581 客服：020-85648756 0755-27912581 业务传真：020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址：广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址：深圳市宝源路华丰宝源大厦606
研发中心：广东广州市天河软件园海景园区粤ICP备05103322号工商注册