教你做一个简单但好看的网页 (第二集)
photoshop网页设计最终效果图
运用圆角矩形工具在导航下方拉一个圆角矩形，宽高如图：
拖入素材，对素材层执行剪切蒙版，如下图：
再次用圆角矩形工具，图片的下面再拉出一个圆角矩形，并运用锚点工具将右侧的两个圆角改为直角，图层样式>渐变叠加。
再下一层再拉出一个圆角矩形，同样添加渐变叠加。
得到如下效果：
接下来用软的笔刷工具为上下两层加上亮角，颜色为# 0099CC
加上文字和图片，并且在左上角注明标题（添加外发光样式，系数给出），右上角注明日期和另外一个logo出现过的五角星（笔刷工具）。
再在下面添加一个类似层，你将得到如下效果，
继续在画布右侧，画出两个前面我们做过的渐变（垂直）交叉层，渐变系数给出。
得到以下效果：
添加上文字和图片，
将以上三个图层放如一个组中，复制组，放置在下方。
用矩形工具在下方做出若干个矩形图形，交替的添加渐变样式（垂直），渐变系数分别给出。
添加上文字和标题，所用字体（标题的外发光样式）同上。
矩形工具，拉一个大的圆角矩形，包括页面以下的两个板块，添加渐变样式(垂直)。
添加蒙版，略微用黑色笔刷在蒙版上将两边擦暗一点，得到如下效果。
再次用椭圆形状工具+变形工具，在页面底部同样拉出不规则的若干椭圆形状，添加上颜色#0066cc。
想看最终大图，点这里。
大功告成，我们就得到了如此精致绚丽的网页，该教程主要是训练了学习者对于网页层次感的把握以及细节的处理，跟着做一遍能大有收获的。
原文连接：http://www.adobetutorialz.com/articles/2867/1/Sound-System-Studio-Web-Layout/1
注。原文来自adobetutorialz。本教程属原创翻译。如需转载本教程文字及图片。请联系PS真功夫。
评论这篇教程