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

Photoshop
Photoshop 一张漂亮的古典美女插画
利用画笔工具轻松制作墨迹效果
Photoshop 人物照片柔美的紫色调
Photoshop 超酷的高清电影画面效果
结合数位板鼠绘漂亮的绿色卡通插画
photoshop 鼠绘 银灰色跑车
photoshop 金属效果教程
Photoshop 男士照片添加破损背景纹理
Photoshop 个性的黑白天使
photoshop 创意合成漂亮的神光之塔
Photoshop 漂亮的宇宙星体
Photoshop 紫色荷花
Photoshop 制作可爱的卡通头像
photoshop 快速两步调出照片柔和的暗黄色
PS 滤镜打造创意的透视球体
photoshop 极具复古风格的城门
Photoshop 质感的专用工具 图层样式
photoshop 蒙版的使用
photoshop 上空俯瞰整座城市图
Photoshop 古建筑图片处理成淡水墨画效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-18   浏览: 388 ::
收藏到网摘: 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文件下载