Photoshop十步打造IPOD风格按钮

  • 来源: 互联网 作者: sprocsw   2009-08-13/16:39
  • 对于苹果的简约风格,许多网友都比较感兴趣,有没有想过自己动手DIY一个呢,下面我们就从制作一个小小的按钮开始吧。先看看效果图:

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

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

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

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

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

    #p#副标题#e#
    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

    #p#副标题#e#

    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

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

    【延伸阅读】




    【】


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多