photoshop教程：创建清新、色彩生动的网页布局7

第二十四步

　　1.　在组“案例”中新建组，命名为“图片”，在组里放置一张小图片，双击图层，设置如下图的图层样式“外发光”

　　2.　新建组，选取字体工具（T），在蓝色矩形左边添加文字说明（这个得自己发挥了），组命名为“文字”。

　　第二十五步：创建内容区

　　1.　新建组，放在组“案例”下面，命名为“内容”，在此组里再新建一组“阴影”，选取矩形工具（U），创建一白色矩形（983*181），图层命名为“白色形状”，透明度为90%。

　　2.　像二十一步中的第4点一样，选中“白色形状”的图层蒙版，然后新建图层，命名为“头部阴影”，选取渐变工具（G），画一个颜色为#8f8f8f到透明的渐变，方向为选区的头部到选区的底部，设置图层透明度为50%，然后选取移动工具（V），按键盘上的向下的方向键两次

　　3.　新建图层，选取矩形选框工具（M）像下图一样新建选区（273*180）。选取渐变工具（G）画一个颜色#8f8f8f到透明的渐变，然后取消选区，以下图为参考。

　　4.　添加图层蒙版（图层>图层蒙版>显示全部），使用大一点的黑色软笔刷（我用的是27px），涂在阴影中间部分上面，设置图层透明度为30%，命名为“垂直阴影1”，复制（ctrl+j）图层“垂直阴影1”，移动至右边，重命名为“垂直阴影2”。　　

　　5.　选取线条工具（U），新建重1px，颜色为#aebcc7的水平线，将图层转换为智能对象（右击图层，在下拉菜单中选择“转换为智能对象”）图层命名为“水平线”。

　　6.　选取字体工具（T），编辑网站内容，您也可以使用图片或别的来替换