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

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

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

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

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

第九步：创建1px高的蓝色水平线

新建组，命名为“导航”，新建图层，选取单行选框工具并在文档新建1px高的选区，以颜色#406f94进行填充，使用矩形选框工具（M）删除超出黑色矩形的选区，设置透明度为40%，层命名为“横线”。

第十步：给导航添加渐变

选取矩形选框工具（M）创建选区（提示：你可以使用标尺），然后使用渐变工具（G）从底部到头部画一个从#35423e到透明的渐变。按 Ctrl+D撤消选区，右击图层，转换为“智能对象”，然后再转到菜单　滤镜>杂色>添加杂色，并按照下图进行设置。给此图层命名为“渐变 ”，且在渐变与横线之间留出1px的距离。