
5.1 使用阴影工具制作产品展示页面
文件路径 第5章\使用阴影工具制作产品展示页面
难易指数 ★★☆☆☆
技术掌握
●矩形工具
●阴影工具
●文本工具

扫码深度学习
操作思路
本案例首先通过使用矩形工具在画面中绘制图形;然后通过阴影工具制作立体效果;接着将素材导入到文档中并将多余的部分隐藏;最后通过文本工具在画面中输入文字。
案例效果
案例效果如图5-1所示。

图5-1
实例061 制作展示页面背景
操作步骤
01 创建一个新文档。双击工具箱中的矩形工具,创建一个与画板等大的矩形。在该矩形被选中的状态下,双击位于界面底部状态栏中的“填充色”按钮,在弹出的“编辑填充”对话框中单击“均匀填充”按钮,设置颜色为洋红色,设置完成后单击“确定”按钮,如图5-2所示。接着在调色板中右键单击按钮,去掉轮廓色,效果如图5-3所示。

图5-2

图5-3
02 选择工具箱中的矩形工具,在画面的中心位置按住鼠标左键并拖动绘制一个矩形,如图5-4所示。在右侧的调色板中左键单击白色按钮,设置矩形的填充色,右键单击按钮,去掉轮廓色,效果如图5-5所示。

图5-4

图5-5
03 在该矩形被选中的状态下,选择工具箱中的阴影工具,在白色的矩形中间位置按住鼠标左键向下拖动,接着在属性栏中设置“阴影的不透明度”为100、“阴影羽化”为50、“阴影颜色”为灰色、“合并模式”为“底纹化”,效果如图5-6所示。

图5-6
04 执行菜单“文件>导入”命令,在弹出的“导入”对话框中单击选择汽车素材“1.jpg”,然后单击“导入”按钮,如图5-7所示。接着在画面中适当的位置按住鼠标左键并拖动,控制导入对象的大小,释放鼠标完成导入操作,如图5-8所示。

图5-7

图5-8
05 再次使用工具箱中的矩形工具,在汽车素材的上面按住鼠标左键并拖动绘制一个矩形,如图5-9所示。选中汽车素材,执行菜单“对象>PowerClip>置于图文框内部”命令,当光标变成黑色粗箭头时,单击刚刚绘制的矩形,即可实现位图的剪贴效果,如图5-10所示。

图5-9

图5-10
06 接着在调色板中右键单击按钮,去掉轮廓色,效果如图5-11所示。

图5-11
实例062 制作文字与图形部分
操作步骤
01 选择工具箱中的文本工具,在汽车素材的上方单击鼠标左键插入光标,建立文字输入的起始点,然后在属性栏中设置合适的字体、字体大小,单击“粗体”按钮,设置完成后输入相应的文字。接着在右侧的调色板中左键单击白色按钮,为文字设置颜色,效果如图5-12所示。接着使用同样的方法,继续在画面中输入其他文字,如图5-13所示。

图5-12

图5-13
02 选择工具箱中的矩形工具,在刚刚输入的文字下方按住鼠标左键拖动,绘制一个矩形,如图5-14所示。选中该矩形,在属性栏中单击“圆角”按钮,设置“转角半径”为10.0mm,如图5-15所示。

图5-14

图5-15
03 在该圆角矩形被选中的状态下,在右侧的调色板中左键单击70%黑色按钮,右键单击按钮,去掉轮廓色,效果如图5-16所示。选择工具箱中的阴影工具,在圆角矩形的中间位置按住鼠标左键向下拖动,接着在属性栏中设置“阴影的不透明度”为75、“阴影羽化”为20、“阴影颜色”为灰色、“合并模式”为“减少”,效果如图5-17所示。

图5-16

图5-17
04 再次使用文本工具在画面中适当的位置输入其他文字。最终完成效果如图5-18所示。

图5-18
技术速查:阴影工具的使用
使用工具箱中的(阴影工具)可以为矢量图形、文本对象、位图对象和群组对象创建阴影效果。选择一个对象,选择工具箱中的阴影工具。将鼠标指针移至图形对象上,按住左键并向其他位置拖动,如图5-19所示。释放鼠标左键即可看到添加的阴影效果,如图5-20所示。在添加完阴影后画面中会显示阴影控制杆,通过这个控制杆可以对阴影的位置、颜色等属性进行更改。同时还可以配合属性栏对阴影的其他属性进行调整,如图5-21所示。

图5-19

图5-20

图5-21
各按钮的说明如下。
预设:在属性栏的“预设”下拉列表中包含多种内置的阴影效果。选择一个图形对象,然后单击“预设”下三角按钮,选择某个样式,即可为对象应用相应的阴影效果。
阴影角度:输入数值,可以设置阴影的方向。
阴影延展:调整阴影边缘的延展长度。
阴影淡出:调整阴影边缘的淡出程度。数值越大,远处阴影的渐隐效果越明显。
阴影的不透明度:用于设置调整阴影的不透明度。数值越大,阴影越不透明。
阴影羽化:调整阴影边缘的锐化和柔化。数值越大,阴影越柔和。
羽化方向:向阴影内部、外部或同时向内部和外部柔化阴影边缘。在CoreIDRAW中提供了“高斯式模糊”“向内”“中间”“向外”和“平均”5种羽化方法。
羽化边缘:设置边缘的羽化类型,可以在下拉列表中选择“线性”“方形的”“反白方形”和“平面”。
阴影颜色:在下拉列表中单击选择一种颜色,可以直接改变阴影的颜色。
透明度操作:单击“透明度操作”下三角按钮,在弹出的下拉列表中单击并选择合适的选项来调整颜色混合效果。