ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4762|回复: 0
收起左侧

[网页图片] 利用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>动态形状:大小抖动 &gt;&gt; 100%,控制 &gt;&gt; 钢笔压力,最小直径 &gt;&gt; 50%,角度抖动 &gt;&gt; 50%,圆度抖动 &gt;&gt; 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>&nbsp;</DIV>
<DIV>散布: 150%,控制 &gt;&gt; 关,数量 &gt;&gt; 1,数量抖动 &gt;&gt; 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、菜单 编辑 &gt;&gt; 自由变换,将图形缩小。</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、菜单 &gt;&gt;&nbsp;滤镜 &gt;&gt; 锐化 &gt;&gt;&nbsp;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>&nbsp;</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、复制顶层和底层,并将他们水平翻转(编辑 &gt;&gt; 变换 &gt;&gt; 水平翻转)置于如下所示位置。</DIV>
<DIV>&nbsp;</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、将侧线所在图层隐藏,合并可见图层,并复制合并后的图层。垂直翻转该层(编辑 &gt;&gt; 变换 &gt;&gt; 垂<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>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-3-29 17:44 , Processed in 0.038746 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表