Photoshop创建卡通网站导航栏

查查

<P>1.使用自定义形状工具选择环形创建一个环形。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222108359.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222108359.jpg" align=absMiddle border=0></A></P>
<P>2.复制该层，并按比例缩小复制层。按住Shift+Alt可以同比例缩小。用不同的颜色填充该层。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222109655.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222109655.jpg" align=absMiddle border=0></A></P>
<P>3.同样创建几个需要的复制层，按比例缩小并填充上不同的颜色。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222110914.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222110914.jpg" align=absMiddle border=0></A></P>
<P>4.用PsCS2，按Shift 选择全部图层。从层调色板中选择New Group from Layers，将这几个图层放到新组中。设置组名称为ring001<BR>如果用PS7.0操作， 将要组成为一组的所有图层全部链接，点层调色板中的“新组自链接的…”一项，便将选中的图层全部放到了创建新组ring001中</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222111911.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222111911.jpg" align=absMiddle border=0></A></P>
<P>5.复制该组并重新命名为ring002.改变色环的顺序。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222111234.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222111234.jpg" align=absMiddle border=0></A></P>
<P>6.现在我们拥有两个环形而且在色彩上有不同的差别。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222112309.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222112309.jpg" align=absMiddle border=0></A></P>
<P>7.复制第一个组也就是ring001复制5份。并且一字排开。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222112686.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222112686.jpg" align=absMiddle border=0></A></P>
<P>8.复制第二个组就是ring002复制5份并一字排开放到第一组排开的空位上。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222113197.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222113197.jpg" align=absMiddle border=0></A></P>
<P>9.使用矩形选区工具创建一个绿色的长方形。这个长方形将做为主要按钮的背影，目前我称它为“主按钮背景层”。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222113546.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222113546.jpg" align=absMiddle border=0></A></P>
<P>10.双击该主按钮背景层打开图层样式表，选择“渐变叠加”设置如下图：</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222114294.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222114294.jpg" align=absMiddle border=0></A></P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222114631.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222114631.jpg" align=absMiddle border=0></A></P>
<P>11.再创建一个长方矩形放到该“主按钮背景层”下面，并填充高亮的绿色，这个地方我称它为“过渡线条”。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222116349.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222116349.jpg" align=absMiddle border=0></A></P>
<P>12.在“过渡条”底部创建一个长矩形条填充为深绿色，它将放置其它的一些导航按钮名称，在这里我称它为“次级按钮背景层”。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222118470.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222118470.jpg" align=absMiddle border=0></A></P>
<P>13.在左侧放置一个可爱的漫画图片。如图：</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222120949.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222120949.jpg" align=absMiddle border=0></A></P>
<P>14.插入公司logo.</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222121160.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222121160.jpg" align=absMiddle border=0></A></P>
<P>15.在“主按钮背景层”上插入主要的按钮名称，过渡条插入相关的说明性文字，“次按钮背景层”插入相关网站信息的按钮。</P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222122920.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222122920.jpg" align=absMiddle border=0></A></P>
<P align=center><A href="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222123773.jpg" target=_blank><IMG src="http://www.cgfancy.com/Article/UploadFiles/200605/20060517222123773.jpg" align=absMiddle border=0></A></P><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

天际

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