• 奇爱公告:
  • 设为首页
  • |
  • 收藏本站
  • |
  • RSS阅读
  • |
  • 网站地图
  • |
  • 站内搜索
  • 奇爱素材网

  • 首页 酷站 PNG 矢量 GIF 笔刷 背景 PSD 欣赏 代码 FLA 教程 图库 书店
  • 您现在的位置: 奇爱素材网 >> 设计教程 >> 平面设计 >> PhotoShop >> 正文 |
  • Photoshop简单绘制玻璃样式RSS图标

    作者:闪电儿 翻… 素材来源:网页教学网 点击数: 更新时间:2007-6-12 0:53:40

      在Fireworks栏目有一个Fireworks绘制简单Rss icon教程,这次我们利用Photoshop来制作.

      先看最终效果:

    Photoshop简单绘制玻璃样式RSS图标

      新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg ,效果如下图:

    Photoshop简单绘制玻璃样式RSS图标

      复制图层,命名为glass,改变填充为白色填充,透明度为50%,使用矩形选区工具绘制如下选区,然后按Delete删除:

    Photoshop简单绘制玻璃样式RSS图标

      现在我们就得到了一个最基础的玻璃效果了,为了效果更加好,我们接下来继续修饰使用椭圆形选区选择下部分,然后进行羽化,半径大约30px左右,然后按Delete删除:

    Photoshop简单绘制玻璃样式RSS图标

      按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在icon-bg下面新建图层,把矩形选区填充为白色,该图层命名为shine,效果:

    Photoshop简单绘制玻璃样式RSS图标

      下面我们在最下图层的颜色改变为黑色,当作背景来使用,当然你可以设置其他颜色的背景:

    Photoshop简单绘制玻璃样式RSS图标

      再次使用圆形工具绘制选区,然后进行羽化,半径为30px,选择shine层然后按delete键两次:

    Photoshop简单绘制玻璃样式RSS图标

      重复上面做法,选择上部分,这次是按delete一次:

    Photoshop简单绘制玻璃样式RSS图标

      下面可以稍微设置一下shine层的不透明度:

    Photoshop简单绘制玻璃样式RSS图标

      然后按住Ctrl键单击icon-bg,然后再次扩展(“选择”“修改”“扩展”),然后在shine图层下面创建一图层,然后绘制一黑色的矩形选区,该层命名为icon-frame:

    Photoshop简单绘制玻璃样式RSS图标

      然后隐藏黑色背景层:

    Photoshop简单绘制玻璃样式RSS图标

      选择icon-frame层,图层模式的渐变填充选项设置如下颜色渐变::

    Photoshop简单绘制玻璃样式RSS图标

      添加几个白色形状,效果如下:

    Photoshop简单绘制玻璃样式RSS图标

      你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果:.

    Photoshop简单绘制玻璃样式RSS图标

      拼合图层,在最下面建立一图层,绘制一个较小的椭圆:

    Photoshop简单绘制玻璃样式RSS图标

      然后进行高斯模糊::

    Photoshop简单绘制玻璃样式RSS图标

      拼合图层,然后再复制该图层,垂直翻转:

    Photoshop简单绘制玻璃样式RSS图标

      然后使用圆形工具选择下部分,羽化半径30px,然后按delete键删除:

    Photoshop简单绘制玻璃样式RSS图标


      最后调整透明度,效果如下:

    Photoshop简单绘制玻璃样式RSS图标

      最后你可以制作按钮时调整渐变颜色可以达到最终效果。

  • 上一篇教程: Photoshop滤镜打造超酷彩色玻璃立方体特效
  • 下一篇教程: Photoshop简单绘制专业的网页按钮
    • 提点建议 | 友情链接 | 广告服务 | 免责声明 | 联系我们 | 网站地图 | RSS阅读
      Copyright © 2006-2008 Www.72sc.coM, All Rights Reserved 版权所有 奇爱素材网 鄂ICP备07010427号
      ++技术交流QQ群号码:1226944 ++业务联系QQ:19295971