【PS板块】新年到，新欢笑。PS教程，到~到~到~

社区服务
高级搜索
猴岛论坛贴图&拍客PS技术交流【PS板块】新年到，新欢笑。PS教程，到~到~到~
发帖 回复
正序阅读 最近浏览的帖子最近浏览的版块
« 返回列表
3个回复

[问题求助]【PS板块】新年到，新欢笑。PS教程，到~到~到~

 楼层直达
如果一切只因梦

ZxID：18675403

等级: 禁止发言
配偶: 萌女。
举报 只看楼主 使用道具 楼主   发表于: 2013-01-31 0
【PS板块】新年到，新欢笑。PS教程，到~到~到~



本教程介绍非常实用的导航按钮的制作方法。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。
最终效果

1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。

2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。



大致效果图。

3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。

双击或右键此图层进入图层样式选项，参数及效果如下图。


4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图。

5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 > 模糊 > 高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 > 描边，参数设置如下图。

取消选区，然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为：55%，效果如下图。

8、接下来制作文字图层。选择文字工具，打上文字，字体颜色为：#e7e7e7，之后设置图层样式，参数设置如下图。


9、现在整个按钮的主体已经制作完成了，如果你需要还可以加上倒影。具体方法是：选择除了文本图层以外的所有图层（因为你今后可能需要重新编辑文本的内容），合并它们，然后复制一个副本，垂直翻转，使用步骤4中的添加蒙版的方法用渐变遮盖下端部分，最后调整透明度，完成最终效果。
本帖de评分： 共 1 条评分 ＤＢ +4
ＤＢ+4 2013-01-31

优秀文章
隐藏
打赏 收藏 新鲜事

相关主题

回复 引用
　 鲜花[0]　 鸡蛋[0]
小杰君ぞ　°Jey

ZxID：21498744

等级: 中校
　　　 　　 　　　　　 　　　 　　 　　　　　 坎坎坷坷小人生，　　栽栽愣愣全是坑╰　 　 　 ..
举报 只看该作者 地板   发表于: 2013-01-31 0
要逆天了。

Hey guy ! Kiss my ass.——Jey
回复 引用 新鲜事
　 鲜花[1]　 鸡蛋[0]
小彬　

ZxID：18418310

等级: 中将
举报 只看该作者 板凳   发表于: 2013-01-31 0
优秀文章
回复 引用 新鲜事
　 鲜花[0]　 鸡蛋[0]
此生淡然

ZxID：10253936

等级: 元老
★————————★【你的金戈铁马】  【有人未曾忘却】★————————& &# ..

举报 只看该作者 沙发   发表于: 2013-01-31 0
新手求DB
——不要在乎得失，不是你的永远不是你的——

       ——猴岛处处都有大神，虚心请教才是王道——

★点击图片直接传送★
回复 引用 新鲜事
　 鲜花[1]　 鸡蛋[0]
« 返回列表
发帖 回复