网页设计包含了背景、导航条、按钮、logo、文字等元素，用Photoshop软件将这些元素进行组合排版制作。本次案例以电影网站为设计主题。
工具/原料
Photoshop软件
PC机
方法/步骤
1、新建一个空白文件，打开“素材/网页素材1.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层1”。使用“自由变换”调整大小。效果如图所示。
2、使用“矩形工具”将网页布局划分、颜色白色RGB为（255.255.255）、设置图层混合模式：投影效果如图所示。
3、将形状图形载入选区。创建一个新图层“图层2”，使用“渐变工具”颜色RGB为（178.178.178）（255.255.255）填充渐变效果，如图所示。
4、使用“移动工具”将导航条图片移至当前画布中，得到“图层3”。使用“自由变换”调整大小，如图所示。
5、制作内容，打开“素材/网页素材3.jpg、网页玟姑岭箫素材4.jpg、网页素材5.jpg、网页素材6.jpg、网页素材7.jpg”文件，使吹涡皋陕用“移动工具”将图片移至当前画布中，得到“图层4”、“图层5”、“图层6”、“图层7”、“图层8”。使用“自由变换”调整大小。效果如图所示。
6、使用“横排文字工具”字体大小为14点、中文字体（幼圆）、颜色RGB为（143.86.46）输入每部电影的名称，效果如图所示。
7、打开“素材/网页素材8.jpg、网页素材霁授作犬9.jpg、网页素材10.jpg”文件，使用“移动工具”将图片移至当前画布中芟坳葩津，得到“图层9”、“图层10”“图层11”，使用“自由变换”调整大小。效果如图所示。
8、使用“横排文字工具”字体大小为18点、中文字体（黑体）、颜色RGB为（143.86.46）输入每部电影简介。效果如图所示。
9、打开“素材/网页素材11.jpg”文件，使用“移动工具”将表格图片移至当前画布中，得到“图层12”，使用“自由变换”调整大小。效果如图所示。
10、使用“横排文字工具”字体大小为18点、中文字体（宋体）、颜色RGB为（143.86.46）输入墙绅褡孛数栓疠瑕愤字制作选择菜单。打开“素材/第9章/网页素材12.jpg、网页素材13.jpg”文件，使用“移动工具”将按钮图片移至当前画布中，得到“图层13”、“图层14”，删除不需要的背景，使用“自由变换”调整大小。效果如图所示。
11、绘制矩形选区，单击按钮创建“图层15”，使用“渐筐毙险裆变工具”填充颜色RGB为（255.255.255）到透明的渐变效磨营稼刻果。选择“横排文字工具”字体大小为16点、西文字体（Verdana）、颜色RGB为（255.255.255）输入字体。效果如图所示。
12、打开“素材/网页素材14.jpg”文件，使用“移动工具”将标志图片移至当前画布中，得到“图层16”，使用“自由变换”调整大小。效果如图所示。
13、使用“横排文字工具”字体大小为40点、西文字体（LithosPro）、颜色RGB为（188.202.112）和（143.86.46）输入标题文字。效果如图所示。
14、最终效果图如图所示。
