查查 发表于 2007-4-29 10:40:55

利用PhotoShop制作卡通风格导航栏

1.使用圆角矩形工具绘制一个圆角矩形。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 121px" height=121 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220208581.jpg" width=380 border=0><BR><BR>2.使用自定义形状工具,选择里面的花6形状。<BR><IMG style="FILTER: ; WIDTH: 283px; HEIGHT: 222px" height=222 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220242858.jpg" width=283 border=0><BR><BR>3.选中顶部的添加到形状区域选项。<BR><IMG style="FILTER: ; WIDTH: 159px; HEIGHT: 72px" height=72 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220259525.jpg" width=159 border=0><BR><BR>4.在矩形左侧创建花形图片,花形的直径等于矩形的宽度。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220312115.jpg" width=380 border=0><BR><BR>5.同时在右侧也建一个相同的花形图片。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220339351.jpg" width=380 border=0><BR><BR>6.选择路径选择工具选择这三个图形,选择上面的组合按钮使他们组合。<BR><IMG style="FILTER: ; WIDTH: 277px; HEIGHT: 67px" height=67 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220359990.jpg" width=277 border=0><BR><BR>7.选择你喜欢的颜色进行填充。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220412836.jpg" width=380 border=0><BR><BR>8.双击该层,打开图层样式表。进行描边,设置如下:<BR><IMG style="FILTER: ; WIDTH: 373px; HEIGHT: 332px" height=332 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220517660.jpg" width=373 border=0><BR><BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220534678.jpg" width=380 border=0><BR><BR>9.复制层,使用直接选择工具,删除左边过多的节点。使用钢笔工具连接断掉的节点,并完善这个路径形状,最后填充相似的高亮色彩。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220557255.jpg" width=380 border=0><BR><BR>10.使用椭圆工具画一个正圆形,放到如图位置。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220612316.jpg" width=380 border=0><BR><BR>11.创建其它的圆形,放到相应的位置。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220634815.jpg" width=380 border=0><BR><BR>12.利用圆角矩形工具创建一个圆角矩形。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220654619.jpg" width=380 border=0><BR><BR>13.用Ctrl+T快捷键进行变形。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 196px" height=196 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220709444.jpg" width=380 border=0><BR><BR>14.调解两节点的形状,使其变成梯形。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 118px" height=118 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220732373.jpg" width=380 border=0><BR><BR>15.双击该层进入图层样式。进行描边。如下图:<BR><IMG style="FILTER: ; WIDTH: 365px; HEIGHT: 327px" height=327 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220753817.jpg" width=365 border=0><BR><BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220813136.jpg" width=380 border=0><BR><BR>16.插入几只可爱的动物图片放到显得空旷的位置,使页面有生气。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220829415.jpg" width=380 border=0><BR><BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220848224.jpg" width=380 border=0><BR><BR>17.放入要做链接按钮的文字。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220903757.jpg" width=380 border=0><BR><BR>18.然后将站点名字写入圆角矩形中,并利用图层样式做外发光效果。放入其它欢迎类的文字。<BR><IMG style="FILTER: ; WIDTH: 380px; HEIGHT: 117px" height=117 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060426220917137.jpg" width=380 border=0><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

梦无间 发表于 2007-8-30 08:52:02

哈哈哈,好东西呀........
页: [1]
查看完整版本: 利用PhotoShop制作卡通风格导航栏