Photoshop中创建简洁专业的网页设计(5)

35 复制”about” 组 命名为 “services“. 再重新复制一组命名为”portfolio“. 我们现在有三个组(“about”, “services”, and “portfolio”). 移动最后的组(“portfolio”)到右侧的参考线.

36 在面板选中三个组,点击图层>分布> 水平中心分布. 点击 查看一下大图.

37 变更 “services” 组 (center) 和 “portfolio” 组 (right) 如下.

创建页脚

38 新建组命名为”footer“. 选择矩形工具(U)然后创建矩形大小为1200px 乘以100px 在我们布局的底部. 命名为 “footer bg“. 复制 “header bg” 层的图层样式并且应用.

选择文字工具,写上版权声明文字,和链接,样式为Arial, 大小为12pt ,灰色(#dddddd).

40 我们开始在邮件增加邮件描述.创建新组在”footer” 层,命名为 “subscribe“.选择圆角椭圆形工具(U) 创建矩形大小85px 乘以 35px.图层命名为”subscribe btn“.

41 重复26步增加表单和标签.

42选择文字工具,拼写”Subscribe” 样式Arial,Bold大小13pt. 选择所有层(“subscribe btn” 和 “Subscribe text”).

43 重复28步创建按钮.

44选择椭圆矩形工具 (U)设置半径为3px.创建椭圆矩形为210px 乘以35px 应用白色为主(#ffffff)命名该层为”email field“.

最后结果

最后结果已经完成, 点击预览.