利用PhotoShop制作风格化网站导航

查查

<TABLE cellSpacing=4 cellPadding=4 width=400 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top height=23>
<P align=justify><FONT face="Arial, Helvetica, sans-serif" size=2>按照网站的大小确定导航尺寸。</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=92>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=125 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210546224.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=24><FONT face="Arial, Helvetica, sans-serif" size=2>使用钢笔工具创建如下形状的图形。</FONT></TD></TR>
<TR>
<TD vAlign=top height=55>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=125 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210552546.jpg" width=380></FONT></P></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 外发光，混合模式“滤色”。</FONT></TD></TR>
<TR>
<TD vAlign=top height=72>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=372 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210556850.jpg" width=376></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=72>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=123 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210601161.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>按下&nbsp;F5 打开笔刷设置窗口，选择宽边树叶笔刷，并按下图设置笔尖形状。</FONT></TD></TR>
<TR>
<TD vAlign=top height=72>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=457 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210603931.jpg" width=361 border=0></FONT></DIV>
<DIV align=left><FONT face=Arial size=2>设置笔刷“动态形状”。</FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=133>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=457 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210610332.jpg" width=361></FONT></DIV>
<DIV align=left><FONT face=Arial size=2>设置笔刷“散布”。</FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=146>
<P align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=457 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210618107.jpg" width=361></FONT></P>
<P align=left><FONT face=Arial size=2>设置笔刷“动态颜色”。</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=121>
<P align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=457 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210624571.jpg" width=361></FONT></P></TD></TR>
<TR>
<TD vAlign=top height=31><FONT face="Arial, Helvetica, sans-serif" size=2>将绿色设为前景色，深绿设为背景色，创建新的图层，运用笔刷得到如下效果。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=126 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210627596.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=32><FONT face="Arial, Helvetica, sans-serif" size=2>创建新图层，在导航右侧利用钢笔工具绘制“叶片1”。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=126 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210631221.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 投影。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=378 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210633401.jpg" width=377></FONT></DIV>
<DIV align=left><FONT face=Arial size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 图案叠加。</FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=378 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210637751.jpg" width=377></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=172 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210640308.jpg" width=123></FONT></P></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>复制“叶片1”，调整大小、旋转角度和填充色。&nbsp;</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=200 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210641503.jpg" width=172></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>利用椭圆工具在曲线上绘制一个圆。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=86 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210643143.jpg" width=68></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 外发光。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=380 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210643615.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=118 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210649860.jpg" width=122></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>利用钢笔工具绘制“叶片2”。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=139 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210653256.jpg" width=153></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=46><FONT face="Arial, Helvetica, sans-serif" size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 外发光。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=377 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210653936.jpg" width=380></FONT></P></DIV></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=137 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210700261.jpg" width=121></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>类似的完成其他叶片。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=149 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210700311.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=33><FONT face="Arial, Helvetica, sans-serif" size=2>沿路经输入导航文字。（路径文字制作这里不再重复，可查看本站相关教程）</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=126 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210702709.jpg" width=380></FONT></P>
<P>&nbsp;</P></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>图层 &gt;&gt; 图层样式 &gt;&gt; 描边。</FONT></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=363 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210706544.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=130>
<DIV align=center><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=129 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210709903.jpg" width=380></FONT></DIV></TD></TR>
<TR>
<TD vAlign=top height=27><FONT face="Arial, Helvetica, sans-serif" size=2>输入网站名称，一个个性化导航栏就制作完成了。</FONT></TD></TR>
<TR>
<TD vAlign=top height=135>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=2><IMG height=127 src="http://www.cgfancy.com/Article/UploadFiles/200608/20060813210710438.jpg" width=380></FONT></P></DIV></TD></TR></TBODY></TABLE><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

243411425

好有创意啊

谢龙

很好的创意，我得好好学学..