WEB开发网
开发学院图形图像PhotoShop Photoshop实用的导航按钮的制作教程 阅读

Photoshop实用的导航按钮的制作教程

 2010-03-22 00:00:00 来源:WEB开发网   
核心提示: 6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,Photoshop实用的导航按钮的制作教程(3),按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,使用步骤4中的添加蒙版的方法用渐变遮盖下端部分,最后调整透明度,效果如下图,用复制 + 水平翻转

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

Photoshop实用的导航按钮的制作教程

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

Photoshop实用的导航按钮的制作教程

Photoshop实用的导航按钮的制作教程

上一页  1 2 3 

Tags:Photoshop 实用 导航

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接