
3.7 设置虚线轮廓线制作摄影画册
文件路径 第3章\设置虚线轮廓线制作摄影画册
难易指数 ★★★☆☆
技术掌握
●圆角设置
●轮廓线设置

扫码深度学习
操作思路
本案例讲解了如何设置虚线轮廓线制作摄影画册。首先给画面制作一个黑色的背景,接着制作画册的白色纸张。先制作左侧页面,导入合适的素材摆放在画面中;然后多次使用矩形工具和钢笔工具制作虚线的效果后,输入文字;最后使用同样的方法制作右侧页面。
案例效果
案例效果如图3-172所示。

图3-172
实例035 制作画册左页背景
操作步骤
01 执行菜单“文件>新建”命令,新建一个“宽度”为438.0mm,“高度”为315.0mm的空白文档,如图3-173所示。

图3-173
02 选择工具箱中的矩形工具,在画面中绘制一个与画板等大的矩形,如图3-174所示。选中该矩形,展开右侧调色板,然后左键单击黑色按钮为该矩形填充黑色,接着在调色板的上方右键单击按钮,去掉轮廓,如图3-175所示。

图3-174

图3-175
03 继续使用矩形工具在黑色矩形上面绘制一个白色无轮廓的矩形,如图3-176所示。

图3-176
04 继续使用同样的方法,在白色的矩形左侧绘制一个矩形,如图3-177所示。选中该矩形,选择工具箱中的交互式填充工具,在属性栏中单击“渐变填充”按钮,设置“渐变类型”为“线性渐变填充”,接着在图形上方按住鼠标左键拖动调整控制杆的位置,然后将左边节点的颜色设置为白色,将右边节点颜色设置为黑色,如图3-178所示。选中矩形,选择工具箱中的透明度工具,在属性栏中选择“渐变透明度”,单击“线性渐变透明度”按钮,设置“合并模式”为“乘”。接着在图形上面按住鼠标左键拖动调整控制杆的位置,然后将左边节点的颜色设置为黑色,将右边节点颜色设置为灰色,效果如图3-179所示。

图3-177

图3-178

图3-179
05 执行菜单“文件>导入”命令,在弹出的“导入”对话框中单击选择要导入的高楼素材“1.jpg”,然后单击“导入”按钮,导入对象并控制其大小,如图3-180所示。使用同样的方法,导入图片素材“2.jpg”,放置到合适的位置,如图3-181所示。

图3-180

图3-181
实例036 制作画册左页图形与文字
操作步骤
01 选择工具箱中的矩形工具,在画面左上方绘制一个矩形,如图3-182所示。选中该矩形,在属性栏中单击“同时编辑所有角”按钮,更改右下角“转角半径” 为4.8mm,效果如图3-183所示。

图3-182

图3-183
02 使用工具箱中的钢笔工具在矩形的下方绘制一个三角形,如图3-184所示。接着按住Shift键分别单击矩形和三角形,将其进行加选。然后单击属性栏中的“合并”按钮,效果如图3-185所示。选择工具箱中的交互式填充工具,接着在属性栏中单击“均匀填充”按钮,设置“填充色”为青色。然后在右侧调色板的上方右键单击按钮,去掉轮廓,如图3-186所示。

图3-184

图3-185

图3-186
03 选中制作出的青色对话框,使用快捷键Ctrl+C将其复制,接着使用快捷键Ctrl+V进行粘贴,将刚刚复制出的对话框图形选中,在右侧调色板中左键单击按钮,右键单击黑色按钮,如图3-187所示。选中对话框图形,按住Shift键的同时鼠标左键按住右上角的控制点向右上方拖动,将其等比例放大一圈,如图3-188所示。

图3-187

图3-188
04 选中放大后的对话框图形,双击位于界面底部的状态栏中的“轮廓笔”按钮,在弹出的“轮廓笔”对话框中设置“颜色”为青色,“宽度”为0.353mm,设置合适的虚线“样式”,单击“确定”按钮,如图3-189所示。此时对话框效果如图3-190所示。

图3-189

图3-190
05 制作对话框图形中的文字。选择工具箱中的文本工具,在对话框图形下方单击鼠标左键,建立文字输入的起始点,在属性栏中设置合适的字体、字体大小,然后在画面中输入相应的文字,并在右侧调色板中将文字“填色”选择为白色,如图3-191所示。使用同样的方法,输入对话框图形中的其他文字,如图3-192所示。

图3-191

图3-192
06 继续使用同样的方法,绘制画面中的其他对话框及文字,效果如图3-193所示。

图3-193
07 使用工具箱中的钢笔工具在淡蓝色对话框图形的正下方按住鼠标左键拖动绘制一条竖线,如图3-194所示。选择竖线,双击位于界面底部的状态栏中的“轮廓笔”按钮,在弹出的“轮廓笔”对话框中设置“颜色”为灰色、“宽度”为0.176mm,设置合适的虚线“样式”,单击“确定”按钮,如图3-195所示。效果如图3-196所示。

图3-194

图3-195

图3-196
08 继续使用同样的方法,绘制其他虚线段,摆放在合适的位置,如图3-197所示。

图3-197
09 制作左边的页码。使用工具箱中的椭圆形工具在左边虚线的中间位置按住Ctrl键绘制一个正圆形,如图3-198所示。接着使用工具箱中的钢笔工具在圆形的左侧绘制一个三角形,如图3-199所示。

图3-198

图3-199
10 按住Shift键分别单击圆形和三角形,将其进行加选。然后单击属性栏中的“合并”按钮,效果如图3-200所示。选中页码图案,展开右侧调色板,左键单击灰色按钮为该形状填充灰色,接着在调色板的上方右键单击按钮,去掉轮廓,如图3-201所示。

图3-200

图3-201
11 接着选择工具箱中的文本工具,在页码图案上面单击鼠标左键,建立文字输入的起始点,在属性栏中设置合适的字体、字体大小,然后在画面中输入相应的文字,并在右侧调色板中将文字“填色”选择为白色,如图3-202所示。

图3-202
12 继续使用同样的方法,在画面中合适的位置输入合适的文字,将其填色改为灰色,如图3-203所示。双击该文字,此时文字控制点变为双箭头控制点,使用鼠标左键按住文字中间的控制点并向左拖动,将文字倾斜,如图3-204所示。

图3-203

图3-204
13 在选中文字的状态下,将其旋转并移动到合适的位置,如图3-205所示。左侧页面制作完成效果如图3-206所示。

图3-205

图3-206
实例037 制作画册右页
操作步骤
01 制作右侧页面。选中左侧页面中带有渐变的矩形,使用快捷键Ctrl+C将其复制,接着使用快捷键Ctrl+V进行粘贴,然后单击属性栏中的“水平镜像”按钮将矩形翻转,并将矩形移动到合适的位置,如图3-207所示。执行菜单“文件>导入”命令,在弹出的“导入”对话框中单击选择要导入的夜景素材“3.jpg”,然后单击“导入”按钮,导入对象并控制其大小,效果如图3-208所示。

图3-207

图3-208
02 选择工具箱中的矩形工具,在画面左上方绘制一个矩形,如图3-209所示。选中该矩形,在属性栏中单击“同时编辑所有角”按钮,更改右下角“转角半径” 为4.8mm,效果如图3-210所示。选择工具箱中的交互式填充工具,接着在属性栏中单击“均匀填充”按钮,设置“填充色”为青色。然后在右侧调色板的上方右键单击按钮,去掉轮廓色,如图3-211所示。

图3-209

图3-210

图3-211
03 选中制作出的青色对话框,使用快捷键Ctrl+C将其复制,接着使用快捷键Ctrl+V进行粘贴,将刚刚复制出的对话框图形选中,在右侧调色板中左键单击按钮,右键单击黑色按钮,如图3-212所示。选中对话框图形,按住Shift键的同时使用鼠标左键按住右上角的控制点向右上方拖动,将其等比例放大一圈,如图3-213所示。

图3-212

图3-213
04 选中放大后的对话框图形,双击位于界面底部状态栏中的“轮廓笔”按钮,在弹出的“轮廓笔”对话框中设置“颜色”为青色、“宽度”为0.353mm,设置合适的虚线“样式”,单击“确定”按钮,如图3-214所示。效果如图3-215所示。

图3-214

图3-215
05 将左侧页面青色对话框上面的文字选中,复制一份,放置在青色图形的上面,调整位置,如图3-216所示。

图3-216
06 按住Shift键加选左侧页面中的淡蓝色对话框图形以及上方长条虚线、页码,将它们复制并单击属性栏中的“水平镜像”按钮将其翻转,接着移动到合适的位置后修改页码数字为“08”,将蓝色对话框图形上面的文字复制一份放置到右侧页面蓝色对话框图形的上面,如图3-217所示。

图3-217
07 继续使用同样的方法,绘制出右侧页面中的虚线,摆放在合适的位置,如图3-218所示。选择工具箱中的文本工具,在高楼素材的上面按住鼠标左键并从左上角向右下角拖动创建出文本框,如图3-219所示。然后在属性栏中设置合适的字体、字体大小,在文本框中输入白色文字,如图3-220所示。

图3-218

图3-219

图3-220
08 然后使用刚才输入文字的方法,继续输入画面中其他文字,摆放在合适的位置,如图3-221所示。

图3-221
09 最终完成效果如图3-222所示。

图3-222
技术速查:颜色滴管工具
(颜色滴管工具)是用于拾取画面中指定对象的颜色,并快速填充到另一个对象中的工具。使用该工具可以方便为画面中的矢量图形赋予某种特定的颜色。
选择工具箱中的颜色滴管工具,此时光标变为滴管形状,在想要吸取的颜色上左键单击进行拾取颜色。接着将光标移动至需要填充的图形上,单击鼠标左键即可为对象填充拾取的颜色,如图3-223所示。若将光标移动至图形对象边缘,光标变为
形状后,单击即可将轮廓色设置为该颜色,如图3-224所示。

图3-223

图3-224