当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 网页制作 > 旅行社网页

旅行社网页

  • 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”文件,使用工具箱中的

“移动”工具,将该文档中的图像拖动到“风景1.jpg”文档中的相应位置,在“图层”调板中生成“图层1”。如图9-5所示。

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所示。

9-10  对调整图层蒙版进行编辑

8)使用同样操作方法,添加“色相/饱和度 2调整图层,并使用“画笔”工具对“色相/饱和度 2调整图层的蒙版进行编辑,对部分图像色调进行调整。如图9-11所示。

9-11  调整部分图像色调

9)接下来使用同样方法再添加“色相/饱和度 3调整图层,并对其调整图层的蒙版进行编辑,将图像中的天空部分调整成如图9-12所示的效果。

提示:在处理图像颜色时,将图像分成天空、河流和草地三部分来分别调整颜色,最后调整的颜色将更加真实自然且视觉效果突出。

9-12  调整天空图像色调

10)下面来制作光束效果。在“图层”调板中,新建“图层 3,使用工具箱中的“多边形套索”工具,在视图中创建出如图9-13所示的选区,然后将选区填充为白色。

9-13  绘制选区并填充颜色

11)保持选区的浮动状态,依次执行“选择”→“修改”→“收缩”命令和“选择”→“羽化”命令,参照图9-14所示设置对话框,对选区进行修改。

9-14  修改选区

12)确定“图层 3为当前可编辑状态,按下<Delete>键,将选区内的图像删除,按下<Ctrl+D>键,将选区取消。效果如图9-15所示。

9-15  删除图像

13)为“图层 3

添加图层蒙版,使用工具箱中的“画笔”工具对蒙版进行编辑,制作出光束效果,如图9-16所示。

9-16  编辑图层蒙版

14)在“图层”调板中激活“图层3”的图层缩览图,使图像为当前可编辑状态,执行“滤镜”→“模糊”→“高斯模糊”命令,参照图9-17所示设置对话框,将图像模糊,然后再将“图层 3的混合模式设置为“叠加”。

提示:对图像执行高斯模糊命令,可以使图像产生一种朦胧效果,避免边缘太过生硬。

9-17  为图像添加模糊效果

15)使用同样操作方法,制作出其他光束图像。效果如图9-18所示。

9-18  制作其他光束图像

16)打开本书附带光盘\Chapter-09\“船

.psd”文件,使用“移动”工具,将图像拖动到“风景 1”文档中的相应位置。效果如图9-19所示。

9-19  添加素材图片

17)最后分别将本书附带光盘\Chapter-09\“风景4.jpg”和“风景5.jpg”文档中的图像添加到“风景1”文档中,并对图像色调进行调整。然后在视图中添加相关的文字信息和装饰图像,完成旅行社网页的制作。如图9-20所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-09\“旅行社网页.psd”文件进行查看。

9-20  实例完成效果