下载

Photoshop十步打造IPOD风格按钮

sprocsw 2009-01-08 10:39:52
入门与实例
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图标

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

打开太平洋知科技,阅读体验更佳
前往太平洋知科技APP查看原文,阅读体验更佳
继续评论
前往APP
制作海报

网友评论

写评论
APP内评论,得金币,兑好礼

聚超值推荐

相关推荐