论坛风格切换
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 1940阅读
  • 2回复

[教程]PhotoShop制作一个网页导航按钮的教程 [复制链接]

上一主题 下一主题
离线荦荦
 
发帖
*
今日发帖
最后登录
1970-01-01
只看楼主 倒序阅读 使用道具 楼主  发表于: 2011-03-18 13:04:34



1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形


2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);


3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数量);


4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我们就得到了按钮底部的高光了


5.选图层2,添加图层样式(渐变叠加);


  
6.按CTRL键,点击图层1,调出层1选区,再新建图层3,使用渐变工具(径向渐变,白到黑色,从按钮的上中位置拖到按钮的下右位置),CTRL+D取消选区,改变层3的图层样式;如图设置


7.选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点.使其变成梯形,新建图层4,设置前景色为白色,进入路径面板,填充路径(白色).按CTRL键点击层1,选图层4,为图层4添加图层蒙板.再设置图层混合模式,产生按钮的高光效果


  
8.输入文字,添加图层样式


完成最终效果



1条评分电魂+3
taofurong 电魂 +3 优秀文章,支持!n神马都是浮云 2011-03-18
离线taofurong

发帖
9930
今日发帖
最后登录
2015-07-10
只看该作者 沙发  发表于: 2011-03-18 21:38:23
不错 很实用的工具
☆☆☆閃電聯盟歡迎您☆☆☆
联系QQ:3329682   86967111
离线jnship
发帖
*
今日发帖
最后登录
1970-01-01
只看该作者 板凳  发表于: 2011-03-18 21:58:27
很实用的教程