Illustrator教程

色彩会带给人不同的心理感受,引发联想,也能形成各种感情反应。因此,色彩搭配便成为一门很专业的学问。下面介绍Illustrator在配色方面能够给我们提供哪些帮助。

10.4.1 实战:从“颜色参考”面板中生成配色方案

要点

色彩配置有一定的规则。例如,应强调色与色之间的对比关系,以求得均衡美,如图10-166所示;色彩运用需注意调和关系,以求得统一美,如图10-167所示;色彩组合要有一个主色调,以保持画面的整体美,如图10-168所示。遵循此配色规则,比较容易搭配出完美、协调的颜色。



图10-166

图10-167

图10-168

配色道理虽然简单,但还是有不少人为此而苦恼。由于没有经过专业训练,只能“跟着感觉走”,凭借感觉配色,效果难免不尽如人意。不要紧,Illustrator可以协助我们做好颜色搭配。例如,在“拾色器”和“颜色”面板中设置好一种颜色之后,“颜色参考”面板会基于不同的配色规则,自动生成各种配色方案,可以用它们为图稿上色。下面我们来看一下具体操作方法。

01 打开“色板”面板,单击一个色板,如图10-169所示(也可在“颜色”面板或“拾色器”中调整颜色),“颜色参考”面板中会自动生成一个颜色组,如图10-170所示。

图10-169

图10-170

02 这个颜色组是基于当前颜色,通过一个颜色协调规则生成的,并且可以修改。只要单击按钮,打开颜色协调规则菜单进行选取就行了,如图10-171所示。

图10-171

03 下面用这个颜色组为图稿上色。打开素材,如图10-172所示。选择编组选择工具,按住Shift键单击小狗的身体图形,将它们选取,如图10-173所示。单击“颜色参考”面板中的色板,为其添加颜色,如图10-174所示。

图10-172

图10-173

图10-174

提示

也可以将色板拖曳到图形上,直接修改图形的颜色。

04 按住Shift键单击耳朵、舌头、橡皮等图形,填充棕色,如图10-175和图10-176所示。为铅笔图形填充深蓝色,如图10-177所示。使用面板中的其他颜色,完成铅笔的填色,如图10-178所示。

图10-175

图10-176

图10-177

图10-178

05 单击一个色板,如图10-179所示,单击将基色设置为当前颜色按钮,可以重新指定基色并更新颜色组,这样就基于该颜色构建了一个新的颜色组,如图10-180所示。为剩余的图形填色,如图10-181所示。

图10-179

图10-180

图10-181

06 单击面板底部的按钮,将颜色组保存到“色板”面板中,方便以后使用,如图10-182所示。

图10-182

“颜色参考”面板选项

图10-183所示为“颜色参考”面板中的选项和按钮。

图10-183

  • 颜色组/将基色设置为当前颜色:选取一种颜色后,Illustrator会以它为基色,并根据一定的颜色协调规则生成颜色组。单击按钮,可以打开菜单选择颜色协调规则。例如,选择“单色”选项,可创建包含所有相同色相,但饱和度级别不同的颜色组;选择“高对比色”或“五色组合”选项,可创建一个带有对比颜色、视觉效果更强烈的颜色组。选取其他颜色,并单击将基色设置为当前颜色按钮,可以将其指定为基色并重新创建颜色组。

  • 将颜色组限制为某一色板库中的颜色:如果要将颜色限定于某一色板库中,可单击该按钮,再从打开的下拉菜单中选择色板库。

  • 编辑颜色单击该按钮,可以打开“重新着色图稿”对话框(参考此处)

  • 将颜色保存到“色板”面板单击该按钮,可以将当前的颜色组保存到“色板”面板中。

技术看板 增/减暗色和淡色

在“颜色参考”面板中,Illustrator会为颜色组中的每一种颜色创建4种暗色和4种淡色。如果想增加或减少暗色和淡色的数量,可以打开面板菜单,选择“颜色参考选项”命令,在弹出的对话框中设置。

默认状态(暗色、淡色各4种)

将暗色和淡色减少为3种

10.4.2 从“Adobe Color Themes”面板中生成配色方案

“颜色参考”面板只能生成固定的配色方案,这对于有经验的设计师可能有点过于简单了。要想获得更大的灵活度、更自由的配色空间,以及更加专业的配色指导,可以使用“Adobe Color Themes”面板。

执行“窗口>颜色主题”命令,打开“Adobe Color Themes”面板。单击“Create”(创建)选项卡,面板中会显示一组颜色主题(共5种颜色,中间的是基色),下方是一个色轮,如图10-184所示。

图10-184

在面板中选取颜色规则,共7种:Analogous(相似色)、Monochromatic(单色),Triad(三色)、Complementary(补色)、Compound(合成色)、Shades(暗色)和Custom(自定义)。选择一个颜色规则后,基色附近会自动构建配色方案,如图10-185所示。

图10-185

拖曳色轮和面板底部的滑块,可以更加灵活地定义基色和调整颜色主题,如图10-186~图10-188所示。

图10-186

图10-187

图10-188

定义好颜色主题之后,输入名称并单击“Save”按钮,如图10-189所示;然后选择想要作为主题保存位置的Creative Cloud库,如图10-190所示;再单击“Save”按钮,即可将颜色主题保存到“Adobe Color Themes”面板中。需要使用时,单击该面板中的“My Themes”(我的主题)选项卡,即可找到它。

图10-189

图10-190

单击面板中的“Explore”(浏览)选项卡,可以显示所有公共颜色主题。在下拉列表中选择“Most Popular”(最热门)、“Most Used”(最常用)、“Random”(随机)等选项,可依据颜色主题筛选配色方案,如图10-191~图10-193所示。如果想要按照某一类别和某一时间段筛选颜色主题,可以使用搜索栏查找。

图10-191

图10-192

图10-193

技术看板 从图片颜色中生成配色方案

Adobe公司创建了很多设计网站,其中既有Behance这样综合型的设计社区和创意作品发布平台,也有各种分类设计网站,如Adobe Fonts(字体网站)、Adobe Color(配色网站)等。

在Adobe Color上配色与使用“Adobe Color Themes”面板大致相同,我们也是选择一种颜色搭配规则,之后拖曳色轮或颜色条上的滑块来进行配色。即使没有美术基础,不懂色彩原理和颜色搭配规则的人,也能从中获得灵感和启发。

Adobe Color提供了更加专业的服务。例如,可以切换颜色模式;也可以上传图片,让网站自动分析并从图片中提取主要颜色,生成配色方案;还可从图片中提取渐变颜色。

从图片中提取主要颜色

从图片中提取渐变

当我们保存颜色主题的时候,还会自动同步到Creative Cloud中。就是说,颜色主题还可以在Illustrator之外的其他Adobe Creative Cloud程序,如Photoshop、InDesign等软件的“库”面板中使用。