Illustrator教程

填色、描边、不透明度、效果等这些不改变对象结构,但能影响对象效果的功能,集合起来便称为外观。将外观应用于对象后,可随时修改,也可以删除。

AI技术/设计讲堂:“外观”面板及使用技巧

“外观”面板

需要修改对象的填色、描边、效果,或者想添加和删除这些外观属性的时候,就会用到“外观”面板。选取一个对象,如图7-67所示,它的外观属性会出现在“外观”面板中。双击一个效果,如图7-68所示,可以打开对话框,修改效果参数,如图7-69和图7-70所示。也可以将外观属性拖曳到按钮上进行复制,或者拖曳到按钮上,将其删除。就像图层一样,“外观”面板中的各个效果也是按应用的先后顺序上下堆叠的,这样的结构称为堆栈。既然与图层的结构相似,我们就可以采用拖曳的方法,调整它们的堆栈顺序,进而改变对象的整体外观。

图7-67

图7-68

图7-69

图7-70

  • 所选对象的缩览图:当前选取的对象的缩览图。它右侧的名称标示了对象的类型,如路径、文字、组、图像和图层等。

  • 描边/填色:显示并可修改对象的描边属性(描边颜色、粗细和类型)和填充内容。

  • 不透明度:单击该名称,可以显示透明度下拉面板,用它可以修改对象的不透明度、混合模式,制作不透明度蒙版。

  • 眼睛图标选取对象,单击一个外观属性前面的眼睛图标,可以隐藏该属性。如果要重新将其显示出来,可在原眼睛图标处单击。

  • 添加新描边/添加新填色单击相应的按钮,可以为对象添加一个描边或填色属性。

  • 添加新效果单击该按钮,可在打开的下拉菜单中选择效果。

  • 清除外观单击该按钮,可清除所选对象的外观,使其变为无描边、无填色的状态。

外观使用技巧

当需要给多个对象添加相同效果时,我们会将它们一同选取,再统一应用效果。如果在后面的编辑过程中又有其他对象要使用这种效果,就要开动脑筋,想一些简便的方法了。例如,可以将外观创建为图形样式,其他对象使用这一样式便能自动生成某种效果(参考此处);可以用吸管工具从现有的对象上复制外观(参考此处);可以为图层和组添加效果,之后,将对象创建到、移入或编入这样的图层或组中,它便拥有与图层或组相同的外观了(参考此处)

7.2.1 实战:为图层(或组)添加外观

01 打开素材,如图7-71所示。在“月亮星星”图层的选择列中单击,选取该图层,如图7-72所示。如果要为组添加效果,可以使用选择工具选取编了组的对象。


图7-71

图7-72

02 执行“效果>风格化>外发光”命令,添加“外发光”效果,如图7-73所示。该图层中的所有对象都会被添加这一效果,如图7-74所示。

图7-73

图7-74

03 将“云”图层中的图形拖曳到“月亮星星”图层中,如图7-75所示,云朵便会被自动添加“投影”效果,如图7-76所示。将一个对象从该图层中移出,它将失去效果。因为效果属于图层,而不属于其中的单个对象。

图7-75

图7-76

技术看板 为填色和描边添加效果

选取对象,在“外观”面板中单击填色或描边属性,之后使用“效果”菜单中的命令,可将效果添加到填色或描边上。

7.2.2 实战:复制外观属性

下面我们来学习4种外观属性的复制方法。我们将通过“外观”面板和吸管工具操作。


01 选择选择工具,单击云朵图形,如图7-77所示。将“外观”面板顶部的缩览图拖曳到另一个对象上,可将云朵的外观复制给它,如图7-78所示。

图7-77

图7-78

02 选择吸管工具,在心形上单击,可复制它的外观并应用到所选对象(云朵)上,如图7-79所示。

图7-79

03 在画板外单击,取消选择。我们来看一看怎样在未选取对象的情况下复制。选择吸管工具,在猫咪图形上单击,如图7-80所示,拾取它的填色和描边属性;按住Alt键(鼠标指针变为状)单击心形图形,可以将拾取的属性应用给它,如图7-81所示。

图7-80

图7-81

提示

吸管工具可以复制填色、描边、字符样式、段落样式和添加的效果等外观属性。默认情况下,它会复制对象上的所有外观属性。如果只想复制部分属性,可以双击该工具,在打开的“吸管选项”对话框中进行设置。

7.2.3 实战:古典艺术字(多重描边/填色)

Illustrator诞生于1987年,虽然时间并不遥远,但在设计类软件里,也属于比较早的了。为了表达我们的敬意,本实战以它诞生的年份1987为设计元素,作一款古典艺术字,如图7-82所示。从中可以学到多重描边、多重填色的使用技巧。


图7-82

01 创建一个A4纸大小的文件。使用矩形工具创建一个与画板大小相同的矩形,填色并将其锁定,如图7-83~图7-85所示。

图7-83

图7-84

图7-85

02 使用文字工具输入文字,设置描边粗细为4 pt,颜色为深棕色,如图7-86和图7-87所示。

图7-86

图7-87

03 在文字“1”上拖曳鼠标,将其选取,如图7-88所示;将字符间距设置为-150,如图7-89所示。

图7-88

图7-89

04 分别选取“9”和“8”并调整间距,如图7-90和图7-91所示。

图7-90

图7-91

05 单击3下“外观”面板中的按钮,添加3个描边,如图7-92所示。修改顶层的描边颜色和宽度,如图7-93和图7-94所示。

图7-92

图7-93

图7-94

06 单击图7-95所示的描边属性。单击面板底部的按钮,打开菜单,选择“扭曲和变换>变换”命令,添加该效果,如图7-96和图7-97所示。

图7-95

图7-96

图7-97

07 单击两次面板底部的按钮,添加两个填色属性,并设置为与背景相同的颜色,如图7-98所示。单击位于上方的填色,如图7-99所示。

图7-98

图7-99

08 执行“窗口>色板库>图案>基本图形>基本图形_线条”命令,打开图案库。单击图7-100所示的图案,为文字填充该图案,如图7-101所示。

图7-100

图7-101

09 执行“对象>变换>分别变换”命令,打开“分别变换”对话框。只勾选“变换图案”选项,调整缩放和角度参数,如图7-102所示,对图像进行缩小和旋转,如图7-103所示。

图7-102

图7-103

10 单击图7-104所示的描边属性。单击面板底部的按钮,打开菜单,选择“扭曲和变换>变换”命令,添加该效果,如图7-105和图7-106所示。

图7-104

图7-105

图7-106

提示

为文字配上古典花纹,或者使用其他图案进行填充,可以获得不同风格的艺术字。另外,当前文字没有转换为轮廓,也没有栅格化,所以还可以修改字体和文字内容。

7.2.4 实战:制作卡通模型

绘制图形后,添加“投影”效果可以使图形产生立体感,再通过图形之间的层层重叠,便能很好地表现体积感和空间感。下面用这种方法制作卡通模型,如图7-107所示。


图7-107

01 使用矩形工具创建一个矩形,填充黑色,无描边,如图7-108所示。选择直接选择工具,单击左上角的锚点,连按7次→键,将锚点向右侧移动,如图7-109所示。用同样的方法移动右上角的锚点,制作出一个梯形,如图7-110所示。

图7-108

图7-109

图7-110

02 执行“效果>风格化>投影”命令,为图形添加投影效果,如图7-111和图7-112所示。

图7-111

图7-112

03 打开“外观”面板菜单,取消勾选“新建图稿具有基本外观”命令,如图7-113所示,这样在此之后绘制的图形就都带“投影”效果了。选择多边形工具,拖曳鼠标(按↓键)创建三角形,如图7-114所示。

图7-113

图7-114

04 使用选择工具调整三角形的宽度,将它放在梯形的左上角,如图7-115所示。按住Alt键向右拖曳进行复制,如图7-116所示。

图7-115

图7-116

05 使用钢笔工具绘制眼睛,如图7-117所示。保持图形被选取,选择镜像工具,按住Alt键,在黑色图形的中间位置单击,弹出“镜像”对话框,选取“垂直”选项,单击“复制”按钮,如图7-118所示,镜像并复制出一个图形,如图7-119所示。

图7-117

图7-118

图7-119

06 继续绘制脸部及身体图形,分别以浅黄色、灰色、黄色及黑色填充,如图7-120和图7-121所示。

图7-120

图7-121

07 在衣服上绘制蝙蝠状图形,如图7-122所示。在“外观”面板中单击“投影”属性,将其拖曳到面板底部的按钮上删除,如图7-123和图7-124所示。

图7-122

图7-123

图7-124

08 绘制脚部,脚部由灰色和黑色图形组成,不带投影效果。使用矩形工具和钢笔工具绘制右臂,如图7-125所示。选择选择工具,按住Shift键选取组成右臂的图形,按Ctrl+G快捷键编组,按Shift+Ctrl+[快捷键移至底层。选择镜像工具,按住Alt键在身体图形的中间位置单击,弹出“镜像”对话框,选取“垂直”选项,单击“复制”按钮,镜像并复制出左臂,如图7-126所示。

图7-125

图7-126

09 选取蝙蝠图形,按Ctrl+C快捷键复制,在制作背景时会用到。单击“图层”面板底部的按钮,新建“图层2”,如图7-127所示。在“图层1”的缩览图前方单击,锁定该图层,将“图层2”拖到“图层1”下方,如图7-128所示。

图7-127

图7-128

10 使用矩形工具创建一个矩形作为背景,填充蓝色,如图7-129所示。使用钢笔工具绘制背景上的装饰图形,如图7-130所示。

图7-129

图7-130

11 按Ctrl+V快捷键,将前面复制的蝙蝠图形粘贴到画板上,调一下大小,如图7-131所示。按住Shift键单击红色图形,将其一同选取,单击“路径查找器”面板中的减去顶层按钮,制作出挖空效果,如图7-132所示。

图7-131

图7-132

12 执行“效果>风格化>投影”命令,添加投影效果,如图7-133和图7-134所示。

图7-133

图7-134

13 再次粘贴蝙蝠图形,填充黄色,调整大小,如图7-135所示。按Ctrl+[快捷键,向后移至红色图形下方,如图7-136所示。

图7-135

图7-136

14 创建一个矩形,填充线性渐变。将两个色标都设置为深蓝色。单击右侧色标,设置不透明度为0%,如图7-137和图7-138所示。

图7-137

图7-138

15 将左侧色标略向右拖动。按住Alt键拖曳右侧色标,将其复制到最左端,如图7-139所示,使图形的深色边缘变得柔和,如图7-140所示。

图7-139

图7-140

16 使用椭圆工具创建椭圆形,如图7-141所示。执行“效果>风格化>羽化”命令,设置半径为2 mm,如图7-142所示。在“透明度”面板中设置混合模式为“正片叠底”,不透明度为80%,如图7-143和图7-144所示。

图7-141

图7-142

图7-143

图7-144

17 使用钢笔工具绘制一个黑色图形。按Ctrl+[快捷键向后移动,如图7-145所示。按Alt+Shift+Ctrl+E快捷键,打开“羽化”对话框,设置半径为30 mm。设置混合模式为“正片叠底”,不透明度为60%,如图7-146所示。

图7-145

图7-146

18 使用钢笔工具绘制一个略小于卡通人身体的图形,如图7-147所示。执行“效果>风格化>外发光”命令,通过对外发光的设置,拉开人物与背景的距离,如图7-148和图7-149所示。

图7-147

图7-148

图7-150

7.2.5 删除/扩展外观

选取对象,如图7-150所示。如果要删除它的一种外观,可在“外观”面板中将这种属性拖曳到按钮上,如图7-151~图7-153所示。

图7-150

图7-151

图7-152

图7-153

如果要删除填色和描边之外的所有外观,可以打开面板菜单,选择“简化至基本外观”命令,如图7-154和图7-155所示。如果要删除所有外观,即将对象设置为无填色、无描边的状态,可以单击按钮。

图7-154

图7-155

如果想让对象的外观变成图形,可以执行“对象>扩展外观”命令,这样它的外观就会扩展为各自独立的对象并自动编组。图7-156所示为扩展出来的填色、描边和投影对象。

图7-156