设计公司网页页面一般都设计的比较时上、新颖，本实例巧妙的利用了画面的构图结构，来创建一种比较有创意的画面效果。文字、图片、符号的相互作用建立起一种整体的信息，而信息的主次分类，通过秩序化、条理化构成一个整体的网页形式。如图7-63所示，为本实例的完成效果。

图7-63  本实例完成效果

技术提示

本实例构图灵活，设计感强烈，画面中的绿色图像是绘制的主题内容，在绘制过程中绿色图像主要是通过编辑通道图像来进行绘制，然后将导入的素材图片通过编辑与绿色图像和谐的统一在一起，如图7-64所示，为本实例的制作流程。

图7-64 本实例制作流程

制作步骤

（1）启动Photoshop，执行“文件”→“新建”命令，参照图7-65所示对“新建”对话框进行设置，完毕后单击“确定”按钮，关闭对话框，创建出一个新文档。

图7-65  设置“新建”对话框

（2）在“图层”调板中，新建“图层 1”，使用工具箱中的“矩形选框”工具，在视图的两侧创建出如图7-66所示的选区。

图7-66  绘制选区

（3）设置前景色为褐色，按下<Alt+Delete>键，使用前景色填充选区，按下<Ctrl+D>键，取消选区，如图7-67所示。

    

图7-67  为选区填充颜色

（4）在“图层”调板中新建“图层 2”，使用同样方法，绘制选区并为选区填充颜色，制作出如图7-38所示的深褐色矩形图像。

图7-68  绘制深褐色矩形图像

（5）新建“图层 3”，再次使用同样方法，在视图相应位置创建出其他颜色的矩形图像，如图7-69所示。

提示：在进行颜色填充过程中，也可以使用油漆桶工具，并且还可以设置选项栏参数，以便得到更多的效果。

图7-69  绘制其他矩形图像

（6）创建“图层 4”，使用“矩形选框”工具，在视图中创建矩形选区，然后使用工具箱中的“渐变”工具，在选区内由下至上绘制渐变色，如图7-70所示。

图7-70  绘制图像

（7）新建“图层 5”，设置前景色为深灰色（R168、G168、B168），使用“圆角矩形”工具，在视图相应位置绘制圆角矩形图像，然后配合使用“矩形选框”工具和“椭圆选框”工具，选择部分图像，将其删除，如图7-71

所示。

图7-71  绘制并修改图像

（8）取消选区后，新建“图层 6”，配合使用工具箱中的“自定形状”工具，在如图7-72所示位置创建符号。

提示：在Photoshop中，可以在自定形状选项栏中选择需要的形状，也可以将形状或路径存储为自定形状，在“路径”调板中选择路径，可以是形状图层的矢量蒙版，也可以是工作路径或存储的路径。执行“编辑”→“定义自定形状”命令，然后在“形状名称”对话框中输入新自定形状的名称。这样新形状出现在“形状”弹出式调板中。

图7-72  绘制符号

（9）在“图层”调板中，新建“组 1”图层组，然后在该图层组内新建“图层 7”，选择工具箱中的“钢笔”工具，在视图中绘制如图7-73所示的路径。

图7-73  绘制路径

（10

）按下<Ctrl+Enter>键，将路径转换为选区，设置前景色为绿色，使用前景色填充选区，如图7-74所示。

图7-74  转换选区并填充颜色

（11）保持选区的浮动状态，单击“通道”调板底部的“将选区存储为通道”按钮，创建出Alpha 1通道，接着再激活该通道，执行“滤镜”→“模糊”→“高斯模糊”命令，参照图7-75所示设置对话框，为选区内图像添加模糊效果。

图7-75  设置“高斯模糊”对话框

（12）接下来再执行“图像”→“调整”→“亮度/对比度”命令，参照图7-76所示对打开的“亮度/对比度”对话框进行设置，对图像进行调整。

图7-76  调整图像亮度和对比度

（13）复制Alpha 1通道，创建Alpha 1

副本通道，确定该副本通道为当前可编辑状态，保持选区的浮动，执行“滤镜”→“素描”→“基底凸现”命令，参照图7-77所示进行设置，为图像添加滤镜效果。

提示：使用基底凸现命令可以变换图像，并使图像呈现浮雕的雕刻状和突出光照下变化各异的表面。图像的暗区呈现前景色，而浅色使用背景色。

图7-77  应用滤镜效果

（14）按下<Ctrl>键的同时单击Alpha 1通道，将该通道作为选区载入，接着在“图层”调板中，新建“图层 8”，使用黑色填充选区，并取消选区。如图7-78所示。

图7-78  载入选区并填充颜色

（15）新建“图层 9”，将Alpha 1 副本通道作为选区载入，使用草绿色填充选区并取消选区，如图7-79所示。

图7-79  制作亮部图像

（16）单击“图层”调板底部的

“添加图层蒙版”按钮，为“图层 9”添加图层蒙版，确定前景色为黑色，使用“画笔”工具，对添加的图层蒙版进行编辑，将图像上侧部分图像遮盖。如图7-80所示。

图7-80  编辑蒙版

（17）将“图层 9”的混合模式设置为“滤色”，然后再使用前面绘制路径、转换选区、填充颜色的方法，在视图中再制作出如图7-81所示的图像效果。

图7-81  制作绿色图像

（18）参照前面编辑通道的方法，创建出Alpha 2通道，并为该通道添加模糊效果，如图7-82所示。

注意：在执行此项操作时要注意保持选区的浮动状态。

图

7-82  添加模糊效果

（19）参照图7-83所示，执行“亮度/对比度”命令，对图像进行调整。

图7-83  调整亮度和对比度

（20）复制Alpha 2通道，创建出Alpha 2 副本通道，执行“滤镜”→“素描”→“基底凸现”命令，参照图7-84所示为图像添加滤镜效果。

图7-84  应用滤镜效果

（21）接下来在“图层”调板中，分别新建图层，将Alpha 2通道作为选区载入，填充为黑色，将Alpha 2 副本通道作为选区载入，填充为深绿色（R107、G132、B58），并设置深绿色图像所在图层的混合模式为“滤色”，然后参照图7-85所示在“图层”调板中调整图层的顺序。

图7-85  制作图像

（22

）使用前面编辑图像的方法，在视图中制作出其他图像，并分别调整图像所在图层的顺序，得到如图7-86所示的效果。

提示：将通道和滤镜结合起来制作出亮部与暗部效果分明的图像，并且使过渡柔和自然。读者在以后的练习中可以多加尝试这种方法。

图7-86  制作其他图像

（23）在“图层”调板中选择“组 1”图层组，使该图层组为当前可编辑状态，按下<Ctrl+E>键，执行“合并组”命令，将该图层组合并为一个图层，如图7-87所示。

图7-87  合并图层组

（24）按下<Ctrl>键的同时单击“组 1”图层前的图层缩览图，将该图层中的图像作为选区载入，然后单击“图层”调板底部的“创建新的填充或调整图层”按钮，在弹出的菜单中执行“色相/饱和度”命令，参照图7-88所示设置对话框，调整选区内图像色调。

图7-88  调整图像色调

（25

）选择工具箱中的“画笔”工具，对添加的“色相/饱和度 1”调整图层的蒙版进行编辑，使部分图像不受该调整图层的影响，如图7-89所示。

提示：对图像的部分内容进行遮罩，使画面效果更加丰富，具有艺术特色。

图7-89  编辑蒙版

（26）再次将“组 1”图层中的图像作为选区载入，然后添加“亮度/对比度 1”调整图层，对图像进行调整，如图7-90所示。

图7-90  调整图像亮度和对比度

（27）在“图层”调板中将“组 1”图层和创建的两个调整图层同时选中，按下<Ctrl+E>键，将这三个图层合并为一个图层，如图7-91所示。

图

7-91  合并图层

（28）选择工具箱中的“模糊”工具，对合并后图像的上侧进行模糊处理，如图7-92所示。

图7-92  模糊图像

（29）复制该图像所在图层，创建出一个副本图层，然后执行“编辑”→“变换”→“水平翻转”命令，将复制的图像水平翻转。使用“移动”工具，调整图像位置，接着再设置副本图层的混合模式为“变亮”，如图7-93所示。

提示：为图像添加反光效果，增加了图像的细节，使内容更加丰富。

图7-93  复制并调整图像

（30）打开本书附带光盘\Chapter-07\“大海.jpg”文件，使用“移动”工具，将该文档中的图像拖动到“设计公司网页”文档中的相应位置，并在“图层”调板中调整该图层的顺序，如图7-94所示。

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