利用Photoshop制作极具个性的金属导航栏_网页logo教程

查查发表于 2007-5-6 11:12:25

利用Photoshop制作极具个性的金属导航栏

步骤 1 利用圆角矩形工具绘制如下矩形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192624602.jpg">
 
步骤 2 在顶部状态栏选择“从形状中减去”，在如下位置建立一矩形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192626790.jpg">
步骤 3 在顶部状态栏选择“添加到形状”，在图形左上角绘制另一个矩形，使用直接选取工具（<IMG height=21 src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118190144658.gif" width=25 border=0>）将矩形一个节点按如下方式移动。 
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192338483.jpg">
 
图层 >> 图层样式 >> 内阴影。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192347240.jpg">
渐变叠加：
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192354363.jpg">
描边：
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192401104.jpg">
得到如下效果：
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192404950.jpg">
 
步骤 4 复制图层，并稍稍缩小，去除描边样式，并按下图设置“渐变叠加”样式。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192405654.jpg">
渐变叠加：
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192407422.jpg">
得到如下效果：
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192414400.jpg">
步骤 5 类似的创建右下角形状并按步骤 3设置图层样式。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192415323.jpg">
步骤 6 重复步骤 4 的方法得到如下图形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192417799.jpg">
步骤 7 创建一个矩形，按下 Ctrl+T，右键打开快捷菜单并选择“透视”，调节节点得到如下所示平行四边形，按步骤 3 设置图层样式。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192423601.jpg">
步骤 8 复制多个平行四边形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192428224.jpg">
步骤 9 在如下位置绘制一矩形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192433438.jpg">
步骤 10 利用椭圆工具绘制一小椭圆形。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192438768.jpg">
步骤 11 复制多个椭圆并按下图所示方法排列。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192443727.jpg">
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192445845.jpg">
步骤 12 采用类似的方法完成另一边的制作。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192450315.jpg">
步骤 13 创建新的图层，选择1像素笔刷，创建如下黑白小点。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192453124.jpg">
步骤 14 合并所有图层，按下 Ctrl+L 打开色阶窗口，并按下图设置。
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192455808.jpg">
大功告成！
<IMG src="http://www.cgfancy.com/Article/UploadFiles/200611/20061118192459425.jpg">
 <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

飘眇菩提星 发表于 2010-2-20 21:16:45

不错，很有金属感的感觉！

sorryfeng09 发表于 2010-5-9 23:33:52

为什么我看不见

Ps丶尛立 发表于 2010-5-29 15:52:41

photoshop:0037photoshop:0037photoshop:0037
不是很清楚

页: [1]

ps教程论坛's Archiver

利用Photoshop制作极具个性的金属导航栏