查查 发表于 2007-5-5 07:53:06

利用PhotoShop为你的网站添加水晶图片按钮

<P>效果图:</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110714401.jpg"></P>
<P>1.&nbsp;创建100X100画布,背景色设为 <STRONG>#818181</STRONG>。</P>
<P>2. 打开自己喜欢的风景图像并复制到步骤一所建画布。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110723317.jpg"></P>
<P>3. 调整风景图像到适当大小,这里使用的是100X75。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110724407.jpg"></P>
<P>4. 使用矩形选框工具,按住<STRONG> Shift</STRONG> 建立如下选区。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110725722.jpg"></P>
<P>5.&nbsp;选择 &gt;&gt; 修改 &gt;&gt; 平滑,平滑度5像素,反选,删除。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110725494.jpg"></P>
<P>6. 图层 &gt;&gt; 图层样式 &gt;&gt; 描边:</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110726350.jpg"></P>
<P>得到如下渐变描边效果。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110727876.jpg"></P>
<P>7. 图层 &gt;&gt; 图层样式 &gt;&gt; 斜面与浮雕。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110730859.jpg"></P>
<P>&nbsp;</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110737690.jpg"></P>
<P>8. 图层 &gt;&gt; 图层样式 &gt;&gt; 内发光。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110738807.jpg"></P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110742409.jpg"></P>
<P>9. 图层 &gt;&gt; 图层样式 &gt;&gt; 外发光。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110742955.jpg"></P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110745559.jpg"></P>
<P>10. 图层 &gt;&gt; 图层样式 &gt;&gt; 投影。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110746961.jpg"></P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110748238.jpg"></P>
<P>11. 图像 &gt;&gt; 调整 &gt;&gt; 亮度/对比度,设置亮度为 -25。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110749446.jpg"></P>
<P>12. 创建新图层,按住Ctrl并点击风景图层,获得选区,选择 &gt;&gt; 修改 &gt;&gt; 收缩,收缩量2像素,设置前景色为 <STRONG>#FFFFFF</STRONG>,编辑 &gt;&gt; 填充,采用前景色填充,混合模式设为“普通”,不透明度20%。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110749964.jpg"></P>
<P>13. 选择矩形选框工具,利用向上箭头移动选区到如下位置。</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110750381.jpg"></P>
<P>14. 选择 &gt;&gt; 反选,删除,大功告成!</P>
<P align=center><IMG class=resourceimage alt="" src="http://www.cgfancy.com/Article/UploadFiles/200609/20060927110714401.jpg"></P><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

天际 发表于 2007-8-22 15:30:05

不错,很不错,谢谢楼主的分享!!!
页: [1]
查看完整版本: 利用PhotoShop为你的网站添加水晶图片按钮