PhotoShop轻松打造IPOD效果的网页按钮(3)

8、CTRL+T变形这个三角形,按住shift旋转并调整到合适位置。 9、对三角形这个图层加载图层样式。 10、OK 大功告成!再试着做个 正方形的按钮吧!

PhotoShop轻松打造IPOD效果的网页按钮(2)

4、做到这一步,就是添加按钮了。新建层,选择自定义形状工具,选择你需要的三角形。 、 5、按住shift拉出大小合适的三角形。 6、选择蒙版层,进入路径选项版,建立选区。 7、回到图层选项版,隐藏蒙版层。点选刚才

8、CTRL+T变形这个三角形,按住shift旋转并调整到合适位置。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图

 

9、对三角形这个图层加载图层样式。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(1)

10、OK 大功告成!再试着做个 正方形的按钮吧!

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(2)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(3)

 

4、做到这一步,就是添加按钮了。新建层,选择“自定义形状工具”,选择你需要的三角形。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(4)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(5)

5、按住shift拉出大小合适的三角形。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(6)

 

6、选择蒙版层,进入路径选项版,建立选区。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(7)

7、回到图层选项版,隐藏蒙版层。点选刚才新建立的图层,出现选区填充黑色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(8)

效果图

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(2)

1、建立一个400*400的图像,背景设置为白色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(10)

2、新建一个图层,使用椭圆选择工具,按住SHIFT拉一个正圆出来,填充白色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(11)

 

3、对“圆”这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏,大家多发掘吧!

这里我用了4种 图层样式效果。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(12)   PhotoShop轻松打造IPOD效果的网页按钮(3)插图(13)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(14)   PhotoShop轻松打造IPOD效果的网页按钮(3)插图(15)

效果图

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(2)

1、建立一个400*400的图像,背景设置为白色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(10)

2、新建一个图层,使用椭圆选择工具,按住SHIFT拉一个正圆出来,填充白色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(11)

 

3、对“圆”这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏,大家多发掘吧!

这里我用了4种 图层样式效果。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(12)   PhotoShop轻松打造IPOD效果的网页按钮(3)插图(13)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(14)   PhotoShop轻松打造IPOD效果的网页按钮(3)插图(15)

 

4、做到这一步,就是添加按钮了。新建层,选择“自定义形状工具”,选择你需要的三角形。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(4)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(5)

5、按住shift拉出大小合适的三角形。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(6)

 

6、选择蒙版层,进入路径选项版,建立选区。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(7)

7、回到图层选项版,隐藏蒙版层。点选刚才新建立的图层,出现选区填充黑色。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(8)

8、CTRL+T变形这个三角形,按住shift旋转并调整到合适位置。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图

 

9、对三角形这个图层加载图层样式。

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(1)

10、OK 大功告成!再试着做个 正方形的按钮吧!

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(2)

PhotoShop轻松打造IPOD效果的网页按钮(3)插图(3)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部