您的位置:首页图形图像Photoshop教程 → Photoshop十步打造IPOD风格按钮

Photoshop十步打造IPOD风格按钮

时间:2009/1/11 12:21:00来源:本站整理作者:我要评论(0)

 对于苹果的简约风格,许多网友都比较感兴趣,有没有想过自己动手DIY一个呢,下面我们就从制作一个小小的按钮开始吧。先看看效果图:

  

Photoshop十步打造IPOD风格按钮
效果图

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

  

Photoshop十步打造IPOD风格按钮
图1

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

  

Photoshop十步打造IPOD风格按钮
图2

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

  

Photoshop十步打造IPOD风格按钮
图3
Photoshop十步打造IPOD风格按钮(2)
图4

  

Photoshop十步打造IPOD风格按钮(2)
图5

  

Photoshop十步打造IPOD风格按钮(2)
图6

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

  

Photoshop十步打造IPOD风格按钮(2)
图7

  

Photoshop十步打造IPOD风格按钮(2)
图85、按住shift拉出大小合适的三角形。

  

Photoshop十步打造IPOD风格按钮(3)
图9

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

  

Photoshop十步打造IPOD风格按钮(3)
图10

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

  

Photoshop十步打造IPOD风格按钮(3)
图11

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

  

Photoshop十步打造IPOD风格按钮(3)
图129、对三角形这个图层加载图层样式。

  

Photoshop十步打造IPOD风格按钮(4)
图13

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

  

Photoshop十步打造IPOD风格按钮(4)
图14

  

Photoshop十步打造IPOD风格按钮(4)
图15

  本教程帮助大家不要为了小小的问题而犯难!发挥你的想象力吧!