CorelDRAW教程

9.5.1 项目背景及要求

1.客户名称

零点健身娱乐。

2.客户需求

零点健身娱乐是集运动健身、休闲娱乐于一身的VIP会员制场所,开设课程有瑜伽、游泳、搏击操等。现为健身房设计制作运动健身App主页,要求不仅要宣传健身房课程种类,还要体现健身房的课程特色。

3.设计要求

(1)背景色的运用要富有活力,给人温馨舒适感。

(2)设计具有空间感,内容能与运动健身紧密相连。

(3)文字的设计醒目突出,重点突出主页的课程内容。

(4)整体设计简洁清晰,明确主题。

(5)设计规格为750 px(宽)×1334 px(高),分辨率为72 dpi。

9.5.2 项目素材及要点

1.素材资源

图片素材所在位置:本书学习资源中的“Ch09\素材\制作运动健身 App主页\01 ~ 04”。

文字素材所在位置:本书学习资源中的“Ch09\素材\制作运动健身 App主页\文字文档”。

2.设计作品

设计作品参考效果所在位置:本书学习资源中的“Ch09\效果\制作运动健身App主页.cdr”,效果如图9-209所示。

图9-209

3.制作要点

使用矩形工具、转角半径选项制作轮播框;使用阴影工具为图形添加阴影效果;使用矩形工具、导入命令、PowerClip 命令制作图框精确剪裁效果;使用椭圆工具、轮廓笔工具和透明度工具制作装饰圆环;使用多边形工具、圆角/扇形角/倒棱角泊坞窗、矩形工具和椭圆形工具制作主页图标和训练图标;使用文本工具、文本属性面板添加文字信息。

9.5.3 案例制作及步骤

1.制作顶部信息

(1)按Ctrl+N组合键,弹出“创建新文档”对话框,设置文档的宽度为750 px,高度为1334 px,原色模式为RGB,渲染分辨率为72 dpi,单击“确定”按钮,新建一个文档。

(2)双击“矩形”工具,绘制一个与页面大小相等的矩形,如图9-210所示。设置图形颜色的RGB值为243、243、243,填充图形,并去除图形的轮廓线,效果如图9-211所示。

图9-210

图9-211

(3)按Ctrl+I组合键,弹出“导入”对话框,选择本书学习资源中的“Ch09 > 素材 > 制作运动健身App主页 > 01”文件,单击“导入”按钮,在页面中单击导入图片,将其拖曳到适当的位置,效果如图9-212所示。

(4)选择“矩形”工具,在适当的位置绘制一个矩形,设置图形颜色的RGB值为248、142、154,填充图形,并去除图形的轮廓线,效果如图9-213所示。

图9-212

图9-213

(5)选择“椭圆形”工具,按住Ctrl键的同时,在适当的位置绘制一个圆形,如图9-214所示。按F12键,弹出“轮廓笔”对话框,在“颜色”选项中设置轮廓线颜色为白色,其他选项的设置如图9-215所示;单击“确定”按钮,效果如图9-216所示。

图9-214

图9-215

图9-216

(6)选择“透明度”工具,在属性栏中单击“均匀透明度”按钮,其他选项的设置如图9-217所示,按Enter键,效果如图9-218所示。

(7)选择“选择”工具,按数字键盘上的+键,复制圆形。按住Shift键的同时,向内拖曳圆形右上角的控制手柄,等比例缩小圆形,并将其拖曳到适当的位置,效果如图9-219所示。

图9-217

图9-218

图9-219

(8)选择“矩形”工具,在适当的位置绘制一个矩形,如图9-220所示。在属性栏中将“转角半径”选项均设为20 px,按Enter键,效果如图9-221所示。在“RGB调色板”中的“30%黑”色块上单击鼠标左键,填充图形,并去除图形的轮廓线,效果如图9-222所示。

图9-220

图9-221

图9-222

(9)选择“阴影”工具,在属性栏中单击“预设列表”选项,在弹出的菜单中选择“平面右下”,其他选项的设置如图9-223所示,按Enter键,效果如图9-224所示。

图9-223

(10)按Ctrl+I组合键,弹出“导入”对话框,选择本书学习资源中的“Ch09 > 素材 > 制作运动健身 App 主页 >02”文件,单击“导入”按钮,在页面中单击导入图片,将其拖曳到适当的位置并调整其大小,效果如图9-225所示。按Ctrl+PageDown组合键,将图片向后移一层,效果如图9-226所示。

图9-224

图9-225

图9-226

(11)选择“对象 > PowerClip > 置于图文框内部”命令,鼠标的光标变为黑色箭头形状,在矩形上单击鼠标左键,如图9-227所示。将图片置入矩形中,效果如图9-228所示。

图9-227

图9-228

(12)选择“文本”工具,在适当的位置输入需要的文字,选择“选择”工具,在属性栏中选取适当的字体并设置文字大小,填充文字为白色,效果如图9-229所示。

(13)选择“椭圆形”工具,按住Ctrl键的同时,在适当的位置绘制圆形,填充轮廓线为白色,效果如图9-230所示。在属性栏的“轮廓宽度”框中设置数值为4px,效果如图9-231所示。

图9-229

图9-230

图9-231

(14)选择“矩形”工具,在适当的位置绘制一个矩形,如图9-232所示。在属性栏中将“转角半径”选项均设为4 px,按Enter键,效果如图9-233所示。填充图形为白色,并去除图形的轮廓线,在属性栏的“旋转角度”框中设置数值为43,按Enter键,效果如图9-234所示。

图9-232

图9-233

图9-234

(15)选择“椭圆形”工具,按住 Ctrl 键的同时,在右侧适当的位置绘制一个圆形,填充图形为白色,并去除图形的轮廓线,效果如图9-235所示。

(16)按数字键盘上的+键,复制圆形。选择“选择”工具,按住 Shift 键的同时,水平向右拖曳复制的圆形到适当的位置,效果如图9-236所示。按Ctrl+D组合键,再制一个圆形,效果如图9-237所示。

图9-235

图9-236

图9-237

(17)选择“选择”工具,用圈选的方法将所绘制的圆形同时选取,按数字键盘上的+键,复制圆形。按住Shift键的同时,向外拖曳圆形右上角的控制手柄,等比例放大圆形,并将其拖曳到适当的位置,效果如图9-238所示。选取最右侧的圆形,设置图形颜色的RGB值为248、142、154,填充图形,效果如图9-239所示。

图9-238

图9-239

2.制作主页界面

(1)选择“文本”工具,在适当的位置分别输入需要的文字,选择“选择”工具,在属性栏中分别选取适当的字体并设置文字大小,效果如图9-240所示。选取文字“更多”,在“RGB调色板”中的“50%黑”色块上单击鼠标左键,填充文字,效果如图9-241所示。

(2)选择“矩形”工具,在适当的位置绘制一个矩形,如图9-242所示。在属性栏中将“转角半径”选项均设为7 px,按Enter键,效果如图9-243所示。填充图形为白色,并去除图形的轮廓线,效果如图9-244所示。

图9-240

图9-241

图9-242

图9-243

图9-244

(3)选择“阴影”工具,在属性栏中单击“预设列表”选项,在弹出的菜单中选择“平面右下”,其他选项的设置如图9-245所示,按Enter键,效果如图9-246所示。

图9-245

图9-246

(4)选择“选择”工具,选取白色圆角矩形,按数字键盘上的+键,复制圆角矩形。向上拖曳圆角矩形下方中间的控制手柄到适当的位置,调整其大小;在属性栏中将“转角半径”选项设为7 px,如图9-247所示,按Enter键,效果如图9-248所示。

图9-247

图9-248

(5)按Ctrl+I组合键,弹出“导入”对话框,选择本书学习资源中的“Ch09 > 素材 > 制作运动健身App主页 > 03”文件,单击“导入”按钮,在页面中单击导入图片,将其拖曳到适当的位置并调整其大小,如图9-249所示。按Ctrl+PageDown组合键,将图片向后移一层,如图9-250所示。

图9-249

图9-250

(6)选择“对象 > PowerClip > 置于图文框内部”命令,鼠标的光标变为黑色箭头形状,在矩形上单击鼠标左键,如图9-251所示。将图片置入矩形中,效果如图9-252所示。

图9-251

图9-252

(7)选择“矩形”工具,在适当的位置绘制一个矩形,如图9-253所示。在属性栏中将“转角半径”选项均设为20 px,按Enter键;填充图形为白色,并去除图形的轮廓线,如图9-254所示。

图9-253

图9-254

(8)选择“文本”工具,在适当的位置分别输入需要的文字,选择“选择”工具,在属性栏中分别选取适当的字体并设置文字大小,效果如图9-255所示。

(9)选择“文本 > 文本属性”命令,在弹出的“文本属性”面板中进行设置,如图9-256所示;按Enter键,效果如图9-257所示。

(10)选择“选择”工具,按住Shift键的同时,选取需要的文字,在“RGB调色板”中的“40%黑”色块上单击鼠标左键,填充文字,效果如图9-258所示。用相同的方法导入“04”文件并制作如图9-259所示的效果。

图9-255

图9-256

图9-257

图9-258

图9-259

3.绘制底部图标

(1)选择“矩形”工具,在页面底部绘制一个矩形,填充图形为白色,并去除图形的轮廓线,效果如图9-260所示。选择“多边形”工具,在属性栏的“点数或边数”框中设置数值为3,如图9-261所示,在页面外拖曳光标绘制一个三角形,如图9-262所示。

图9-260

图9-261

图9-262

(2)选择“窗口 > 泊坞窗 > 圆角/扇形角/倒棱角”命令,弹出“圆角/扇形角/倒棱角”泊坞窗,选项的设置如图9-263所示,单击“应用”按钮,效果如图9-264所示。

图9-263

图9-264

(3)选择“矩形”工具,在适当的位置绘制一个矩形,如图9-265所示。在属性栏中将“转角半径”选项设为22 px,如图9-266所示,按Enter键,效果如图9-267所示。

图9-265

图9-266

图9-267

(4)选择“选择”工具,按住 Shift 键的同时,单击上方三角形将其同时选取,设置图形颜色的RGB值为237、119、133,填充图形,并去除图形的轮廓线,效果如图9-268所示。

(5)选择“椭圆形”工具,按住Ctrl键的同时,在适当的位置绘制一个圆形,填充图形为白色,并去除图形的轮廓线,效果如图9-269所示。

(6)选择“选择”工具,用圈选的方法将所绘制的图形同时选取,并将其拖曳到页面中适当的位置,调整其大小,效果如图9-270所示。

图9-268

图9-269

图9-270

(7)选择“文本”工具,在适当的位置输入需要的文字,选择“选择”工具,在属性栏中选取适当的字体并设置文字大小,效果如图9-271所示。在“RGB调色板”中的“红”色块上单击鼠标左键,填充文字,效果如图9-272所示。

图9-271

图9-272

(8)选择“多边形”工具,在页面外拖曳光标绘制一个三角形,如图9-273所示。在“圆角/扇形角/倒棱角”泊坞窗中进行设置,如图9-274所示,单击“应用”按钮,效果如图9-275所示。

(9)在“RGB调色板”中的“40%黑”色块上单击鼠标左键,填充图形,并去除图形的轮廓线,效果如图9-276所示。在属性栏的“旋转角度”框中设置数值为﹣90,按Enter键,效果如图9-277所示。

图9-273

图9-274

图9-275

图9-276

图9-277

(10)选择“选择”工具,拖曳三角形到页面中适当的位置,并调整其大小,效果如图9-278所示。选取文字“主页”,按数字键盘上的+键,复制文字。按住 Shift 键的同时,水平向右拖曳复制的文字到适当的位置,效果如图9-279所示。选择“文本”工具,选取并重新输入文字“训练”,在“RGB调色板”中的“40%黑”色块上单击鼠标左键,填充文字,效果如图9-280所示。

图9-278

图9-279

图9-280

(11)用相同的方法绘制“社区”“目标”“我的”,效果如图9-281所示。运动健身App主页制作完成,效果如图9-282所示。

图9-281

图9-282