在本教程中,您将学习如何在Adobe Illustrator中创建简单的蜘蛛网图示。您将首先创建构成蜘蛛网的路径组,使用三个路径和一个基本混合,以及一些变换和扭曲效果。接下来,使用“外观”和“描边”面板以及一些基本的混合技术,您将为路径添加颜色和细微高光。接下来,您将学习如何添加深色,微妙纹理背景以及如何轻松使用内置符号。最后,您将学习如何添加一些更细微的细节以及如何使整个插图变暗。
按Control-N创建一个新文档。从Units下拉菜单中选择Pixels,在Width框中输入600,在Height框中输入540,然后单击Advanced按钮。选择RGB,屏幕(72 ppi)并确保在单击“确定”之前取消选中“将新对象对齐到像素网格”框。
启用网格(“视图”“显示网格”)和“对齐网格”(“视图”“对齐网格”)。每10 px需要一个网格,所以只需转到编辑首选项指南网格,在Gridline每个框中输入10,在Subdivisions框中输入1。尽量不要让所有网格气馁:它会让你的工作更轻松。请记住,您可以使用Control-“键盘快捷键轻松启用或禁用它 。
您还应打开“信息”面板(“窗口”“信息”),以获取具有形状大小和位置的实时预览。不要忘记从编辑首选项单位常规将测量单位设置为像素。所有这些选项都将显着提高您的工作速度。
选择钢笔工具(P)并将焦点放在工具栏上。从填充中删除颜色,然后选择笔触并将其颜色设置为黑色(R = 0 G = 0 B = 0。)移动到画板,只需创建一个150 px的垂直路径。“对齐网格”选项应该可以使这更容易。
确保选择了黑色路径,然后转到效果扭曲和变换变换。将“角度”设置为30度,在“份数”框中输入11,检查中间,底部参考点,然后单击“确定”按钮。
重新选择垂直路径,然后转到对象扩展外观。确保生成的路径组保持选中状态,然后转到“对象”“变换”“旋转”。将“角度”设置为15度,然后单击“确定”按钮。移动到“图层”面板,打开现有图层,确保仍然选中了您的组,然后按两次Shift-Control-G键盘快捷键以取消组合。您最终会得到一条包含十二条简单路径的列。
返回工具栏并用R = 39 G = 170 B = 225替换现有的笔触颜色。专注于黑色路径的顶部并抓住钢笔工具(P)。创建一个80像素的水平路径,并将其完全按照第一张图像中所示放置。再一次,Snap to Grid选项将使事情变得更容易。使用相同的工具,创建一个20 px的水平路径,并将其完全按照第二个图像中所示放置。
禁用对齐网格(控制 - “)并启用智能参考线(Control-U)。聚焦您的顶部蓝色路径并抓住直接选择工具(A)。选择左锚点,按住键盘上的Shift键,只需将该点向右拖动,直到获得“相交”智能指南。此智能指南可让您知道所选锚点与位于下方的黑色路径相交。移动到右侧锚点,选择它并拖动它在左边,直到你得到相同的“相交”智能指南。最后你的整个路径应该匹配第二个图像。
专注于底部蓝色形状,并确保直接选择工具(A)仍处于活动状态。再次使用“交叉”智能指南挤压您的路径,如第二张图片所示。
选择两个蓝色路径,然后转到效果扭曲弧下。输入下图中显示的属性,然后单击“确定”。
专注于工具栏并单击“混合工具”以打开“混合选项”窗口。 从Spacing下拉菜单中选择Specified Steps, 在该白框中输入3,然后单击OK。重新选择两个蓝色路径并按Alt-Control-B(或转到对象混合制作)以创建简单混合。
禁用智能参考线(Control-U)并启用对齐网格(控制 - “)。聚焦在工具栏上并用随机红色替换现有的笔触颜色。使用钢笔工具(P)创建一个150像素的垂直路径并将其放置如下图所示。选择此新路径以及现有混合,然后将它们分组(Control-G)。
确保选中具有红色和蓝色路径的组,然后转到效果扭曲和变换变换。再次,将“角度”设置为30度,在“份数”框中输入11,检查中间底部参考点,然后单击“确定”。
确保仍然选中具有红色和蓝色路径的组,然后转到对象扩展外观。移动到“图层”面板,选择结果组,然后取消组合(Shift-Control-G)。这次你将不得不四次点击这个键盘快捷键。返回到您的画板,选择一个红色路径,然后转到选择相同笔触颜色,这将选择具有相似笔触颜色的其余部分。现在您已选择所有红色路径,只需按键盘上的“删除”按钮即可清除它们。
专注于工具栏,从笔划中删除颜色,然后选择填充并将颜色设置为R = 114 G = 102 B = 88。选择矩形工具(M),然后单击您的画板以打开矩形窗口。 在“宽度”框中输入620, 在“高度”框中输入560, 然后单击“确定”。确保生成的形状保持选中状态并将其发送到背面(Shift-Control- [)。移动到“图层”面板,双击此新路径的名称,然后将其重命名为“背景”。
接下来,您需要将“背景”形状居中,然后打开“对齐”面板(“窗口”“对齐”)。将对齐设置为画板(打开弹出菜单, 如果看不到“对齐到”部分,则 转到“显示选项”,如下图所示),确保选择了形状,然后只需单击“水平对齐中心”和垂直对齐中心按钮。最后,您的矩形应覆盖整个画板。
确保“背景”形状保持选中状态,将焦点放在“外观”面板(“窗口”“外观”)上,然后使用“添加新填充”按钮添加第二个填充。专注于此新填充,将颜色设置为黑色,然后单击不透明度文本以打开透明度弹出面板。将“混合模式”更改为“正片叠底”,将“不透明度”降低到10%并返回“外观”面板。确保仍然选择了黑色填充,然后转到效果艺术胶片颗粒。输入下图中显示的属性,然后单击“确定”。
专注于工具栏并用白色替换现有的填充颜色(R = 255 G = 255 B = 255)。使用矩形工具(M),创建一个250 x 560像素的矩形,并将其放置在第一张图像中。切换到直接选择工具(A)并将焦点放在此新矩形的顶部。选择左锚点并将其向下拖动190 px,如第二张图像所示。确保此白色形状保持选中状态,将其不透明度降低至20%并将混合模式更改为柔光。
移动到“图层”面板,锁定在此步骤中制作的白色形状,然后将其拖动到面板底部,“背景” 正上方。
专注于您的工具栏并用黑色替换现有的填充颜色。使用矩形工具(M),创建一个620 x 190像素的矩形,并将其放置在第一张图像中。切换到直接选择工具(A)并将焦点放在此新矩形的右侧。选择底部锚点并将其向左拖动250像素,如第二张图像所示。确保此黑色形状保持选中状态,将其不透明度降低至20%并将混合模式更改为柔光。
使用我们之前使用的相同的Select Same Stroke Color选项,选择所有黑色路径并将焦点放在Appearance面板上。选择笔划,用白色替换现有颜色,将其不透明度降低到15%,然后单击“笔划”以打开“笔划”弹出面板。将“权重”增加到2像素,然后从“配置文件”下拉菜单中选择“宽度配置文件2” 。
确保仍然选中在上一步中编辑的路径集,并将焦点放在“外观”面板上。选择现有笔划并使用“复制选定项目”按钮复制它。选择新添加的笔划,将其不透明度增加到30%并将重量减少 到1像素。完成后,只需按Control-G键盘快捷键即可将所有这些路径分组。
使用相同的“选择”“相同”“笔触颜色”选项,选择所有蓝色路径并将焦点放在“外观”面板上。选择笔划,用白色替换现有颜色,将其不透明度降低到20%,然后打开“笔触”弹出面板。关注“配置文件”下拉菜单,然后选择“宽度配置文件1”。
确保仍然选中在上一步中编辑的路径集,并将焦点放在“外观”面板上。选择现有笔划并使用相同的“复制选定项目”按钮复制它。选择新添加的笔划并将其重量减少 到0.5像素。完成后,对在此步骤中编辑的所有路径进行分组(Control-G)。
选择构成蜘蛛网的两组路径并将 它们分组(Control-G)。移动到“图层”面板,并将此新组重命名为“spiderWeb”。确保该组保持选中状态,然后转到效果变形凸出。输入下图所示的属性,单击“确定”,然后转到“效果”“变形”“鱼”。输入下图中显示的属性,然后单击“确定”。
确保仍然选中“spiderWeb”组,然后转到效果风格化阴影。输入下图中显示的属性,然后单击“确定”。
重新选择“spiderWeb”组并在前面制作副本(Control-C Control-F)。选择此新组并将焦点放在“外观”面板上。选择现有的投影效果,然后使用“删除所选项目”按钮将其删除。
确保仍然选中了组副本,转到“对象”“展开外观”,然后打开“路径查找器”面板(“窗口”“路径查找器”)并单击“联合”按钮。用随机橙色填充生成的形状,并确保它没有为笔划设置颜色。
确保选中橙色形状,打开“渐变”面板(“窗口”“渐变”),然后单击渐变缩略图以使用默认的黑色到白色线性渐变替换现有的填充颜色。
继续关注“渐变”面板,将角度设置为45度,然后移动到渐变颜色。选择左侧滑块并确保颜色设置为白色。然后选择右滑块,将颜色设置为白色,并将其不透明度降低到0%。请记住,渐变图像中的黄色零代表不透明度百分比。确保此形状保持选中状态,并将焦点放在“外观”面板上。选择现有填充,将其不透明度降低到50%,然后转到效果路径偏移路径。输入-0.5 px偏移量并单击OK。
使用钢笔工具(P),创建一个190 px的垂直路径,并将其放置如下图所示。确保此新路径保持选中状态,并将焦点放在“外观”面板上。添加2 px白色笔划并确保填充没有颜色设置。
确保仍然选择垂直路径并将焦点放在“外观”面板上。选择现有笔划,将其不透明度降低至15%,然后打开“笔划”弹出面板,并从“配置文件”下拉菜单中选择“宽度配置文件2” 。
确保垂直路径保持选中状态并将焦点放在“外观”面板上。选择现有笔划并使用相同的“复制选定项目”按钮复制它。选择新添加的笔划,增加其不透明度30%并将重量减少到1像素。
确保垂直路径保持选中状态并将焦点放在“外观”面板上。选择底部笔划并使用相同的“复制选定项目”按钮复制它。
继续关注外观面板并选择底部2像素笔划。用黑色替换现有颜色,将其不透明度降低到10%,然后转到效果扭曲和变换变换。输入下图中显示的属性(确保选中左上角的参考点),单击“确定”,然后转到“效果”“模糊”“高斯模糊”。输入1 px Radius,然后单击“确定”。
禁用“对齐网格”(Control-“)并打开”符号“面板(”窗口“”符号“)。打开此面板的弹出菜单,转到”打开符号库“”自然“,将打开一个带有一堆符号的新窗口。选择名为“Taratula” 的一个,然后将其拖动到画板上。旋转并调整此符号的大小,然后将其粗略放置,如下图所示。
确保您的“狼蛛”符号保持选中状态,然后转到效果风格化阴影。输入左上方窗口中显示的属性(如下图所示),单击“确定”,然后添加下图中显示的其他四个“投影”效果。
抓住椭圆工具(L)并单击您的画板以打开椭圆窗口。 在“宽度”框中输入4, 在“高度”框中输入2,然后单击“确定”按钮。确保生成的形状保持选中状态,并将焦点放在“外观”面板上。将填充颜色设置为白色,将其不透明度降低到40%,将混合模式更改为柔光,然后转到效果风格化外发光。输入下图中显示的属性,然后单击“确定”。
将前一步骤中制作的微小挤压圆相乘(Control-C,Control-F),并将副本大致展开在蜘蛛网上,如下图所示。
启用“对齐网格”选项(“控制 - ”)。使用矩形工具(M),创建一个新的620 x 560 px矩形,并使用“对齐”面板中的“水平对齐中心”和“垂直对齐中心”按钮将其居中。
选择此新形状并使用下面显示的径向渐变填充它。使用渐变工具(G)拉伸渐变,如下图所示,并且不要忘记渐变图像中的黄色零代表不透明度百分比。确保在此步骤中制作的矩形保持选中状态,并将焦点放在“外观”面板上。只需选择现有填充,将其不透明度降低到70%,然后将混合模式更改为乘法。

