网页界面上的图像本身比文字更容易吸引人，在本节制作的古典文学网页中，以书籍、信纸、鸡毛笔等图像作为画面的主体构图元素，这些元素的巧妙组合以及色调的合理把握，为画面营造出比较浓厚的文学色彩，如图11-79所示，为本实例的完成效果。

图11-79  本实例完成效果

技术提示

在本实例中选择一种棕色作为主色调，通过微调色彩的名度和色相的方法来产生色彩的微妙变化，这样的处理使页面看起来色彩统一，有层次感。各种元素的搭配处理，使画面带有一种浓厚的文学气息，羽毛图像调节了整个画面的气氛，使其不会显得太过沉闷。在制作过程中，使用云彩命令制作出书籍封面的纹理效果，并添加图层样式制作出立体效果，然后对细节部位进行调整，信纸的制作相对比较简单，使用加深和减淡工作制作出纸张的褶皱变化。如图11-80所示，为本实例的制作流程。

图11-80  本实例制作流程

制作步骤

（1）启动Photoshop，执行“文件”→“打开”命令，打开本书附带光盘\Chapter-11\“背景花纹.jpg”文件，如图11-81所示。

图11-81  打开素材图片

（2）在“图层”调板中，单击调板底部的“创建新组”按钮，新建一

个图层组，并将该图层组的名称更改为“书”，接着在该图层组内新建“图层 1”。设置前景为土黄色，使用工具箱中的“圆角矩形”工具，在视图中绘制圆角矩形图像，如图11-82所示。

图11-82  绘制圆角矩形图像

（3）使用工具箱中的“加深”工具，对圆角矩形图像的局部颜色进行加深处理。如图11-83所示。

图11-83  加深图像颜色

（4）接下来单击“图层”调板底部的“添加图层样式”按钮，在弹出的菜单中执行“投影”命令，参照图11-84所示对打开的“图层样式”对话框进行设置，为图像添加“投影”和“内发光”效果。

图11-84  设置图层样式

（5）新建“图层 2”，按下<Ctrl>键的同时，单击“图层

1”前的图层缩览图，将该图层中的图像作为选区载入，设置前景色为土黄色（R179、G83、B54），背景色为黑色，确定“图层 2”为当前可编辑状态，执行“滤镜”→“渲染”→“云彩”命令，在选区内渲染云彩效果，然后按下<Ctrl+D>键，取消选区。如图11-85所示。

提示：执行云彩命令是使用介于前景色与背景色之间的随机值，生成柔和的云彩图案。要生成色彩较为分明的云彩图案，按下<Alt>键的同时执行“滤镜”→“渲染”→“云彩”命令。当应用“云彩”滤镜时，现用图层上的图像数据会被替换。

图11-85  渲染云彩效果

（6）执行“滤镜”→“杂色”→“添加杂色”命令，打开“添加杂色”对话框，参照图11-6所示设置对话框，为图像添加杂色效果。然后在“图层”调板中，将“图层 2”的混合模式设置为“滤色”。如图11-86所示。

图11-86  为图像添加杂色并设置图层混合模式

（7）选择工具箱中的“魔棒”

工具，接着对选项栏进行设置，确定“图层 2”为当前可编辑状态，在图像上依次单击，创建出如图11-87所示的选区状态。

注意：在创建选区的过程中，要注意使选区连接在一起，若是添加的选区不合适，可按下<Ctrl+Z>键返回上一步，然后再继续进行操作。

图11-87  创建选区

（8）按下<Ctrl+C>键，复制选区内的图像，按下<Ctrl+V>键，对图像进行粘贴，在“图层”调板中，生成“图层 3”。执行“编辑”→“变换”→“垂直翻转”命令，将复制的图像垂直翻转。如图11-88所示。

图11-88  复制并翻转图像

（9）将“图层 3”的混合模式设置为“变亮”，不透明度参数设置为80%。然后为图像添加“内阴影”图层样式效果，制作出纹理图像。如图11-89所示。

图11-89  制作纹理图像

>（10）新建“图层 4”，使用工具箱中的“钢笔”工具，参照图11-90所示在视图中绘制路径。按下<Ctrl+Enter>键，将路径转换为选区，使用土黄色（R173、G127、B96）填充选区并取消选区。

图11-90  绘制图像

（11）配合使用“加深”工具和“减淡”工具，对图像颜色进行处理，并为图像添加杂色效果，如图11-91所示。

提示：使用“加深”和“减淡”工具通过在图像上涂抹加强图像的明暗关系

图11-91  处理图像并添加杂色效果

（12）执行“图层”→“图层样式”→“投影”命令，参照图11-92所示设置对话框为图像添加图层样式效果。

图11-92  设置图层样式

（13）在“图层”调板中，将“图层 4”拖动到“图层 1”的下方，使图像呈现出如图11-93所示的效果。

图11-93  调整图层顺序

（14）在“图层 4”的上方新建“图层 5”，然后在视图中绘制出如图11-94所示的白色图像，并为图像添加投影效果。

图11-94  绘制书页图像

（15）将除“背景”图层之外的其他图层暂时隐藏，然后在“图层 4”

的下方新建“图层 6”。使用工具箱中的“钢笔”工具，绘制如图11-95所示的路径，然后将路径转换为选区，填充为黄褐色（R185、G135、B105）并取消选区。

图11-95  绘制图像

（16）配合使用“加深”工具和“减淡”工具，对图像颜色进行处理，制作出图像的褶皱效果。然后再为图像添加杂色效果，如图11-96所示。

注意：根据纸张褶皱的特点对图像进行加深和减淡处理，在调整过程中要注意设置画笔的大小和曝光度参数。

图11-96  处理图像

（17）执行“滤镜”→“艺术效果”→“干画笔”命令，打开“干画笔”对话框，参照图11-97所示设置对话框，为图像添加滤镜效果。

图11-97  添加“干画笔”滤镜效果

（18）单击“图层”调板底部的“添加图层样式”按钮，在弹出的菜单中执行“投影”命令，打开“图层样式”对话框，参照图11-98所示设置对话框，为图像添加投影效果。

图11-98  添加投影效果

（19）复制“图层 6”，创建出“图层 6 副本”图层，将“图层 6 副本”拖动到“图层 6”的下方，执行“编辑”→“自由变换”命令，对图像的角度和位置进行调整。然后再执行“图像”→“调整”→“亮度/对比度”命令，参照图11-99所示调整图像的亮度。

注意：将放置在下方的纸张亮度降低，既突出上面的纸张，拉开对比，又增强了画面的立体效果。

图11-99  复制并调整图像

（20）使用工具箱中的

“横排文字”工具，在视图中创建字母，并对文字的角度进行调整。如图11-100所示。

图11-100  创建字母

（21）下面参照前面绘制图像的方法，在视图右侧制作图像，并将隐藏的图层显示，然后参照图11-101所示，分别对图像的位置进行调整。

图11-101  制作其他图像并调整图像位置

（22）打开本书附带光盘\Chapter-11\“云朵花纹.psd”文件，使用“移动”工具，将该文档中的图像拖动到“背景花纹”文档中的相位置。如图11-102所示。

图11-102  添加素材图像

（23）将“云朵花纹”图像所在图层的混合模式设置为“正片叠底”。然后参照图11-103所示为图像添加“外发光”和“斜面和浮雕”效果。

提示：为图像添加图层样式效果制作出凹陷的立体效果，使书图像更加有起伏。并且通过调整混合模式使云朵花纹图像与书封面图像相互融合起来。

图11-103  设置图层样式效果

（24）打开本书附带光盘\Chapter-11\“装饰素材.psd”文件，将该文档中的图像分别拷贝到“背景花纹”文档中的相应位置，对相应图像进行复制，然后调整相应图像所在图层的混合模式和不透明度，制作出如图11-104所示的图像效果。

图11-104  添加素材图片

（25）最后在视图中再添加相关的文字信息和装饰图像，完成该实例的制作，如图11-105所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘中的源文件进行查看，其路径为：附带光盘\Chapter-11\“古典文学网.psd”。

图11-105  实例完成效果