在这篇网页设计教程中，你将学习如何设计优雅并专业的网页布局，我们将运用各种photoshop技巧，依靠图形工具和图层样式等基本操作来实现此布局。作为奖励，在教程结束后附有HTML/CSS/JavaScript的网站模板，完全免费下载。

继上篇”碳纤维风格的插入式导航菜单“，Richard Carpenter把菜单图片转化为CSS/HTML文档了。我们就一起接着学习吧！在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白HTML文件”index.html”，空白CSS文件”styles.css”，styles.css放在另一个文件夹”stylesheets”中，最后再新建文件夹”images”存放图片。

这篇字体教程，我将一步一步向您展示非常美观又抽象的字体特效是如何练成的。第一步：新建文档　宽1400px，高650px。使用以下渐变（#474747–>#0c0c0c）填充背景图层;第二步：在背景图层上方新建一命名为“高光顶部”的图层，选取一大点(1000px)的白色软笔刷，单击画布的顶部中心地区。

接上篇　“photoshop教程–创建清新、色彩生动的网页布局（上）”
这篇的最终效果图：

第十一步：编辑导航菜单
选取字体工具（T），并在导航栏上编辑菜单，这里我应用的字体是Adobe仿宋体，然后双击字体图层，按下图一样设置图层样式。

想在您的网站上添加一款酷黑的导航条吗？这篇教程将教您快速而有效的制作一款导航条并添加到您的网站中。
先预览下最终效果吧！很酷哦！

第一步：基本要领
创建新的psd文档，宽度700px，高度160px，背景色以黑灰色（#2b2b2b）填充。
新建图层，图层属性为“导航条”，选择圆角矩形工具，设置前景色为黑色（#000000）如下图一样画一矩形条（长度和宽度可自行处理）。

2009年还有1个多月就要结束了，在这样一个时候我们要跟大家分享的是2009年度TOP30佳photoshop精品教程。这些photoshop国外教程对于ps新手和高手都非常的不错，可以学到不少有用的photoshop技巧。当然这个名单只是我个人的意见，如果你有更好的教程值得加入这个名单，你可以留言告诉我你的排行榜。