任务1.3 设计节气海报
某客户委托公司设计一组以“二十四节气”为主题的海报,以弘扬中国传统文化。老洪接到了该任务,由于二十四节气较多,老洪便将其中的“处暑”“白露”节气海报分配给米拉设计。米拉先通过网络了解这两个节气的特点,然后搜集节气的对应元素来设计海报。如“处暑”节气海报可采用手捧西瓜插画、树叶等元素表现吃西瓜解暑、暑气渐消的感觉,“白露”节气海报考虑以青蓝色的天空、展翅的白鹭表现秋高气爽、天气渐凉的感觉。海报的文字字体考虑采用书法体,以弘扬中国传统文化。
任务描述
本任务的参考效果如图1-15所示。
图1-15 “处暑”“白露”节气海报参考效果
高清彩图
素材位置:素材\项目1\树叶.jpg、处暑文案.ai、西瓜插画.ai、白露文案.ai、白露背景.jpg
效果位置:效果\项目1\节气海报.ai、节气海报.jpg
知识准备
米拉经过前面的学习与准备,对Illustrator应用领域、工作界面等有了详细的了解。她深知,运用Illustrator就能快速完成本次的节气海报设计任务。为保证后续设计工作的顺利进行,米拉首先要熟悉Illustrator基础操作,包括新建空白文件、设置画板、置入文件、导出文件、浏览视图,以及标尺、辅助线、网格的使用等。
1. 新建文件
选择【文件】/【新建】命令,或在启动界面中单击按钮,打开图1-16所示的“新建文档”对话框。单击对话框上方的标签选项,展开对应的参数选项,双击预设尺寸可以快速创建文件。在对话框右侧可自定义设置新建文件的参数,如名称、宽度和高度、方向、出血、单位、颜色模式等,设置完成后单击按钮完成文件的创建。单击按钮,将打开“更多设置”对话框,如图1-17所示,在其中能对文件进行更详细的设置,设置完成后单击按钮。
图1-16 “新建文档”对话框
图1-17 “更多设置”对话框
“新建文档”对话框与“更多设置”对话框的参数大致相同,主要参数的含义介绍如下。
名称(预设详细信息):用于设置新建文件的名称,默认情况下为“未标题-1”。
配置文件:该下拉列表中提供了打印、Web(网页)、基本RGB这3个选项,选择任意一个选项后,文件参数会自动根据所选选项进行调整。
画板数量(画板):用于设置工作界面中画板的数量。
间距:用于设置画板之间的默认距离。
列数:用于设置画板的列数。
大小:用于设置画板的预设尺寸。
宽度、高度:用于设置画板的尺寸。
单位:用于设置文件所采用的单位,默认情况下为“毫米”。
取向(方向):用于设置新建页面的方向(竖向或横向)。
出血:用于设置页面上、下、左、右的出血值。出血是指图稿落在印刷边框、打印定界框或位于裁剪标记外的区域。
颜色模式:用于设置文件的颜色模式。
栅格效果(光栅效果):用于设置文件栅格效果的分辨率。
预览模式:用于设置文件的预览模式。
2. 设置画板
新建文件后,画板的大小和位置可以更改,而且一个文件中可同时存在多个画板,常用于多页面设计作品。选择“画板工具”,将鼠标指针移动到画板内部,直接拖曳到其他位置可以移动画板,拖曳画板定界框上的控制点可以调整画板大小,如图1-18所示。
图1-18 调整画板大小
在“画板工具”的控制栏中可以设置画板的参数,如图1-19所示。
图1-19 “画板工具”的控制栏
:选择画板,在该下拉列表中选择一种预设的尺寸可修改画板大小。
纵向、横向:单击对应按钮,可以调整画板的方向。
新建画板:单击该按钮,可新建一个与所选画板大小相同的画板。
删除画板:单击该按钮将删除所选的画板。
名称:用于设置所选画板的名称。
移动/复制带有画板的图稿:该按钮默认处于选中状态,表示在移动和复制画板时,画板中的内容同时被复制并移动。
画板选项:单击该按钮,打开“画板选项”对话框,可设置画板参数。
X、Y:用于设置画板在工作界面中的位置。
高、宽:用于设置画板的大小。
约束宽度和高度比例:单击该按钮,设置画板的宽度和高度时,可以限制宽度和高度比例,即同时改变宽度和高度数值,使其比例保持不变。
:单击该按钮可以打开“重新排列所有画板”对话框,在其中可设置版面排列方式、版面顺序、画板列数、画板间距等参数。
对齐所选选项:此按钮默认处于未激活状态,选择多个对象后激活。该按钮用于设置对齐的参考对象,需要配合“对齐”面板使用,具体讲解参考项目3的任务3.2。
3. 置入文件
在Illustrator中打开或创建文件后,可通过置入文件将外部素材添加至当前文件中。置入文件的方法为:选择【文件】/【置入】命令,打开“置入”对话框,选择置入文件,设置置入参数,单击按钮,如图1-20所示。返回工作界面,单击即可将文件按原大小置入单击的位置;按住鼠标左键进行拖曳可自定义置入文件的大小和位置。
图1-20 置入文件
“置入”对话框中主要参数的介绍如下。
链接:选中该复选框,则被置入的文件保持独立。当链接的文件被修改或编辑时,置入的链接文件也会自动修改并更新。如果取消选中该复选框,置入的文件会嵌入Illustrator文件中,并且当链接的文件被编辑或修改时,嵌入的文件将不会自动更新。
模板:选中该复选框,可将置入的文件转换为模板文件。将置入的文件转换为模板文件后,置入的文件将自动在“图层”面板中的模板图层上被锁定。
替换:若当前文件中已经有一个置入的文件,并且处于选中状态,则“替换”复选框被选中时,新置入的文件会替换处于选中状态的文件。
显示导入选项:选中该复选框,导入部分格式的文件时会出现设置对话框。
置入文件后,选择【窗口】/【链接】命令,打开“链接”面板,如图1-21所示,通过该面板可以对置入文件进行定位、重新链接、编辑等操作。“链接”面板中主要参数的介绍如下。
图1-21 “链接”面板
显示链接信息:在“链接”面板中选择一个对象,单击该按钮,面板下方将显示链接名称、格式、缩放比例、路径等信息。
从信息库重新链接:单击该按钮,在打开的“库”面板中重新进行链接。
重新链接:在“链接”面板中选择一个对象,单击该按钮,在打开的“置入”对话框中可选择一个素材来替换当前链接内容。
转至链接:在“链接”面板中选择一个对象,单击该按钮,在画板中定位该对象。
更新链接:当链接修改后,单击该按钮,画板中的对象将同步修改。
编辑原稿:在“链接”面板中选择一个链接对象,单击该按钮,在打开的图像编辑器中可编辑链接对象。
嵌入的文件:在“链接”面板中,若对象后面有该图标,表示该对象的置入方式为嵌入。
4. 导出文件
在Illustrator中完成作品的创作后,应将其导出为不同格式的文件,方便在其他软件中打开和使用。选择【文件】/【导出】命令,其中提供了以下3种导出子命令。
导出为多种屏幕所用格式:选择该命令,可以一步生成不同大小和格式的文件,以适应不同屏幕的需求。
导出为:选择该命令,可以将文件导出为PNG、JPG和SWF等常见的文件格式。
存储为Web所用格式:选择该命令,可以在导出文件的同时,优化文件在计算机网页或手机等移动设备屏幕上的显示效果。
5. 浏览视图
打开文件后,可通过控制栏的缩放数值框调整视图缩放比例,也可在“视图”菜单中选择合适的缩放命令,如放大、缩小、画板适合窗口大小、全部适合窗口大小和实际大小等,使视图更适合浏览,如图1-22所示。此外,还可通过“缩放工具”、“抓手工具”、“导航器”面板辅助浏览视图。
图1-22 “视图”菜单命令
(1)缩放工具
若当前画面不满足浏览需要,可以选择工具箱中的“缩放工具”,并将鼠标指针移动到画板中,此时鼠标指针会显示为放大镜形状,其内部还有一个“+”形状,在画板任一位置单击,可将当前画板放大一倍,且单击处将移动到屏幕中间,如图1-23所示。
图1-23 使用“缩放工具”放大显示局部
知识补充
快速缩放视图
按住【Alt】键向前滚动鼠标滚轮,可以鼠标指针所在位置为中心快速放大视图;按住【Alt】键向后滚动鼠标滚轮,可以鼠标指针所在位置为中心快速缩小视图。
(2)抓手工具
当图像呈较大倍数显示时,在工具箱中选择“抓手工具”或按【H】键,此时,鼠标指针将变为形状,按住鼠标左键不放并朝任意方向拖曳画板,可查看各个位置的图像。图1-24所示为使用“抓手工具”向上拖曳画板,查看下方的图像。
图1-24 使用“抓手工具”查看图像
(3)“导航器”面板
如果画板的放大倍数较大,能同时看到的图像内容较少,使用“缩放工具”和“抓手工具”查看图像就不太便捷。此时,可通过“导航器”面板更加快速地查看整个图像。选择【窗口】/【导航器】命令,打开“导航器”面板,如图1-25所示。
图1-25 “导航器”面板
“导航器”面板中主要参数的介绍如下。
视图框:视图框默认显示为红色矩形框,用于指示画板中正在查看的区域。保持放大状态并拖曳视图框到其他位置,可查看不同区域的图像。
按钮:单击面板右上角的按钮,在弹出的菜单中选择“仅查看画板内容”命令,缩略图将仅显示画板内的内容;选择“面板选项”命令,则可在打开的“画板选项”对话框中设置视图框的颜色。
显示倍数:用于设置精确的显示倍数。单击按钮,可减小显示倍数;单击按钮,可增大显示倍数。
6. 标尺、参考线、网格
Illustrator提供了标尺、参考线和网格等工具,利用这些工具可以帮助设计师精确定位所绘制和编辑的图形,更准确地测量图形的尺寸。
(1)标尺
显示标尺是创建参考线的第一步,按【Ctrl+R】快捷键或选择【视图】/【标尺】/【显示标尺】命令可显示出标尺,按【Ctrl+R】快捷键可将显示的标尺隐藏。如果需要设置标尺的显示单位,则在标尺上单击鼠标右键,在弹出的快捷菜单中选择需要的单位,如图1-26所示;或者选择【编辑】/【首选项】/【单位】命令,打开“首选项”对话框,如图1-27所示,在“单位”选项卡中设置标尺的显示单位,单击按钮。
图1-26 设置标尺的显示单位
图1-27 “首选项”对话框
知识补充
设置标尺的坐标原点
在软件默认的状态下,标尺的坐标原点在文件窗口的左上角,如果想要更改坐标原点的位置,朝画板方向拖曳水平标尺与垂直标尺的交点,释放鼠标后,坐标原点将被设置在释放鼠标处。如果想要恢复标尺坐标原点的默认位置,只需双击水平标尺与垂直标尺的交点。
(2)参考线
设计师可以根据标尺、路径创建参考线,也可以启用智能参考线,具体方法如下。
利用标尺创建参考线:将鼠标指针移至水平标尺或垂直标尺上,按住鼠标左键不放,朝画板方向拖曳出参考线。
利用路径创建参考线:选中路径,按【Ctrl+5】快捷键或选择【视图】/【参考线】/【建立参考线】命令,可将选中的路径转换为参考线,如图1-28所示。选择【视图】/【参考线】/【释放参考线】命令(快捷键为【Alt+Ctrl+5】),可以将选中的参考线转换为路径。
图1-28 将路径转换为参考线
知识补充
清除、隐藏与锁定参考线
创建参考线后,设计师可以选择【视图】/【参考线】中的子命令,或按对应的快捷键清除、隐藏与锁定参考线。
启用智能参考线:选择【视图】/【智能参考线】命令(快捷键为【Ctrl+U】),可以显示智能参考线。当图形移动到一定位置或旋转到一定角度时,智能参考线就会高亮显示并给出提示信息。图1-29所示为利用智能参考线垂直居中对齐图形。
图1-29 利用智能参考线
(3)网格
选择【视图】/【显示网格】命令(快捷键为【Ctrl+"】),即可显示出网格。再次按【Ctrl+"】快捷键可将显示的标尺隐藏。选择【编辑】/【首选项】/【参考线和网格】命令,打开“首选项”对话框,可以设置网格的颜色、样式、间隔等参数,如图1-30所示。
图1-30 “首选项”对话框中的网格设置
“首选项”对话框中常用的网格设置参数如下。
颜色:用于设置网格的颜色。
样式:用于设置网格的样式,包括直线和点线样式。
网格线间隔:用于设置网格线的间距。
次分隔线:用于设置网格线的细分数量。
网格置后:选中该复选框后,网格线显示在图形的上方;取消选中后,显示在下方。
显示像素网格(放大60%以上):选中该复选框,当图形被放大到600%以上时,可以查看像素网格。
任务实施
1. 新建与置入文件
由于客户要求海报宽度为“1242px”、高度为“2208px”,米拉需要新建符合要求的文件;为避免源素材丢失,素材无法正常显示,置入素材文件时,米拉采用嵌入的方式,具体操作如下。
微课视频
新建与置入文件
(1)启动Illustrator,选择【文件】/【新建】命令,打开“新建文档”对话框,在右侧设置预设详细信息为“节气海报”,宽度为“1242px”,高度为“2208px”,光栅效果为“屏幕(72ppi)”,单击按钮,如图1-31所示。
图1-31 新建文件
(2)选择【文件】/【置入】命令,打开“置入”对话框,选择“树叶.jpg”素材,取消选中“链接”复选框,单击按钮,如图1-32所示。
图1-32 “置入”对话框
(3)返回工作界面,沿着画板拖曳鼠标绘制置入素材的区域,使素材覆盖画板,如图1-33所示。
图1-33 置入素材
2. 使用智能参考线对齐
米拉考虑在海报中央绘制矩形来增强设计感,为了方便中心对齐矩形,米拉考虑使用智能参考线,具体操作如下。
微课视频
使用智能参考线对齐
(1)选择“矩形工具”,在画板中单击,打开“矩形”对话框,设置矩形的宽度为“1150px”,高度为“2115px”,单击按钮,得到处于选中状态的矩形。在控制栏中单击“描边色”按钮,在打开的面板中单击“无”按钮取消描边色;在工具箱底部的“填充”按钮上双击,打开“拾色器”对话框,设置填充色为“#f9f8f7”,单击按钮。
(2)按【Ctrl+U】快捷键或选择【视图】/【智能参考线】命令,显示智能参考线。移动矩形到中心位置,直到出现“中心点”,释放鼠标,如图1-34所示。
图1-34 使用智能参考线中心对齐矩形
(3)选择【窗口】/【透明度】命令,打开“透明度”面板,设置混合模式为“强光”,不透明度为“95%”,如图1-35所示。
图1-35 在“透明度”面板中设置
3. 打开、关闭与存储文件
节气海报还需要添加文案和插画,米拉准备打开相关素材文件,将其中的内容复制到海报中。为节约磁盘空间,之后还可以关闭使用过的素材文件。为了避免停电等意外情况造成文件丢失或损坏,从而无法再次打开,编辑文档后,可以通过“存储”命令存储文件,具体操作如下。
微课视频
打开、关闭与存储文件
(1)选择【文件】/【打开】命令或按【Ctrl+O】快捷键,打开“打开”对话框,按住【Ctrl】键依次单击选择“处暑文案.ai”和“西瓜插画.ai”文件,单击按钮,如图1-36所示。
图1-36 打开文件
疑难解析
如何解决Illustrator文件无法打开的问题?
导致Illustrator文件打不开的原因有几种,如内存出错,文件在传输、复制时被损坏。此时需要关闭Illustrator,然后重新打开Illustrator和文件;也可重启计算机,释放系统占用的内存,然后重新打开Illustrator和文件。
(2)打开“处暑文案.ai”和“西瓜插画.ai”文件,单击标题栏中的“处暑文案”标签,切换到该文件,按【Ctrl+A】快捷键全选文件内容,按【Ctrl+C】快捷键复制文件内容。
(3)单击“处暑文案”标签右侧的按钮,关闭该文件,如图1-37所示。
图1-37 关闭文件
(4)单击“节气海报”标签,切换到该文件,按【Ctrl+V】快捷键粘贴文案,按住【Shift】键不放并拖曳四角的控制点以调整其大小,如图1-38所示。
图1-38 调整素材大小
(5)单击“西瓜插画”标签,切换到该文件,此时文件显示比例过小,选择工具箱中的“缩放工具”,并将鼠标指针移动到西瓜插画中心,单击以放大画面内容,如图1-39所示。
图1-39 调整素材缩放比例
(6)重复步骤(2)~(4),将西瓜插画添加到“节气海报.ai”文件中,如图1-40所示。
图1-40 添加素材到文件中
(7)选择【文件】/【存储】命令,首次执行“存储”命令,将打开“存储为”对话框,设置文件的存储位置、名称和存储类型,单击按钮完成存储,如图1-41所示。
图1-41 “存储为”对话框
4. 新建画板
为方便同时展示多张节气海报,可以将多张节气海报放置在一个文件的不同画板中。米拉考虑在当前文件中新建一个画板,用于设计“白露”节气海报,具体操作如下。
微课视频
新建画板
(1)选择“画板工具”,在控制栏中单击“新建画板”按钮,新建一个相同大小的画板,如图1-42所示。
(2)选择【文件】/【置入】命令,打开“置入”对话框,选择“白露背景.jpg”素材,取消选中“链接”复选框,单击按钮;沿着画板2拖曳鼠标以绘制置入背景素材的区域,打开并复制“白露文案.ai”文件的内容到画板2,效果如图1-43所示。
图1-42 新建画板2
图1-43 为画板2添加素材
5. 导出、存储与关闭文件
完成设计工作后,为了方便查看效果,米拉将海报导出为JPEG格式的文件,存储并关闭源文件,便于下次打开或修改,具体操作如下。
微课视频
导出、存储与关闭文件
(1)选择【文件】/【导出】/【导出为】命令,打开“导出”对话框,选择导出路径,设置导出文件的保存类型为“JPEG(*.JPG)”,单击按钮,如图1-44所示。
图1-44 “导出”对话框
(2)此时将自动打开“JPEG选项”对话框,单击按钮,如图1-45所示。
图1-45 “JPEG选项”对话框
(3)选择【文件】/【存储】命令或按【Ctrl+S】快捷键存储文件。选择【文件】/【关闭】命令或按【Ctrl+W】快捷键关闭文件。
疑难解析
处理Illustrator无响应、闪退问题的方法
Illustrator无响应、闪退的原因有很多,最常遇到的是计算机内存过小或处理器满负荷运行。遇到此情况,可关闭其他软件,以节省运行内存空间。此外,首次保存文件后,可以频繁按【Ctrl+S】快捷键保存文件,减少意外退出软件的损失。
课堂练习 设计“立夏”节气海报
立夏,表示告别春天,迎来夏天。本练习要求读者利用文件的新建、置入、打开、关闭等操作来设计一张“立夏”节气海报,要求海报宽度为“1242px”、高度为“2208px”,参考效果如图1-46所示。在“立夏”节气海报设计中,采用了该节气特有的景色,包括荷叶、水池、荷花等元素,与文案“既然春风留不住 莫负夏花盛开时”呼应,清新的绿色和蓝色又暗示着夏季的到来。
图1-46 “立夏”节气海报
高清彩图
素材位置:素材\项目1\荷花.ai、荷叶.jpg、立夏文案.ai
效果位置:效果\项目1\立夏节气海报.ai