photoshop制作一款漂亮的网页模板(2)

同样在右侧添加迷你导航，


添加导航,




在导航右侧画一个渐变圆角矩形，添加图层样式渐变叠加、描边，系数如下：






,在矩形内添加必要说明， 运用 圆角矩形工具 在导航下方拉一个圆角矩形，宽高如图： 拖入素材，对素材层执行 剪切蒙版 ，如下图： 再次用圆角矩形工具，图片的下面再拉出一个圆角矩形，并运用锚点工具将右侧的两个圆




在矩形内添加必要说明，


运用圆角矩形工具在导航下方拉一个圆角矩形，宽高如图：


拖入素材，对素材层执行剪切蒙版，如下图：


再次用圆角矩形工具，图片的下面再拉出一个圆角矩形，并运用锚点工具将右侧的两个圆角改为直角，图层样式 渐变叠加。






再下一层再拉出一个圆角矩形，同样添加渐变叠加。




得到如下效果：


接下来用软的笔刷工具为上下两层加上亮角，颜色为# 0099CC


加上文字和图片，并且在左上角注明标题(添加外发光样式，系数给出)，右上角注明日期和另外一个logo出现过的五角星(笔刷工具)。






再在下面添加一个类似层，你将得到如下效果，


,继续在画布右侧，画出两个前面我们做过的渐变(垂直)交叉层，渐变系数给出。






得到以下效果：


添加上文字和图片， 将以上三个图层放如一个组中，复制组，放置在下方。 用 矩形工具 在下方做出若干个矩形图形，交替的添加渐变样式(垂直)，渐变系数分别给出。 添加上文字和标题，所用字体(标题的外发光样式)同上