旅行社网页
- 2021-12-02
- 来源/作者: tlvi.net / 腾龙视觉
- 3 次浏览
旅行社网页中的信息内容,应该都与其景点业务有关。使人们足不出户就可以了解更多旅游景点的情况,因此在旅行社网页的页面设计,应以景点介绍为主,并辅以必要的文字说明。如图9-2所示,为本实例的完成效果。
图9-2 本实例完成效果
技术提示
该实例艺术效果强烈,画面色彩浓重犹如画,作为旅游社的网页页面非常吸引人。在制作的过程中,主要是编辑素材图片的操作,通过蒙版的编辑,将几幅不同的素材图片经修饰后组织在一幅画面中,然后将画面分为天空、草地和河流三部分来分别调整色调,最后添加装饰光线和小船,提亮画面。如图9-3所示,为本实例的制作流程。
图9-3 本实例制作流程
制作步骤
(1)启动Photoshop,执行“文件”→“打开”命令,打开本附带光盘\Chapter-09\“风景1.jpg”文件。如图9-4所示。
图9-4 打开素材图片
(2)再次打开本书附带光盘\Chapter-09\“风景2.jpg”文件,使用工具箱中的
图9-5 添加素材图像
(3)单击“图层”调板底部的“添加图层蒙版”按钮,为“图层 1”添加图层蒙版,使用工具箱中的
“画笔”工具,在视图中进行涂抹,对蒙版进行编辑,将部分图像遮盖,使其与背景图像融合。如图9-6所示。
图9-6 添加并编辑蒙版
(4)在“图层”调板中,将“图层 1”的混合模式设置为“亮度”。效果如图9-7所示。
提示:通过调整混合模式以及添加蒙版对边缘进行遮罩处理,使得两幅图像完美的结合在一起,既有树又有水,在接下来的操作中我们再为图像添加云彩。
图9-7 设置图层
混合模式(5)接下来将本书附带光盘\Chapter-09\“风景3.jpg”文件打开,并添加到“风景 1.jpg”文档中。使用同样方法,为图像所在“图层2”添加图层蒙版,并对蒙版进行编辑,制作出如图9-8所示的图像效果。
图9-8 添加素材图片
(6)确定“图层 2”为当前可编辑状态,单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相/饱和度”命令,参照图9-9所示对打开的“色相/饱和度”对话框进行设置,更改图像的色调。
图9-9 调整图像色调
(7)确定前景色为黑色,选择工具箱中的“画笔”工具,对添加的“色相/饱和度 1
图9-10 对调整图层蒙版进行编辑
(8)使用同样操作方法,添加“色相/饱和度 2”调整图层,并使用“画笔”工具对“色相/饱和度 2”调整图层的蒙版进行编辑,对部分图像色调进行调整。如图9-11所示。
图9-11 调整部分图像色调
(9)接下来使用同样方法再添加“色相/饱和度 3”调整图层,并对其调整图层的蒙版进行编辑,将图像中的天空部分调整成如图9-12所示的效果。
提示:在处理图像颜色时,将图像分成天空、河流和草地三部分来分别调整颜色,最后调整的颜色将更加真实自然且视觉效果突出。
图9-12 调整天空图像色调
(10)下面来制作光束效果。在“图层”调板中,新建“图层 3”,使用工具箱中的

图9-13 绘制选区并填充颜色
(11)保持选区的浮动状态,依次执行“选择”→“修改”→“收缩”命令和“选择”→“羽化”命令,参照图9-14所示设置对话框,对选区进行修改。
图9-14 修改选区
(12)确定“图层 3”为当前可编辑状态,按下<Delete>键,将选区内的图像删除,按下<Ctrl+D>键,将选区取消。效果如图9-15所示。
图9-15 删除图像
(13)为“图层 3
”添加图层蒙版,使用工具箱中的
图9-16 编辑图层蒙版
(14)在“图层”调板中激活“图层3”的图层缩览图,使图像为当前可编辑状态,执行“滤镜”→“模糊”→“高斯模糊”命令,参照图9-17所示设置对话框,将图像模糊,然后再将“图层 3”的混合模式设置为“叠加”。
提示:对图像执行高斯模糊命令,可以使图像产生一种朦胧效果,避免边缘太过生硬。
图9-17 为图像添加模糊效果
(15)使用同样操作方法,制作出其他光束图像。效果如图9-18所示。
图9-18 制作其他光束图像
(16)打开本书附带光盘\Chapter-09\“船
.psd”文件,使用
图9-19 添加素材图片
(17)最后分别将本书附带光盘\Chapter-09\“风景4.jpg”和“风景5.jpg”文档中的图像添加到“风景1”文档中,并对图像色调进行调整。然后在视图中添加相关的文字信息和装饰图像,完成旅行社网页的制作。如图9-20所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-09\“旅行社网页.psd”文件进行查看。
图9-20 实例完成效果