
模拟制作任务 2 课时
任务一 贵宾卡的设计与制作
任务背景
某美容机构由于需要发展会员,需要制作一批贵宾卡。
任务要求
会员卡专为女性发放,要求其画面简单、整洁。
任务分析
贵宾卡上不要求有很多内容,最主要突出“一颗爱心”图形,图形需要在Illustrator 1中制作。背景图2可以预先在Photoshop中制作,分辨率3要求为300ppi。
本案例的难点

操作步骤详解
建立新文档
1 双击Illustrator启动图标4,启动Illustrator。第一次启动软件时,软件会自动打开“欢迎屏幕”,如图1-1所示。

图1-1
2 单击“欢迎屏幕”右侧的“‘打印’文档”选项,在弹出的【新建文档】对话框中,设置“名称”为“贵宾卡”、“画板数量”为“1”、“宽度”为“85.5mm”、“高度”为“54mm”、“单位”为“毫米”、四边“出血”为“0mm”,如图1-2所示。单击【确定】按钮创建一个空的新文档5。

图1-2
置入背景
3 执行【文件】>【置入】命令,弹出【置入】对话框,如图1-3所示。选择预先在Photoshop中制作好的素材“模块01\会员卡底图.jpg”,勾选【链接】复选框,单击【置入】按钮将其置入到页面中。

图1-3
提示:
勾选和不勾选【链接】复选框,对于图像在页面中显示是没有什么区别的。但对于图像与文档之间的关系却有很大不同。勾选【链接】复选框,图像与文档是一种链接关系,页面中显示的只是这个图像文件的“投影”,当把这个Illustrator文档移动到其他电脑里时,需要把这个图像文件同时复制过去,否则打开Illustrator文档会提示找不到这个文件。如图不勾选【链接】复选框则不会出现这个问题,Illustrator文档会因为嵌入了这个图像文件而变得很大(占磁盘空间很大),同时会降低软件的进行速度。

4 将置入的图像沿页面边缘放好。完成后的效果如图1-4所示。

图1-4
绘制心形图形
5 使用鼠标在工具箱中的【直线段工具】上按下片刻,工具全部显示出来后再单击右侧三角将工具组打开,如图1-5所示。


图1-5
6 选择其中的【矩形网格工具】 6在页面空白处单击,弹出【矩形网格工具选项】对话框。在对话框中设置“宽度”和“高度”均为“60mm”,设置“水平分隔线”的“数量”为“0”、“垂直分割线”的“数量”为“3”,如图1-6所示。完成后单击【确定】按钮,绘制出一个网格图形,如图1-7所示。

图1-6

图1-7
7 使用【选择工具】 7选择这个网格,执行【视图】>【参考线】>【建立参考线】命令,将这个图形转为参考线。再使用鼠标右键单击参考线,在弹出的快捷菜单中执行【锁定参考线】命令将参考线锁定,如图1-8所示。

图1-8
提示:
锁定参考线后,参考线不可以被移动、编辑或删除。
8 选择工具箱中的【钢笔工具】 9,在参考线的交叉点上,按顺序连续单击产生路径8,最后将终点和起点闭合,绘制出一个闭合三角形路径,如图1-9所示。

图1-9
提示:
在使用【钢笔工具】绘制图形时,终点与起点重合时,光标右下角会显示一个圆,单击后图形变为闭合路径。
9 按下【Shift】键后,使用【直接选择工具】10将1和5两个锚点同时选中,按键盘上的【↓】键将这两个点向下移动,如图1-10所示。

图1-10
10 使用【直接选择工具】将锚点3选中并向下移动,如图1-11所示。

图1-11
提示:
在移动锚点时,按下【Shift】键可以控制水平、垂直或以45°夹角方向的移动。或是勾选【视图】菜单下的【智能参考线】命令,打开【智能参考线】后,移动锚点时锚点会自动吸附参考线。

11 选择钢笔工具组中的【转换锚点工具】,单击锚点2并向右侧拖曳,使锚点由尖角点变为圆角点,如图1-12所示。

图1-12
提示:
如果第一次使用【转换锚点工具】调弧度时效果不好,可以使用【直接选择工具】选择这个点,将这个锚点的方向点和方向线显示出来,再单独选择一个方向点来调整;或是使用【转换锚点工具】单击这个锚点,使其变回尖角点后重新转为圆角点。
12 使用相同的方法,将锚点1、4、5由尖角点变为圆角点,如图1-13所示。

图1-13
13 选择工具箱中的【选择工具】,按下【Alt】键后移动并复制出一个心形。将其中一个心形先放置在一旁备用。再将另一个心形选中,单击工具箱下方的【填充渐变】11按钮,将心形内填充渐变色,如图1-14所示。

图1-14
提示:
在Illustrator中,渐变色只能填充到图形内部,不可以为描边应用渐变色。
14 执行【窗口】>【渐变】命令,打开【渐变】调板,双击渐变颜色条下左侧的渐变滑块,设置滑块的颜色为C11、M100、Y63、K25,如图1-15所示。

图1-15
15 双击右侧的颜色滑块,设置右侧颜色滑块的颜色为C0、M55、Y23、K0,如图1-16所示。

图1-16
16 在两个颜色滑块中间偏右的地方单击,添加一个颜色滑块,双击这个颜色滑块,设置其颜色为C0、M77、Y40、K0,如图1-17所示。设置完成后,心形图形如图1-18所示。

图1-17

图1-18
提示:
如果颜色过渡不理想,可以选中这个心形后,使用【渐变工具】对其调整。

17 选择工具箱中的【选择工具】,按下【Alt】键后移动并复制这个应用了渐变效果的心形图形,用鼠标按住中间的颜色滑块并向调板外拖曳,将这个颜色块删除。再将左、右两个颜色块的颜色分别设置为C11、M100、Y63、K11和C0、M77、Y40、K0,如图1-19所示。

图1-19
18 按下【Shift】键,使用【选择工具】调整这个心形的节点,使其变得稍小一些,如图1-20所示。

图1-20
19 将两个心形重叠摆放在一起,大约以水平中心对齐,如图1-21所示。

图1-21
20 选择工具箱中的【选择工具】,按下【Alt】键后移动并复制上面的心形,再使用【删除锚点工具】单击心形最下方的锚点,将这个锚点删除,心形产生变形,如图1-22所示。

图1-22
21 选择这个变了形的心形,将左、右两个颜色块的颜色分别设置为C4、M85、Y46、K6和C0、M22、Y11、K0,如图1-23所示。完成后的图形效果如图1-24所示。


图1-23

图1-24
22 将这个变了形的心形放置在前一个心形的中间,如图1-25所示。

图1-25
23 选择工具箱中的【钢笔工具】,绘制一个如图1-26所示的图形。打开【渐变】调板,将左侧颜色滑块向右滑动,双击这个滑块设置其颜色为C0、M22、Y11、K0,右侧颜色滑块设置为白色,如图1-27所示。

图1-26

图1-27
提示:
在绘制这个图形的时候,可以使用“描图”的方法来绘制。因为这个图形与心形右半部分上方边缘的形状相同,所以可以使用【钢笔工具】“描”这个位置。

24 再使用【钢笔工具】绘制一个如图1-28所示的图形,将绘制的这两个图形分别放置在如图1-29所示的位置上。

图1-28

图1-29
提示:
在使用【钢笔工具】绘制这个图形的时候,可以先绘制出一个倒三角形,再使用【转换锚点工具】对其进行修改。

25 使用【选择工具】将这些图形全部选中,执行【对象】>【编组】12命令将它们编组。
提示:
如果需要调整编辑内的图形的位置,可以使用【编组选择工具】13。
26 选择在步骤12中复制出来备用的心形,使用【选择工具】调整其节点,将其调整得比编组的心形大些,将其填充色设置为白色、描边色为无色,如图1-30所示。

图1-30
27 选择这个白色心形,执行【效果】>【模糊】>【径向模糊】命令,弹出【径向模糊】对话框,设置“数量”为“100”、“模糊方法”为“缩放”、“品质”为“好”,单击【确定】按钮,如图1-31所示。


图1-31
28 执行【效果】>【风格化】>【羽化】命令,弹出【羽化】对话框,设置“羽化半径”为“10mm”,单击【确定】按钮,完成设置,如图1-32所示。


图1-32
提示:
关于Illustrator中【效果】的使用,请参阅本书模块07。
29 将两组心形重叠放置在一起,并将它们放置在页面中心处,如图1-33所示。

图1-33
30 选择工具箱中的【螺旋线工具】14,在页面上拖曳绘制出一条螺旋线,将描边颜色设置为白色。执行【窗口】>【描边】命令,打开【描边】调板,设置“粗细”为“0.4mm”、“配置文件”为“宽度配置文件1”,如图1-34所示。

图1-34
31 执行【窗口】>【透明度】命令,打开【透明度】调板,设置“不透明度”为“60”,如图1-35所示。

图1-35
32 使用相同的方法,再绘制出两条螺旋线,并适当调整它们的不透明度,使它们稍稍有些差异。并将它们放置在心形图形的左侧,如图1-36所示。

图1-36
33 使用【选择工具】选择心形图形,执行【对象】>【排列】>【置于顶层】命令,将心形置于螺旋线的顶部,如图1-37所示。

图1-37
制作其他对象
34 执行【文件】>【置入】命令,弹出【置入】对话框,如图1-38所示。选择素材“模块01\标识1.ai”,勾选【链接】复选框,单击【置入】按钮将其置入到页面中;再使用同样的方法将素材“模块01\标识2.ai”置入到页面中。将两素材图像放置在页面的左侧,使它们的左边缘与页面左边缘对齐,如图1-39所示。

图1-38

图1-39
35 选择工具箱中的【文字工具】,分别输入“VIP”、卡号、“雪依氏美容机构”等字样。调整其大小后,将其放置在页面的底部,如图1-40所示。

图1-40
提示:
所有操作完成后,最后再检查一下文档,看是否有不适合的地方,适当地调整以达到最完美的效果。
存储输出
36 执行【文件】>【存储】命令,弹出【存储为】对话框,在对话框中选择文件要存储的位置,在“保存类型”下拉列表框中选择“Adobe Illustrator(*.AI)”选项,单击【保存】按钮完成存储,如图1-41所示。

图1-41
提示:
AI格式是Illustrator文件的原始文件格式。无论是使用Illustrator,还是使用Photoshop等软件设计制作,都需要为设计保存一份原始文件,以便于修改。