当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单绘制玻璃样式RSS图标

Photoshop
唯美三维字效果教程(内附外挂滤镜和唯美星空笔刷)
轻松将照片加入动态相框
PS打造水中倒影
Photoshop打造插画风格夕阳武士
谈Photoshop学习:用专业方式解决问题
PS打造折纸效果(原创教程)
[原创]PS另类抠图
(原创)“三步”美化你的图片
PS7.0 下雨的星期天(原创)
抽时间做了一把檀香扇,还请多多指教(原创)
Photoshop CS3亲密接触(1):体验界面进化之美
Photoshop CS3亲密接触(2):感受新Bridge
Photoshop CS3亲密接触(3):照片补血只需一步
叠加模式在调整图像中的应用(原创基础教程)
Photoshop CS3亲密接触(4):缔造完美曲线
Photoshop CS3亲密接触(5):怀旧赫本 黑白魅影
Photoshop CS3亲密接触(6):快速选取新定义 轻松DIY商品靓照
Photoshop CS3亲密接触(7):灵异鹦鹉 轻松克隆-新Clone Sauce
Photoshop CS3亲密接触(8):新混合模式 造奇酷波普效果
PS+IR制作闪闪的水晶字

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 53 ::
收藏到网摘: n/a

 在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图标