找回密码
 注册会员

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 1884|回复: 8
收起左侧

PS-10步制作一个精美导航按钮

[复制链接]
发表于 2010-9-23 18:57 | 显示全部楼层 |阅读模式
本帖最后由 上海地鐵Ⅶ號線 于 2010-9-23 19:27 编辑

最终效果如下
dzx1ceshi.jpg
 楼主| 发表于 2010-9-23 19:00 | 显示全部楼层
1、新建一个250×150,并填充背影#252a38
2、选择椭圆,设置半径15px左右,然后新建图层画一个深蓝色#3102fa
 楼主| 发表于 2010-9-23 19:07 | 显示全部楼层
3、设置前景色#3a4056,背景色#303548,从上往下渐变
4、为其设置图层样式:
投影:混合模式叠加,不透明度50%,角度120,距离1,扩展0,大小7。
描边:如下设置(图1)

图1

图1
 楼主| 发表于 2010-9-23 19:10 | 显示全部楼层
本帖最后由 上海地鐵Ⅶ號線 于 2010-9-23 19:10 编辑

5、选择减淡工具,画笔50,高光,曝光度25 涂抹如图
jc0912271_11.jpg
 楼主| 发表于 2010-9-23 19:12 | 显示全部楼层
6、椭圆选区,
QQ截图未命名.gif
jc0912271_13.jpg
 楼主| 发表于 2010-9-23 19:14 | 显示全部楼层
7、选择并从上往下渐变
jc0912271_15.jpg
QQ截图未命名.gif
 楼主| 发表于 2010-9-23 19:15 | 显示全部楼层
本帖最后由 上海地鐵Ⅶ號線 于 2010-9-23 19:23 编辑

8、取消选区,不透明度40,混合模式叠加
9、在按钮里输入上下两行的文字,如下设置(渐变颜色:#c8d1ef—#ffffff)
QQ截图未命名.gif
QQ截图未命名.gif
 楼主| 发表于 2010-9-23 19:25 | 显示全部楼层
本帖最后由 上海地鐵Ⅶ號線 于 2010-9-23 19:25 编辑

10、在文字前面加上图标,调整色相/饱和度,设置饱和度-100,其他为0,然后混合模式改为叠加,完成。
最终效果如下:
dzx1ceshi.jpg
头像被屏蔽
发表于 2010-9-23 21:56 | 显示全部楼层
提示: 该帖被管理员或版主屏蔽

手机版|沪ICP备07025636号

GMT+8, 2020-7-4 13:57 , Processed in 0.030415 second(s), 14 queries , Yac On.

Metrofans © 2006-2014

本页面由 Comsenz Discuz 驱动

快速回复 返回顶部 返回列表