当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > photoshop 网页常用按钮制作教程之二

Photoshop
数码暗房之应用通道系列:1、《通道中有什么?》
数码暗房之应用通道系列:2、《通道就是选区》
数码暗房之应用通道系列:3《利用Lab明度通道转换黑白》
Photoshop快速打造莹蓝冰窟特效
《凝香》色彩调整教程
诱惑:Photoshop打造性感日本美女
数码暗房之应用通道系列:4《计算法 选择效果最好的通道》
数码暗房之应用通道系列:5《最常见的通道混合器法》
数码暗房之应用通道系列:6《利用CMYK黑色通道加锐》
[PS技艺交流之一]怎样仿制水彩效果
[PS技巧交流之二]怎样增强照片清晰度?
[PS技巧交流之三]怎样快速改变照片色调及调制单色照片
[PS技巧交流之四]怎样仿制钢笔淡彩效果
[PS技巧交流五]如何挽救逆光失败的照片[附逆光修正滤下载]
[PS技巧交流六]初学PS的“三板斧”
[PS技巧交流之七]人物后期综合PS处理技巧[附磨皮滤镜下载]
[PS技巧交流之八]摹仿色调的秘密
[PS技巧交流之九]怎样精确校正严重偏色的照片?
教你用PS打造一只漂亮的足球
用PS打造水粉画效果

Photoshop 中的 photoshop 网页常用按钮制作教程之二


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

最终效果



1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底",选择“圆角矩形工具”如<图1>,半径数值为“25”如<图2>,绘制如<图3>所示的圆角矩形。


<图1>



<图2>



<图3>


2.如下图所示锁定透明象素


<图4>

 
3.选择渐变工具,颜色设置如下<图5>,由上至下绘制渐变效果如<图6>


<图5>



<图6>


4.在“按钮-底”上新建一层命名为“按钮--高光”,调出“按钮--底”的选区如<图7>,选择菜单:选择 > 修改 > 收缩,数值为3,再填充白色,按Ctrl + D取消选区。


<图7>



<图8>



<图9>


5.如<图10>在“按钮--高光”这层添加蒙版,再用黑白渐变工具如<图11>由上往下绘制渐变,效果如<图12>


<图10>



<图11>



<图12>

 
6.回到"按钮--底"这层,调出图层样式,分别调节:内阴影,描边。相关设置分别如<图13>,<图14>,效果如<图15>


<图13>



<图14>



<图15>


7.在"按钮--底"这层上面新建一层命名为“按钮--测光”,调出“按钮--底”的选区如<图16>,选择菜单:选择 > 修改 > 收缩,数值为1,再填充白色,用矩形选取工具适当的把选区向右移几个象素如<图19>然后按"Delete"键删除选区部分如<图20>


<图16>



<图19>



<图20>

 
8.按Ctrl+D取消选区,再用橡皮工具选适当的大小插除下面的部分如<图21>


<图21>


9.按Ctrl + J 把"按钮--侧光"复制一层,选择:编辑> 变形 > 垂直翻转,再选择:编辑> 变形 > 水平翻转,把翻转后的图片移到右侧适当的位置如<图22>


<图22>


10.在"按钮--底"上面新建一层命名为“按钮--边”调出"按钮--底"的选区如<图23>,再选择菜单:编辑 > 描边 设置如<图24>再按Ctrl + D 取消选区。效果如<图25>


<图23>



<图24>



<图25>

 
11.在"按钮--高光"上面新建一层命名为“按钮--文字”,在上面打上"WWW.68PS.COM",字体颜色用白色.如<图26>


<图26>


12.按Ctrl + J 把文字复制一层,把下面的文字隐藏,为上面文字加投影效果,设置如<图27>,再回到下面的文字层,删格化图层,选择菜单 编辑> 变形 > 垂直翻转 把文字拖到合适的位置如<图28>


<图28>


13.如下图添加蒙版用黑白渐变从上至下绘制渐变,制作文字的倒影。


<图29>




可以根据需要制作有底纹的效果 PSD文件下载