3.4 使用图案填充制作音乐网页
文件路径 第3章\使用图案填充制作音乐网页
难易指数 ★★★☆☆
技术掌握
●椭圆形工具
●交互式填充工具
●文本工具
扫码深度学习
操作思路
本案例讲解了如何使用图案填充制作音乐网页。首先为画面中制作一个深蓝色的背景，将导入的图片制作成圆形，放置在合适的位置；接着多次使用椭圆形工具制作出图形模块，并设置合适的填充方式，摆放在合适的位置。
案例效果
案例效果如图3-73所示。
图3-73
实例025 制作网页背景
操作步骤
01 执行菜单“文件＞新建”命令，创建一个空白新文档，如图3-74所示。
图3-74
02 选择工具箱中的矩形工具，在画面中绘制一个与画板等大的矩形，接着展开右侧调色板，然后左键单击深蓝色按钮为该矩形填充深蓝色，接着在调色板的上方右键单击
按钮，去掉轮廓色，如图3-75所示。
图3-75
03 接着使用同样的方法，在画面的下方绘制一个黑色矩形，如图3-76所示。选中该矩形，选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为20，如图3-77所示。
图3-76
图3-77
04 执行菜单“文件＞导入”命令，在弹出的“导入”对话框中单击选择要导入的人群素材“1.jpg”，然后单击“导入”按钮，在工作区中按住鼠标左键拖动，控制导入对象的大小。释放鼠标完成导入操作，如图3-78所示。选择工具箱中的椭圆形工具，在人群素材的上方按住Ctrl键并按住鼠标左键拖动绘制出一个正圆形，如图3-79所示。
图3-78
图3-79
05 选中人群素材，执行菜单“对象＞PowerClip＞置于图文框内部”命令。当光标变成黑色粗箭头时，单击刚刚绘制的正圆形，即可实现位图的剪贴效果，如图3-80所示。使用同样的方法，制作出其他的图案，然后调整其大小和位置，如图3-81所示。
图3-80
图3-81
实例026 制作网页标志与导航
操作步骤
01 使用工具箱中的矩形工具在画面的上方绘制出一个黑色的矩形，如图3-82所示。选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为20，如图3-83所示。
图3-82
图3-83
02 选择工具箱中的钢笔工具，在画面的左上角绘制出一个图形，如图3-84所示。然后选中该图形，展开右侧调色板，左键单击白色按钮为该图形填充白色，接着在调色板的上方右键单击按钮，去掉轮廓色，如图3-85所示。
图3-84
图3-85
03 选中该图形，选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为10，如图3-86所示。接着使用同样的方法，在图形的右侧绘制一个白色箭头，并设置“透明度”为20，如图3-87所示。
图3-86
图3-87
04 选择工具箱中的文本工具，在箭头上方单击鼠标左键，建立文字输入的起始点，在属性栏中设置合适的字体、字体大小，然后在画面中输入相应的文字，如图3-88所示。接着使用同样的方法，在画面上方输入其他白色文字，如图3-89所示。
图3-88
图3-89
实例027 制作带有图案的图形模块
操作步骤
01 选择工具箱中的椭圆形工具，在画面的右上方按住Ctrl键的同时按住鼠标左键拖动绘制出一个正圆形，如图3-90所示。选中该正圆形，左键单击右侧调色板中的玫红色按钮为圆形填充玫红色，接着在右侧调色板的上方右键单击按钮，去掉轮廓色，如图3-91所示。
图3-90
图3-91
02 继续使用同样的方法，在玫红色正圆形上面绘制一个稍小的深粉色正圆形，如图3-92所示。接着同样在深粉色正圆形的上面再绘制一个正圆形，如图3-93所示。
图3-92
图3-93
03 选中最后绘制的正圆形，选择工具箱中的交互式填充工具，在属性栏单击“双色图样填充”按钮，分别设置合适的“第一种填充色或图样”和“背景颜色”。在正圆形上方按住鼠标左键拖动调整控制杆的位置，然后在右侧调色板的上方右键单击按钮，去掉轮廓，如图3-94所示。选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为87，效果如图3-95所示。
图3-94
图3-95
04 在正圆形的上面绘制一个玫红色的矩形，如图3-96所示。选中该矩形，在属性栏中单击“圆角”按钮，设置“转角半径”为16.6mm，效果如图3-97所示。
图3-96
图3-97
05 选择工具箱中的文本工具，在画面中单击鼠标左键，建立文字输入的起始点，在属性栏中设置合适的字体、字体大小，然后输入相应的文字，如图3-98所示。使用同样的方法，将绿色图形模块和蓝色图形模块绘制出来，并摆放在合适的位置，如图3-99所示。
图3-98
图3-99
实例028 制作其他图形模块
操作步骤
01 选择工具箱中的椭圆形工具，在绿色图形模块的上方按住Ctrl键的同时按住鼠标左键向下拖动绘制出一个正圆形。选择工具箱中的交互式填充工具，在属性栏中单击“均匀填充”按钮，设置“填充色”为浅绿色。然后在右侧调色板的上方右键单击按钮，去掉轮廓色，如图3-100所示。选中该正圆形，选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为20，效果如图3-101所示。
图3-100
图3-101
02 继续使用同样的方法，在绿色正圆形的上面绘制一个“透明度”为10的绿色正圆形，如图3-102所示。选择工具箱中的文本工具，在绿色正圆形上单击鼠标左键，建立文字输入的起始点，在属性栏中设置合适的字体、字体大小，然后输入相应的文字，如图3-103所示。
图3-102
图3-103
03 继续使用同样的方法，绘制其旁边的蓝色和粉色图案，摆放在合适的位置，如图3-104所示。
图3-104
04 接着使用同样的方法，绘制画面中其他圆形图案和文字，摆放在合适的位置，如图3-105所示。
图3-105
05 使用快捷键Ctrl＋A将画面中的所有图形与文字全选，使用快捷键Ctrl＋G组合对象。然后在画面中绘制一个与画板等大的矩形，如图3-106所示。选中组合的图形，执行“对象＞PowerClip＞置于图文框内部”命令。当光标变成黑色粗箭头时，单击刚刚绘制的矩形。最终完成效果如图3-107所示。
图3-106
图3-107
要点速查：对象管理
调整对象堆叠顺序：当文档中存在多个对象时，对象的上下堆叠顺序将影响画面的显示效果。执行菜单“对象＞顺序”命令，在弹出的子菜单中选择相应命令即可完成堆叠顺序的调整。
锁定对象与解除锁定：“锁定”命令可以将对象固定，使其不能进行编辑。选择需要锁定的对象，默认情况下显示的控制点为黑色的方块。接着执行菜单“对象＞锁定对象”命令，或在选定的图像上右键单击，在弹出的快捷菜单中执行“锁定对象”命令。被锁定的对象会在图像四周出现8个锁形图标，表示当前图像处于锁定的、不可编辑状态。在锁定的对象上右键单击，在弹出的快捷菜单中执行“解锁对象”命令，可以将对象的锁定状态解除，使其能够被编辑。执行菜单“对象＞对所有对象解锁”命令，可以快速解锁文档中被锁定的多个对象。
群组与取消群组：“群组”是指将多个对象临时组合成一个整体。组合后的对象保持其原始属性，但是可以进行同时的移动、缩放等操作。选中需要群组的多个对象，执行菜单“对象＞群组”命令（快捷键为Ctrl＋G），还可以右键单击，在弹出的快捷菜单中执行“组合对象”命令。如果想要取消群组，可以选中需要取消群组的对象，执行菜单“对象＞取消群组”命令。