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

　第四步：为内容添加黑色背景

　　新建图层，选择圆角矩形工具（U），设置3px的半径，创建一个黑色圆角矩形框，双击图层，弹出“图层样式”对话框，如下图一样设置“阴影”，最后设置此图层的透明度为70%，图层命名为：“黑色形态”，如下图所示：

　　第五步：添加组管理图层

　　按住ctrl键，选择目前为止创建的所有图层，进行图层编组（ctrl+g），组命名为：背景，如下图所示。

　　第六步：创建更多组

　　新建组（图层>新建>图层编组），组命名为：主页，在“主页”内再增加一个组，组命名为“logo”，如图所示：

第七步：创建logo和网站副标题

　　在“logo”的组里新建图层，选取字体工具（T），书写您的网站名字，颜色为#f4f4f4。双击图层，按照下图设置图层样式，“斜面与浮雕”，“外发光”，“渐变叠加”。然后再新建图层编辑网站副标题，颜色为#eeeeee。

　　第八步：创建”注册“，”登录“按钮

　　现在将在布局的右上角创建两个按钮。

　　新建组，命名为“注册｜登录”；选取圆角矩形工具（U），像我一样创建圆角矩形；双击形状图层，弹出图层样式对话框，如下图进行设置。

　　设置前景颜色为白色，用字体工具（T）在按钮上编写“注册｜登录”，设置字体层的透明度为75%。

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

品牌风云最新热文