zoukankan      html  css  js  c++  java
  • 用Photoshop怎样做水晶按钮

    水晶按钮其实与水晶图标的做法是大同小异的,下面就详细的介绍一下吧。

    第一步

    首先建立新建文件300px*80px 分辨率为72(大小可以自己定根据自己需求)。

    第二步

    利用圆角矩形工具画出圆角矩形(用此工具不用建立新的图层,当你画的时候会自动出现一个新图层),然后此工具的属性里有个半径,该值调为5PX,也可以根据自己的需要调节大小,颜色随意。

    第三步

    1.双击你刚刚填充黑色圆形的新建图层呼叫出图层样式对话框。分别将外发光、内发光、渐变叠加、描边进行勾选操作。

    2.先加个渐变,好增加立体感,混合模式为正常模式,颜色选择自己需要的颜色。

    3.再加了个描边。一个像素就够了,颜色选择黑色,透明一点,透明度为45%。为什么不直接用灰色呢?那是因为考虑到以后应用的时候,透明的黑色会更容易融入其它环境的。灰色会显得很生硬,记住拉,用半透明的黑色,更容易融入背景的。

    4.现在还差点什么呢?还欠个阴影。那么,我们给它加个阴影吧,,这次的做法是用外发光代替阴影是一样地,混合模式照样是正常,透明度调为40%,颜色选择黑色。这样看上去是不是更有立体感那!

    5.现在的按钮好像光的质感还不够,再加一个内发光!让它在边缘发光,这样质感就很强。

    第四步

    1.用钢笔工具画出按钮的玻璃质感的高光,记住画之前必须建立新图层哦

    2.钢笔画完图形后用快捷键Ctrl+Enter将钢笔画出的路径转换为选区,在将选区内添加白色(编辑-填充)。填充后将选区去掉(快捷键Ctrl+D)。

    3.将该图层属性的透明度值改为40%,这样高光就能融入按钮中,看起来很自然,然后再双击该图层,出现了图层样式,选择渐变叠加,混合模式为正常、透明度为20%、颜色是从黑到白、样式为线性、角度为90度。

    第五步

    最后用文本工具将你想要的内容打上去,然后给字加上图层样式,选择阴影,调为你想要的效果,让文字也突出些。

    最后作品

  • 相关阅读:
    CI 搭建CMS框架
    java 对象
    JAVA 数组,(java核心技术 卷1)
    Android 点击事件,4种回调。
    andriod 中设置sdk升级代理服务器
    CI 自动操作日志
    CI 笔记 datagrid的调用,不支持多页面多次调用js
    CI 笔记 easyui 结合后,左侧导航跳转问题
    CI 笔记 数据库
    mysql索引提高查询速度
  • 原文地址:https://www.cnblogs.com/carry/p/1762675.html
Copyright © 2011-2022 走看看