|
设计公司网页页面一般都设计的比较时上、新颖，本实例巧妙的利用了画面的构图结构，来创建一种比较有创意的画面效果。文字、图片、符号的相互作用建立起一种整体的信息，而信息的主次分类，通过秩序化、条理化构成一个整体的网页形式。如图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所示。
图7-94 添加素材图像 （31）配合使用工具箱中的“钢笔”工具，绘制路径，并将路径转换为选区，按下<Ctrl+Shift+I>键，将选区反转，按下<Delete>键，删除选区内的图像并取消选区，如图7-95所示。
图7-95 删减图像 （32）使用“橡皮擦”工具，将图像的下侧擦除，如图7-96所示。 注意：在擦除的过程中要注意设置橡皮擦的不透明参数，使图像的颜色能够过渡自然，但不要将图像的下侧完全擦除。
图7-96 擦除图像 （33）打开本书附带光盘\Chapter-07\“手雷.psd”文件，然后将该图像拖动到“设计公司网页”文档中的相应位置，如图7-97所示。
> 图7-97 添加“手雷”图像
图7-98 实例完成效果
推荐阅读-Photoshop分类教程
|
|
|
