本实例将制作一幅飞行者网站的网页页面，该页面以各种与飞行有关的器械图像来组织画面，在组织页面的时候，要将不同的视觉元素在版面内进行有序的组织、编排，构成一个有机的空间联系形成空间秩序感，使画面零而不乱，有效的传达了该网站的主题信息。如图8-76所示，为本实例的完成效果。

图8-76  本实例完成效果

技术提示

本实例由一些机械图像组成，技术效果强烈。整幅画面在视觉上看起来比较复杂，零碎的东西比较多，但是在制作过程中只需要合理利用工具并结合使用图片素材，即可轻松的完成。其中页面的背景图像和一些器械图像的制作是使用的素材图片，而其他图像的编辑主要是绘制图形、设置填充颜色和添加图层样式的操作。如图8-77所示，为本实例的制作流程。

图8-77 本实例制作流程

制作步骤

1. 框架的绘制

（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图8-78所示设置对话框，创建一个名为“飞行者网站”的空白文档。

图8-78  新建文档

（2）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-08\“光点背景.jpg”文件，使用

“移动”工具，将背景图片拖到“飞行者网站”文档中，如图8-79所示。

图8-79  添加背景图片

（3）单击“图层”调板底部的“创建新图层”按钮，新建“图层 2”。然后使用“矩形选框”工具，在文档顶部绘制选区，并按下<Shift>键加选文档两端选区，如图8-80所示，接着将选区填充为黑色，并按下<Ctrl+D>键取消选区。

图8-80  创建选区并填充

（4）使用工具箱中的“钢笔”工具，参照图8-81所示在文档顶部绘制路径，按下<Ctrl+Enter>键，将路径转换为选区。新建“图层 3”，将选区填充为灰色并取消选

区。

图8-81  绘制路径并填充

提示：为了便于观察，图8-5上图暂时将背景色设置为白色。

（5）使用“矩形选框”工具绘制选区，执行“图像”→“调整”→“亮度/对比度”命令，打开“亮度/对比度”对话框，参照图8-82所示设置对话框，将选区内图像调暗，并取消选区。

图8-82  调整图像

（6）接下来使用“减淡”工具，参照图8-83示将图像的局部颜色减淡，。

图8-83  减淡图像

（7）下面参照图8-84所示为“图层 3

”添加图层样式效果。

图8-84  添加斜面和浮雕效果

（8）新建“图层 4”，使用工具箱中的“钢笔”工具，参照图8-85所示绘制路径，将路径转换选区并填充颜色，接着取消选区。

图8-85  创建选区并填充

（9）参照图8-86所示设置对话框，为“图层 4”添加图层样式效果。

提示：在斜面和浮雕对话框中调整样式选项为枕状浮雕，枕状浮雕可以模拟将图层内容的边缘压入下层图层中的效果。

图8-86  添加斜面和浮雕效果

（10）新建“图层 5”，使用

“矩形选框”工具，创建选区，设置前景色为绿色（R42、G140、B121）。然后选择“画笔”工具，在选区底部涂抹。使用同样的操作方法并配合不同大小和不透明度的画笔笔刷，在选区顶部涂抹粉色（R183、G150、B161），如图8-87所示。

图8-87  编辑图像

（11）在“图层”调板中设置“图层 5”的混合模式为“颜色减淡”，效果如图8-88所示。

图8-88  设置图层混合模式

（12）按下<Ctrl>键，同时单击“图层 3”前的图层缩览图，将该图层中图像的选区载入，接着参照图8-89所示添加“亮度/对比度”调整图层

。

图8-89  设置“亮度/对比度”对话框

（13）拖动“图层 4”至调板顶部。接着新建“图层 6”，使用“矩形选框”工具，绘制选区，将选区填充为灰色并取消选区，如图8-90所示，然后将“图层 6”拖至“图层 3”下方。

图8-90  绘制选区并填充

（14）接下来参照图8-91所示设置“图层样式”对话框，为“图层 6”添加“外发光”和“内阴影”效果。

图8-91  添加图层样式效果

（15）载入“图层 6”的选区，新建“图层 7”，设置前景色为黑色，使用“画笔”工具，参照图8-92所示在选区顶部涂抹出阴影效果。

提示：也可以在图层6中直接对图像进行加深处理来绘制图像的阴影。

图8-92  制作阴影

2. 主体图像的绘制

（1）选择工具箱中的“圆角矩形”工具，参照图8-93所示设置其选项栏，绘制一个圆角矩形路径。

图8-93  绘制路径

（2）新建“组 1”图层组，并将其拖动至图层调板顶端，接着在该图层组中新建“图层 8”，按下<Ctrl+Enter>键，将路径转换为选区，填充为黑色并取消选区，如图8-94所示。

图8-94  填充颜色

（3）下面参照图8-95所示设置“图层样式”对话框，为图像添加“斜面和浮雕”效果。

图8-95  添加斜面和浮雕效果

（4）复制“图层 8”，调整副本图像的大小并调整颜色为褐色。然后双击“图层 8 副本”空白处，打开“图层样式”对话框，参照图8-96所示设置对话框，更改副本图像的图层样式效果。

提示：选择副本图层，按下<Ctrl+T>键，执行“自由变换”命令，然后按下<Ctrl+Alt>键同时拖动变换框，将副本图像向中心等比缩小，

图8-96  复制图像并调整

（5）在“图层”调板中设置“图层 8 副本”图层的混合模式为“线性光”，效果如图8-97所示。

图8-97  设置图层混合模式

>（6）复制“图层 8 副本”图层，创建“图层 8 副本2”图层，执行“图层”→“图层样式”→“清除图层样式”命令。按下<Ctrl+T>键执行“自由变换”命令，调整图像的大小，然后载入“图层 8 副本2”图层中图像的选区，将选区填充为灰色，如图8-98所示。

图8-98  复制图像并调整

（7）保持选区浮动，执行“选择”→“修改”→“收缩”命令，打开“收缩选区”对话框，参照图8-99所示设置对话框，将选区收缩，接着按下<Delete>键删除选区内图像并取消选区。然后使用“减淡”工具，将图像局部颜色减淡。

图8-99  调整图像

（8）接下来为“图层 8 副本2”图层添加“投影”、“光泽”、“斜面和浮雕”效果，具体参数参照图1-10

0所示进行设置。

图8-100  添加图层样式效果

（9）按下<Shift>键，选择“图层 8”和创建的副本图层，按下<Ctrl+E>键合并图层，如图8-101所示。

提示：将用于编辑的图层合并为一个图层，可以减少“图层”调板中的图层数量，便于对图层的观察和管理。

图8-101  合并图层

（10）使用“矩形选框”工具，绘制选区，按下<Ctrl+C>和<Ctrl+V>键，复制并粘贴选区内图像，创建“图层 8”，将其拖至“图层 3”下方，并参照图

8-102所示调整图像的大小和位置。

图8-102  创建选区并复制

（11）新建“图层 9”，并拖至“图层 8 副本2”图层下方，然后使用“圆角矩形”和“椭圆”工具，参照图8-103所示绘制路径，将路径转换为选区并填充为黑色。

图8-103  绘制路径并填充

（12）选择工具箱中的“渐变”工具，单击选项栏中的渐变条，打开“渐变编辑器”对话框，参照图8-104所示设置对话框，完毕后单击“确定”按钮，关闭对话框。

图8-104  设置“渐变编辑器”对话框

 << 上一页  [11] [12] [13] [14] 下一页