简单绘制玻璃样式RSS图标_网页logo教程

查查发表于 2007-5-7 18:01:03

简单绘制玻璃样式RSS图标

先看最终效果：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145511647.jpg" border=1>
　　新建文档，使用圆角矩形工具Alt键绘制一个圆角正方形，然后使用渐变工具设置下面两种颜色进行填充，该图层命名为：icon-bg ，效果如下图：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145511358.png" border=1>
　　复制图层，命名为glass，改变填充为白色填充，透明度为50%，使用矩形选区工具绘制如下选区，然后按Delete删除：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145512433.png" border=1>
　　现在我们就得到了一个最基础的玻璃效果了，为了效果更加好，我们接下来继续修饰使用椭圆形选区选择下部分，然后进行羽化，半径大约30px左右，然后按Delete删除：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145513596.png" border=1>
　　按Ctrl单击该图层，然后执行“选择”“修改”“扩展”，来扩大选区范围，，大概为1px，然后在icon-bg下面新建图层，把矩形选区填充为白色，该图层命名为shine，效果：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145513838.png" border=1>
　　下面我们在最下图层的颜色改变为黑色，当作背景来使用，当然你可以设置其他颜色的背景：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145515805.png" border=1>
　　再次使用圆形工具绘制选区，然后进行羽化，半径为30px，选择shine层然后按delete键两次：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145516686.png" border=1>
　　重复上面做法，选择上部分，这次是按delete一次：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145517215.png" border=1>
　　下面可以稍微设置一下shine层的不透明度：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145518241.png" border=1>
　　然后按住Ctrl键单击icon-bg，然后再次扩展(“选择”“修改”“扩展”)，然后在shine图层下面创建一图层，然后绘制一黑色的矩形选区，该层命名为icon-frame：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145519561.png" border=1>
　　然后隐藏黑色背景层：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145520664.png" border=1>
　　选择icon-frame层，图层模式的渐变填充选项设置如下颜色渐变：：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145520901.png" border=1>
　　添加几个白色形状，效果如下：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145521238.png" border=1>
　　你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果：.
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145521702.png" border=1>
　　拼合图层，在最下面建立一图层，绘制一个较小的椭圆：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145522217.png" border=1>
　　然后进行高斯模糊：：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145523800.png" border=1>
　　拼合图层，然后再复制该图层，垂直翻转：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145523386.png" border=1>
　　然后使用圆形工具选择下部分，羽化半径30px，然后按delete键删除：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145524742.png" border=1>
 　　最后调整透明度，效果如下：
<IMG alt=Photoshop简单绘制玻璃样式RSS图标 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070322145524400.png" border=1>
　　最后你可以制作按钮时调整渐变颜色可以达到最终效果 <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

vellart 发表于 2009-11-3 23:24:00

好美但都好複雜的樣子
試試看!

页: [1]

ps教程论坛's Archiver

简单绘制玻璃样式RSS图标