PS如何制作网页

时间：2023-09-24 12:30:02 | 来源：网站运营

时间：2023-09-24 12:30:02 来源：网站运营

PS如何制作网页：网页设计包含了背景、导航条、按钮、logo、文字等元素，用Photoshop软件将这些元素进行组合排版制作。本次案例以电影网站为设计主题。







方法/步骤

新建一个空白文件，打开“素材/网页素材1.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层 1”。使用“自由变换”调整大小。效果如图所示。



















使用 “矩形工具”将网页布局划分、颜色白色RGB为（255.255.255）、设置图层混合模式：投影效果如图所示。



















将形状图形载入选区。创建一个新图层“图层2”，使用 “渐变工具”颜色RGB为（178.178.178）（255.255.255）填充渐变效果，如图所示。



















使用“移动工具”将导航条图片移至当前画布中，得到“图层 3”。使用“自由变换”调整大小，如图所示。



















制作内容，打开“素材/网页素材3.jpg、网页素材4.jpg、网页素材5.jpg、网页素材6.jpg、网页素材7.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层 4”、“图层 5”、“图层 6”、“图层 7”、“图层 8”。使用“自由变换”调整大小。效果如图所示。



















使用 “横排文字工具”字体大小为14点、中文字体（幼圆）、颜色RGB为（143.86.46）输入每部电影的名称，效果如图所示。



















打开“素材/网页素材8.jpg、网页素材9.jpg、网页素材10.jpg”文件，使用“移动工具”将图片移至当前画布中，得到“图层 9”、“图层 10” “图层11”，使用“自由变换”调整大小。效果如图所示。



















使用 “横排文字工具”字体大小为18点、中文字体（黑体）、颜色RGB为（143.86.46）输入每部电影简介。效果如图所示。



















打开“素材/网页素材11.jpg”文件，使用“移动工具”将表格图片移至当前画布中，得到“图层 12”，使用“自由变换”调整大小。效果如图所示。



















使用 “横排文字工具”字体大小为18点、中文字体（宋体）、颜色RGB为（143.86.46）输入数字制作选择菜单。打开“素材/第9章/网页素材12.jpg、网页素材13.jpg”文件，使用“移动工具”将按钮图片移至当前画布中，得到“图层 13”、“图层 14”，删除不需要的背景，使用“自由变换”调整大小。效果如图所示。



















绘制矩形选区，单击按钮创建“图层15”，使用 “渐变工具”填充颜色RGB为（255.255.255）到透明的渐变效果。选择 “横排文字工具”字体大小为16点、西文字体（Verdana）、颜色RGB为（255.255.255）输入字体。效果如图所示。



















打开“素材/网页素材14.jpg”文件，使用“移动工具”将标志图片移至当前画布中，得到“图层 16”，使用“自由变换”调整大小。效果如图所示。



















使用 “横排文字工具”字体大小为40点、西文字体（Lithos Pro）、颜色RGB为（188.202.112）和（143.86.46）输入标题文字。效果如图所示。













最终效果图如图所示。