网页效果图成品如下：

成品

直接开始：

在Photoshop中新建文件

新建文档

使用矩形选区，选中工作区，再使用油漆桶工具填充颜色灰色，颜色的十六进制值为#e0dbdb

灰色

借助标尺来辅助工作区的分割：Ctrl+R（或者视图菜单里的“标尺”），从标尺上拖动得到参考线，放在计划位置（离左右边距200像素）

标尺辅助

header区域制作

•新建header图层组， –在图层组离新建图层“背景” –在背景顶部绘制矩形选区，高度 110像素 –填充颜色 #111111

•对header图层组里的背景图层设置样式 –内发光，杂色 100，大小 62，不透明度 10

header图层组里背景图层样式设置

•在背景底部添加阴影 –使用矩形选区工具绘制矩形选区，高度33像素 –使用渐变工具（ 左边颜色为黑色，右边不透明度为100% ），对矩形选区填充渐变。

底部阴影渐变填充

•添加LOGO图层

LOGO

相关资源来自网络，特表感谢，如有侵权，请联系删除。