正在阅读:Photoshop十步打造IPOD风格按钮Photoshop十步打造IPOD风格按钮

2009-01-08 10:39 出处:蓝色理想 作者:sprocsw 责任编辑:zengxiaolan
110步轻松打造IPOD效果的按钮(1)回顶部

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

10步轻松打造IPOD效果的按钮
效果图

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

10步轻松打造IPOD效果的按钮
图1

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

10步轻松打造IPOD效果的按钮
图2

  

210步轻松打造IPOD效果的按钮(2)回顶部

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

10步轻松打造IPOD效果的按钮
图3

10步轻松打造IPOD效果的按钮
图4

10步轻松打造IPOD效果的按钮
图5

10步轻松打造IPOD效果的按钮
图6

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

10步轻松打造IPOD效果的按钮
图7

10步轻松打造IPOD效果的按钮
图8

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

10步轻松打造IPOD效果的按钮
图9

  

310步轻松打造IPOD效果的按钮(3)回顶部

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

10步轻松打造IPOD效果的按钮
图10

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

10步轻松打造IPOD效果的按钮
图11

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

10步轻松打造IPOD效果的按钮
图12

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

10步轻松打造IPOD效果的按钮
图13

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

10步轻松打造IPOD效果的按钮
图14

10步轻松打造IPOD效果的按钮
图15

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

  【延伸阅读】

  Photoshop制作Windows Vista风格图标
  Photoshop CS3制作Vista 警告图标
  Photoshop制作圆球状玻璃效果图标
  Photoshop轻松绘制Web2.0图标

  【点击进入论坛设计素材专区

关注我们

最新资讯离线随时看 聊天吐槽赢奖品