Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

如何在AI中创建一个恐怖地窖图

by
Difficulty:BeginnerLength:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by infoVision_Jason (you can also view the original English article)

Final product image
What You'll Be Creating

欢迎来到另一个插画教程,在这里 我们将学习如何创建一个恐怖的地窖场景, 用到的一些基本几何形状和工具, 你可能已经在日常工作中用起来了。

哦, 别忘了, 你可以随时 前往 GraphicRiver 扩展组合,你会发现一个巨大的矢量资源库。

所以, 假设你已经有了软件并已经在运行, 嘬一口新鲜咖啡, 让我们开始!

1. 如何创建新的项目文件

与往常一样, 我们将通过设置新的项目文件,通过文件>新建 (或使用Control- N 快捷键) 来重新开始, 然后按如下方式调整它:

  • 画板数: 1
  • 宽度: 800 像素
  • 高度: 600 像素
  • 单位: 像素

"高级" 选项卡中:

  • 颜色模式: RGB
  • 光栅效果: 屏幕 (72ppi)
  • 预览模式: 默认
how to set up a new document

2. 如何设置图层

当我们完成了项目文件的设置,  用几个层结构来构架我们的文档是个好主意, 因为这样我们可以一次只专注于插画的特定部分进行连续创作

也就是说, 使用 "图层" 面板, 并创建总共三层, 我们将重命名如下:

  • 图层1: 背景
  • 图层2: 地板
  • 图层3: 地窖门
how to set up the layers

快速提示: 我已经用绿色对所有图层进行着色, 因为它是最容易查看的, 特别是用于突出显示所选形状 时(无论它们是闭合路径还是开放路径)。

3. 如何创建背景

一旦我们对文档进行了分层, 我们就可以开始处理实际的插图了, 我们将从创建背景开始。这是说, 确保你已经定位到第一层, 让我们直接跳到它!

步骤1

选择矩形工具 (M) 并创建一个 800 x 600 像素矩形, 颜色#21353A , 然后使用 "对齐" 面板的水平垂直对齐中心选项定位到画板的中心。

creating and positioning the main background shape

步骤2

一旦我们有了背景, 我们就可以锁定当前的层, 然后移动到下一个 (这将是第二个), 在那里我们将重点绘制作品的第二部分。

locking the background layer

4. 如何创建地板

假设您已经将自己定位到了第二层, 那么让我们通过创建地板部分来继续我们的创作。

步骤1

480 x 320 像素的矩形来创建地板高光部分, 用 #FFB85A 进行着色, 然后居中对齐画板的下边缘。

creating and positioning the main shape for the lighted floor

步骤2

调整我们刚创建的形状, 方法是: 使用直接选择工具 (A) 逐个选择其底部锚点, 然后使用移动工具将它们推入内部, 距离为128像素 (右键单击 > 转换 > 移动 >水平> +/-128 像素 ,这取决于从哪一侧开始)。

adjusting the shape for the lighted floor

步骤3

继续调整形状, 方法是: 使用添加锚点工具 (+) 将新的锚点添加到其顶部边缘的中心, 然后将其推到外部160像素 (右键单击 > 变换 > 垂直>160 像素)。

adjusting the upper section of the lighted floor

步骤4

通过将所选锚点转换为平滑工具, 将所得到的形状的上半部分设置一定的曲率, 然后将其手柄从其中心的184像素处重新定位到参照图像中所示的距离。

adjusting the curvature of the lighted floor

步骤5

复制调整刚刚完成的形状(control- C), 粘贴在前边 (control-F), 然后将其调整为90º的线性渐变。两个控点的颜色均设为#F75443, 将其左一个的不透明度降低到 0%, 右边降到60%。 完成后, 请确保在移动到下一项之前, 使用 "Control- G" 键盘快捷方式, 选择并同时将渐变和地板的主形状组合在一起。

adding the gradient to the floor

步骤6

接下来, 添加地板线, 这将有助于建立的透视效果, 添加方式: 通过使用 8 x 600 像素矩形 (#21353A)创建中心线, 并将这些线条跟画板对齐。

creating and positioning the center floor line

步骤7

复制四次我们刚刚创建的线条 (Control-C >Control-F 四次) , 然后我们将单独调整, 根据参考图像,将底部锚点重新调整到 184 像素,  (右键点击 >转换 > 移动 > 水平 > +/-184 px 取决于从哪一侧开始)。 慢慢来, 完成后, 选择并组合 (Control-G) 所有的5个形状, 然后再进行下一步。

adding the remaining floor lines

步骤8

通过创建副本 (Control-C), 并粘贴在后边,然后来一组高光,  (Control-B)。然后将颜色设置为 #FFCD5C , 然后在每一侧分别增加4像素宽度。 完成后, 不要忘记选择两边的高光和组合线, 并使用Control-G 键盘快捷方式将它们组合在一起。

adding the highlights to the floor lines

步骤9

选择钢笔工具 (P), 并在地板上的快速画些小裂缝, 使用 #21353A 填充深色形状,使用 #FFCD5C 填充高光形状。慢慢来, 完成后, 选择所有形状,使用Control-G 合并。

adding the cracks to the floor

步骤10

由于我们想要地板线和裂缝仍然保持发光, 我们将使用一个更大的副本 (Control-C) 进行遮罩, 粘贴在前面 (Control- F), 然后, 选中所需的形状和副本, 只需右键单击 > 制作剪贴蒙版

masking the details of the floor

快速提示: 目前, 我们将继续进行下一部分, 但是在完成地窖入口之后,我们还将增加一些裂缝和一些高光。

5. 如何创建地窖入口

由于我们在地板上的工作已经差不多完成了, 我们可以锁定该图层并移动到下一个 (这将是第三个), 在那里我们将开始工作的中心部分。

步骤1

使用 244 x 128 像素矩形 (#21353A) 创建地窖入口的主形状, 然后单独选择并将其顶部锚点按40像素进行调整 (右键单击 > 转换 > 移动 > 水平 > +/-40 像素,取决于从哪一侧开始)。 完成后, 将形状与底部画板居中对齐, 并将其定位到离顶部120像素的地方。

creating and positioning the main shape for the cellar entrance

步骤2

通过创建 244 x 36 像素矩形的主形状进行支撑板绘制, 颜色使用 #AA5D3F, 然后如参照图像中所示,将其放在前一个形状的顶部位置。

creating the upper support beam

步骤3

使用两个 16 x 8像素矩形 添加铰链(#21353A) 堆叠在 8 x 16 像素矩形 (#21353A) 的顶部, 然后单独编组 (Control-G), 二者间距84像素并确保与支撑板顶部边缘对齐。

adding the hinges to the top support beam

步骤4

就像我们在地板上做的那样, 我们要花点时间, 添加一些小裂缝 (#21353A)、高光 (#D67C50) 和顶部阴影 (#21353A) , 选中并使用control- G 快捷键来组合它们。慢慢来, 完成后, 记得选择和分组 (Control-G) 当前的所有的形状, 然后再移动到下一个。

adding details to the top support beam

步骤5

使用两个 24 x 92 像素矩形创建垂直支撑梁, 使用 #844438 配色, 然后放在参考图像所示的横梁顶部的两侧。

adding the side support beams

步骤6

通过添加小裂纹 (#21353A)、高光 (#AA5D3F) 和阴影 (#21353A) 绘制出一些细节, 确保选择并组合 (Control-G) 所有形状, 然后对每个支撑梁进行相同的操作。

adding details to the vertical support beams

步骤7

选择并编组 (Control-G) 三个支撑梁, 随后使用副本 (Control-C >> Control-F) 来遮罩它们 (选择所需的形状 > 右键单击 >绘制剪切蒙版)。完成后, 选择并分组 (Control-G) 所有地窖入口的形状, 然后再继续下一步。

masking the cellar entrance

步骤8

使用地窖入口的主形状的副本 (Control-C > Control-F ) 创建陷地窖门, 首先将其颜色更改为 #FFA95C 然后垂直反射 (右键单击 > 转换 > 反射>垂直) 并将其定位到如图所示的位置。

creating and positioning the main shape for the trap door

步骤9

使用 244 x 12 像素矩形 (#844438) 添加门的上部, 单独选择并将其顶部锚点按12像素进行调整 (右键单击 > 转换 > 移动 > 水平 > +/-12 像素,取决于你从哪一侧开始), 将得到的形状放在在先前创建的形状的顶部。

adding the upper section to the trap door

步骤10

使用 244 x 2 像素矩形创建顶部高光, 使用 #FFCD5C 颜色, 然后将其与门的上边缘居中对齐, 并将其遮盖。

adding the subtle highlight to the upper section of the trap door

步骤11

接下来, 使用钢笔工具 (P), 并通过绘制裂缝 (#21353A) 和小的高光 (#21353A)迅速为门的下半部分添加一些细节, 使用参考图像作为参考。慢慢来, 完成后, 选中所有形状并用Control-G 快捷键组合。

adding details to the lower section of the trap door

步骤12

开始创建神秘符号, 创建一个大小 72 x 72 像素的圆环,画笔厚度4像素 (#21353A), 然后与大门水平居中对齐, 并放到距顶部边缘28像素的地方。

creating the outer circle for the occult symbol

步骤13

按照参考图像作为参考, 使用4像素笔画 (#21353A) 绘制向下的五角星形, 确保其锚点与较大圆圈的路径重叠。完成后,选中并编组 (Control-G) 两个组合,再进行下一步。

drawing the pentagram

步骤14

因为我们希望这个符号看起来是手绘的, 我们将对其形状应用一个微妙的粗糙效果, 通过效果 > 扭曲和变换 >粗糙和设置大小1像素 (绝对值) 和细节15/in, 确保设置点类型为 角点

applying a roughen effect to the occult symbol

步骤15

接下来, 我们将给场景添加黑暗元素, 使用AI中默认的墨水飞溅笔刷绘制血液飞溅效果。在画笔面板的中找到艺术 > 艺术墨笔。选中后, 只需切换到画笔工具 (B), 并将笔触颜色设置为 #C63E2C, 单击陷阱门上的任意位置创建飞溅效果。

drawing the blood splatter

步骤16

为了能够编辑飞溅效果, 通过对象 > 扩展外观进行扩展, 这将把我们的画笔变成一组对象。这是一个棘手的部分, 因为为了将飞溅的不透明度设置为 100%, 您必须通过双击它们来隔离形状, 然后选择外部矩形框架 (不可见), 再按 Delete 将其删除。 然后, 将不透明度级别设置为上限, 并调整大小, 并将飞溅效果放如参考图像所示的位置。此外, 由于我们已经完成了在陷阱门的工作, 您可以选中并编组 (Control-G) 所有形状, 然后再继续下一步。

adjusting the blood splatter

步骤17

由于我们已经完成了在地窖入口的工作, 我们可以回到第二层, 使用244 x 4像素 矩形 (#FFCD5C) 添加微小的水平高光, 裂缝 (#21353A) 和更小的高光 (#FFCD5C), 然后在剪切蒙版中绘制其他细节。

adding the final cracks and highlights to the floor

6. 如何绘制怪异的眼睛

再回到第三层,也是最后一个图层, 过添加怪异的凝视的眼睛来完成绘制。

步骤1

首先, 使用两个 8 x 8 像素圆圈 (#F2673D) 创建中间那对眼睛的主形状, 在上面, 我们将添加一个较小的 4 x 4像素 (#21353A)形状, 单独编组 (Control-G) 并放在参考图像中所示的位置。

creating and positioning the center eyes

步骤2

更改我们刚刚创建的眼睛表情, 在每一个眼睛上绘制一个 8 x 6 像素矩形 (#21353A), 使用直接选择工具 (A) 选择它们的外底锚点来调整它们, 然后使用方向箭头键或移动工具 (右键单击 > 变换 > 移动 > 垂直-4 像素)将他们向上移动6像素。 完成后, 选中生成的形状和眼睛, 用控制Control-G 快捷键将它们编组。

adjusting the expression of the center eyes

步骤3

最后一步, 添加两个副本 (control-C >control- F 两次),就是我们刚刚绘制完成的部分,然后放到参考图像中所示的位置。完成后, 选择并将 (control- G) 所有的陷阱门的组成部分进行分组, 然后再点击保存按钮。

adding the remaining eyes

漂亮!

和往常一样, 我希望你在这个项目上获得乐趣, 最重要的是在这个过程中学到一些新的有用的东西。

如果你有任何问题, 请随时评论区跟帖, 我会尽快给你回复!

finished project preview
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.