Photoshop简单绘制精致透明小房子图标

查查

这个教程教给大家如何制作一个精致的透明小房子图标，可以用到我们的站点上面，具有一定实用性。<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152512846.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152512846.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>1、首先我们制作一个<B>400 x 300</B> px，然后使用白色到浅蓝色进行渐变填充背景：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513563.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513563.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>2、新建立一个图层，然后使用椭圆工具绘制一个正圆：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513525.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513525.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>填充为黑色：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513601.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513601.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>然后设置图层样式：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513380.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152513380.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>效果如下：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152514340.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152514340.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>3、然后再使用椭圆工具选择一个较小的区域：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152514135.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152514135.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>创建一个图层，设置所选区域进行渐变填充：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515607.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515607.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>然后在左上方绘制一个正圆：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515534.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515534.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>对所选区域进行反相，然后按Del删除：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515974.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515974.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>设置模式为滤色：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515133.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515133.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>最后在右下方添加一些渐变叠加效果：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515235.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152515235.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>4、下面绘制小房子形状，选择自定义形状工具：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516271.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516271.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>确认下面的选项：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516770.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516770.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>然后选择小房子图形：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516427.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516427.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>设置如下：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516338.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516338.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>然后进行绘制：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516572.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516572.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>用<B>#9bcae5</B> 颜色填充小房子图标，然后使用下面图层样式：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516423.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516423.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516350.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152516350.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152517941.gif')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152517941.gif" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR>最终效果如下：<BR><IMG onmousewheel="return imgzoom(this)" onmouseover="attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'http://www.cgfancy.com/Article/UploadFiles/200704/20070406152517380.jpg')" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070406152517380.jpg" onload="attachimg(this, 'load', 'Click here to open new window\nCTRL+Mouse wheel to zoom in/out')" border=0><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

天际

不错，很不错，谢谢楼主的分享！！！