本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。

图11-40  本实例完成效果

技术提示

在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。

图11-41  本实例制作流程

制作步骤

1、制作主体图像

（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。

图11-42  设置“新建”对话框

（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。

图11-43  绘制选区

（3）设置前景色为深蓝色（R0、G11、B42），按下<Alt+Delete>

键，使用前景色填充选区，按下<Ctrl+D>键，取消选区，如图11-44所示。

图11-44  填充颜色

（4）在“图层”调板中，新建“图层 2”，设置前景色为暗红色（R117、G0、B71），选择工具箱中的“直线”工具，参照图11-45所示设置选项栏，然后在视图中由左上角到右下角拖动鼠标，绘制一条线段。

图11-45  绘制线段

（5）复制“图层 2”，创建“图层 2 副本”图层，按下<Ctrl+T>键，执行“自由变换”命令，参照图11-46所示，将该副本图像向右上角移动，完毕后按下<Enter>键，完成变换操作。

提示：将副本图像向上移动的多少决定了在下边操作中两条支线图像之间间隔的大小。

图11-46  变换图像

（6）接着连续按下<Ctrl+Shift+Alt+T>键，对该图像进行变换复制操作，制作出如图11-47所示的图像效果。

图11-47  复制变换图像

（7）使用同样方法，将线条图像布满整个画布，如图11-48所示。

图11-48  制作其他线条图像

（8）在“图层”调板中，将“背景”图层和“图层 1”隐藏，然后选择“图层 2”，使其成为当前可编辑状态，然后执行“图层”→“合并可见图层”命令，将可见图层全部合并到“图层 2”中，如图11-49所示。

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

图11-49  合并图层

（9）将隐藏的图层显示，选择工具箱中的“矩形选框”工具，参照图11-50所示，在视图中绘制两个矩形选区。

图11-50  绘制选区

（10）按下<Ctrl+Shift+I>键，将选区反转，确定“图层 2”为当前可编辑状态，按下<Delete>键，将选区内的图像删除，并取消选区，如图11-51所示。

图11-51  删除部分图像

（11）复制“图层 2”，创建“图层 2 副本”，使用“移动”工具，对复制的图像位置进行调整，如图11-52所示。

提示：将两个图像交错叠放在一起，得到更加复杂的图像，增添了画面的形式感。

>

图11-52  复制并调整图像位置

（12）新建“图层 3”，使用前面绘制选区、填充颜色的方法，在视图的两侧创建两个洋红色（R222、G0、B101）矩形图像，如图11-53所示。

图11-53  绘制矩形图像

（13）单击“图层”调板底部的“创建新组”按钮，新建“组 1”图层组并在该图层组内新建“图层 4”，单击“路径”调板底部的“创建新路径”按钮，新建“路径 1”，选择工具箱中的“钢笔”工具，参照图11-54所示在视图右下角绘制多条路径。

图11-54  绘制路径

（14）设置前景色为洋红色（R251、G0、B122），选择工具箱中的“画笔”工具，然后对选项栏中的参数进行设置，完毕后单击“路径”调板底部的“用画笔描边路径”按钮，使用设置好的画笔对路径进行描边，然后单击“路径”调板空白处将路径隐藏，如图11-55所示。

图11-55  描边路径

（

15）新建“图层 5”，保持前景色不变，使用“画笔”工具，在各线段的两端单击，绘制圆点图像，如图11-56所示。

图11-56  绘制圆点图像

（16）按下<Ctrl+E>键，将“图层 5”合并到“图层 4”中，然后将合并后的图像复制两份，并分别对复制图像的大小、位置和角度进行调整，如图11-57所示。

提示：按下<Alt>键的同时在图像上拖动鼠标，可以将图像进行复制。

图11-57  复制并调整图像

（17）新建“图层 5”，使用“钢笔”工具，在视图中再次绘制路径，然后参照前面的操作方法，使用“画笔”工具，对路径进行描边，如图11-58所示。

图11-58  绘制并描边路径

（18）按下<Ctrl>键的同时，单击“图层 5”前的图层缩览图，将该图层中描边图像作为选区载入，然后分别对前景色进行设置，使用工具箱中的“画笔”工具，在选区内进行涂抹，然后将选区取消，制作出如图11-59

所示的图像效果。

图11-59  涂抹图像

（19）新建“图层 6”，然后使用“钢笔”工具，在视图中绘制路径，完毕后将路径转换为选区，使用洋红色填充选区，如图11-60所示。

图11-60  绘制图像

（20）保持选区的浮动状态，配合使用“画笔”工具，在视图中涂抹出如图11-61所示的图像效果，然后再将选区取消。

提示：通过在选区内对图像进行绘制，使图像呈现具有光泽的视觉效果，并且三种颜色放在一起对比鲜明，但又和谐统一。

图11-61  绘制图像

（21）将图像复制两份，并分别对图像大小、位置、旋转角度和方向进行调整，如图11-62所示。

图11-62  复制并调整图像

（22）参照前面绘制图像的方法，参照图11-63所示制作出其他装饰图像。

图11-63  绘制其他装饰图像

（23）在“图层”调板中，配合<Shift>键，将绘制的花朵图像所在图层同时选中，按下<Ctrl+E>键，将这些图层合并为一个图层，如图11-64所示。

图11-64  合并图层

（24）对合并后的“图层 8”复制，创建“图层 8 副本”，然后执行“自由变换”命令，对副本图像的大小和位置进行调整如图11-65所示。

图11-65  调整图像

（25）将“图层 8 副本”的混合模式设置为“滤色”，然后按下<Ctrl>键的同时，单击“图层 8”前的图层缩览图，将图像作为选区载入，按下<Ctrl+Shift+I>键，将选区反转，确定“图层 8 副本”为当前可编辑状态，按下<Delete>键删除选区内的图像并取消选区，如图11-66所示。

提示：调整图层的混合模式为滤色，可以将混合色的互补色与基色复合。结果色总是较亮的颜色。用黑色过滤时颜色保持不变。用白色过滤将产生白色。此效果类似于多个摄影幻灯片在彼此之上投影。

图11-66  修改图像

（26）将“图层 8 副本”合并到“图层 8”中，接着再将合并后的图像复制两份，并分别对复制图像的大小、位置和角度进行调整，如图11-67所示。

图11-67  复制并调整图像

2、制作其他装饰图像

（1）选择工具箱中的“椭圆选框”工具，配合<Shift>键，在视图左上角绘制一个正圆选区，然后新建一个图层，将选区填充为洋红色（R235、G60

、B142），接着再使用“画笔”工具，结合设置前景色，在选区内涂抹出如图11-68所示的图像效果，最后将选区取消。

图11-68  制作圆形图像

（2）选择工具箱中的“椭圆”工具，配合<Shift>键，在前面制作正圆图像上绘制一个正圆路径，然后按下<Ctrl+T>键，执行“自由变换路径”命令，按下<Shift+Alt>键的同时，向内拖动任意一个角控制柄，将路径等比缩小，按下<Enter>键，完成变换路径操作，如图11-69所示。

图11-69  变换路径

（3）连续按下<Ctrl+Shift+Alt+T>键10次，将该路径复制10个，然后使用“路径选择”工具，分别选择各路径，并执行“自由变换路径”命令，配合<Shift+Alt>键，对这些路径的大小进行调整，如图11-70所示。

注意：在对路径进行调整的时候，要注意路径与路径之间的间隔，按下<Shift+Alt>键可以同心等比放大或缩小路径。

图11-70  调整路径

（4）使用“路径选择”工具，将视图中的路径全部选中，然后激活选项栏中的“重叠形状区域除外”按钮，接着按下<Ctrl+Enter>键，将路径转换为选区，如图11-71

所示。

图11-71  将路径转换为选区

（5）在“图层”调板中新建一个图层，使用黑色填充选区，并取消选区，接着再使用“多边形套索”工具，绘制选区，并填充为黑色，制作出缺口图像，如图11-72所示。

图11-72  填充颜色

（6）接下来将前面制作的花朵图像复制，并将复制图像所在图层调整到“图层”调板的顶端，然后对图像的大小、位置、角度和方向进行调整，如图11-73所示。

图11-73  复制并调整图像

（7）将前面绘制的圆形图像的选区载入，然后按下<Ctrl+Shift+I>键，将选区反转，确定前面调整的图像所在图层为当前可编辑状态，按下<Delete>键，将选区内的图像删除并取消选区，如图11-74所示。

图11-74  删除部分图像

（8）将修改后的图像所在图层的混合模式设置为“正片叠底”，如图11-75所示。

提示：将图层调整为正片叠底模式后结果色总是较暗的颜色。并且任何颜色与黑色复合产生黑色。与白色复合保持不变。当用黑色或白色以外的颜色绘画时，绘画工具绘制的连续描边产生逐渐变暗的颜色。

图11-75  设置图层混合模式

（9）参照前面制作圆环图像的方法，在视图中制作出其他色调的圆环图像，如图11-76所示。

图11-76  制作其他圆环图像

（

10）在“图层”调板中，将“组 1”图层组拖动到“图层 3”的下方，使图像呈现出如图11-77所示的图像效果。

图11-77  调整图层组顺序

（11）最后在视图中添加相关的文字信息和装饰图像，完成实例的制作，如图11-78所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘\Chpater-01文件夹内的“插画艺术网.psd”文件进行查看。

图11-78  实例完成效果