PS设计教程打造网站导航按钮
设计工具为PS CS3,先看一下做好的完成图:http://photoshopps.cn/Article/UploadFiles/200902/2009020822345799.jpg
设计过程如下:
步骤1:用外形工具或选项框工具设计出菜单的背景来,见下图:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345720.jpg
步骤2:创建一图层,用缩放工具放大到1000%,用画笔在这个创建图层上勾出一条恰当长度的1px竖线,色彩为#ffffff;见下图:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345738.jpg
步骤3:给这个PS图层加"渐变叠加"这个混合选项,设定如下:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345771.jpg
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345774.jpg
1处的色彩为白色竖线的下端四周的背景色彩值,2处的色彩为白色竖线的上端四周的背景色彩值,3处的色彩为#d7d7d7。效果如下:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345873.jpg
步骤4:
拷贝这个图层,用箭头工具把拷贝的图层朝左拖动1px,更改渐变参数,见下图:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345841.jpg
效果如下:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345836.jpg
100%比例下的效果如下:
http://photoshopps.cn/Article/UploadFiles/200902/2009020822345837.jpg
剩下的工作就是添加文字和拷贝图层及排版的问题了,这儿不细说了。
页:
[1]