利用PhotoShop制作网站菜单列表框

查查 · 发表于 2007-4-29 07:00:11

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

<DIV>步骤 1、创建新文件，大小400 x 400像素，记住一定要将背景设为透明。</DIV><BR>
<P align=center><IMG height=328 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224402684.gif" width=417 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 2、为了便于观察，我给背景填充了灰色，我们可以在完成之后删除该层。 </DIV><BR><BR>
<DIV>步骤 3、创建新图层，使用钢笔工具（ <IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224406212.gif" width=21 border=0> ）创建如下定位点。</DIV><BR>
<P align=center><IMG height=426 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224407920.gif" width=409 border=0></P><BR>
<DIV>步骤 4、创建一条曲线连接点3和点1。</DIV><BR>
<P align=center><IMG height=423 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224413521.gif" width=404 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 5、选择路径面板。 </DIV><BR>
<P align=center><IMG height=248 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224422577.gif" width=210 border=0></P><BR><BR>
<DIV>步骤 6、右键点击路径层，选择“建立选区”。</DIV><BR>
<P align=center><IMG height=245 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224424936.gif" width=207 border=0></P><BR><BR>
<DIV>步骤 7、创建新的图层，并用深色（#1D1D1D）填充。</DIV><BR>
<P align=center><IMG height=423 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224428484.gif" width=404 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 8、创建新的图层，如下图所示，在图形上方建立一矩形选区，并用黑白渐变填充。 </DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224442535.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 9、充分利用你的创造力，在图形左边和上方创建更多的边框。 </DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224444940.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 10、创建多个新的图层，并分别在各图层上创建任意形状，修改各图层透明度（范围在50%左右）。 </DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224446512.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 11、给画面添加杂色，使用画笔工具（<IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224448811.gif" width=25 border=0>）并选择如下笔刷。</DIV><BR>
<P align=center><IMG height=373 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224448208.gif" width=345 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 12、创建新的图层，在界面右上方选择“画笔”。</DIV><BR>
<P align=center><IMG height=217 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224455992.gif" width=302 border=0></P><BR><BR>
<DIV>步骤 13、选择如下设置：<BR>动态形状：大小抖动 >> 100%，控制 >> 钢笔压力，最小直径 >> 50%，角度抖动 >> 50%，圆度抖动 >> 50%。</DIV><BR>
<P align=center><IMG height=424 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224459737.gif" width=349 border=0></P>
<DIV> </DIV>
<DIV>散布： 150%，控制 >> 关，数量 >> 1，数量抖动 >> 50%。</DIV><BR>
<P align=center><IMG height=424 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224504343.gif" width=349 border=0></P><BR><BR>
<DIV>步骤 14、在新建的图层上，使用浅灰色，在图形边缘使用笔刷绘制杂色效果。 </DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224537590.gif" width=400 border=0>. </P>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224542451.gif" width=400 border=0></P>
<DIV>步骤 15、继续在图形上绘制各种深浅的杂色效果。</DIV>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224546834.gif" width=400 border=0></P>
<DIV></DIV><BR>
<DIV>步骤 16、删除背景层，合并可见图层。</DIV><BR><BR>
<DIV>步骤 17、菜单编辑 >> 自由变换，将图形缩小。</DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224550794.gif" width=400 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 18、菜单 >> 滤镜 >> 锐化 >> USM锐化，并按如下设置：<BR></DIV>
<P align=center><IMG height=416 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224551297.gif" width=316 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 19、复制图曾（右键点击图层并选择复制图层），并将复制层置于原图层下方。选择移动工具（<IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224552660.gif" width=25 border=0>）<BR>将复制层移动到如下位置。</DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224553133.gif" width=400 border=0></P><BR>
<DIV>步骤 20、创建新的图层并将它置于上两层之间。</DIV>
<DIV> </DIV>
<P align=center><IMG height=249 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224554640.gif" width=209 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 21、在新建图层上选取矩形选区，并填充你喜欢的颜色。 </DIV><BR>
<P align=center><IMG height=428 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224557248.gif" width=408 border=0></P><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224600613.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 22、复制顶层和底层，并将他们水平翻转（编辑 >> 变换 >> 水平翻转）置于如下所示位置。</DIV>
<DIV> </DIV>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224601275.gif" width=400 border=0></P>
<DIV></DIV><BR>
<DIV>步骤 23、创建新的图层，使用铅笔工具（<IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224602350.gif" width=25 border=0>）给矩形绘制两条浅灰色边框。<BR><BR></DIV>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224602389.gif" width=400 border=0></P>
<DIV></DIV><BR><BR>
<DIV>步骤 24、使用橡皮擦工具（<IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224603272.gif" width=25 border=0>），按步骤13所示设置笔刷。 </DIV><BR>
<DIV><BR>步骤 25、在线条边缘轻轻涂抹得到如下效果。 </DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224603650.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 26、采用相同的方法制作2侧线条。</DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224604889.gif" width=400 border=0></P>
<DIV></DIV><BR>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224605192.gif" width=400 border=0></P><BR><BR>
<DIV>步骤 27、将侧线所在图层隐藏，合并可见图层，并复制合并后的图层。垂直翻转该层（编辑 >> 变换 >> 垂<BR>直变换）并移动到如下所示位置。</DIV>
<DIV><BR></DIV>
<P align=center><IMG height=250 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224605981.gif" width=213 border=0></P>
<DIV><BR><BR></DIV>
<P align=center><IMG height=400 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224607706.gif" width=400 border=0></P>
<DIV><BR></DIV><BR>
<DIV>步骤 28、最后加入菜单文字和背景色。 </DIV><BR>
<P align=center><IMG height=307 src="http://www.cgfancy.com/Article/UploadFiles/200604/20060407224350499.gif" width=311 border=0></P><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>

账号		自动登录	找回密码
密码			注册

[网页图片] 利用PhotoShop制作网站菜单列表框

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。