多语言展示
当前在线:103今日阅读:91今日分享:37

PS如何制作网页

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

Photoshop软件

2

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点、西文字体(Lithos Pro)、颜色RGB为(188.202.112)和(143.86.46)输入标题文字。效果如图所示。

14

最终效果图如图所示。

推荐信息