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

如何创建外星人绑架插图

by
Read Time:17 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

小时候, 我常常在晚上看 X 档案, 想知道宇宙中是否真的有别的东西, 可能会改变我们的思维方式, 但最重要的是帮助我们看到我们在其中的位置。

无论是绿色的人还是灰色的, 我们的想象力总是在疯狂的创造故事, 可能或可能不是真的, 所以今天我们要尝试收集一些证据, 创建我们自己的外星人绑架例证。当然, 我们将使用我们的创造性想象力和在 Adobe 插画中找到的一些形状和工具来完成所有这些。

这样说, 去倒一些神奇的豆汁, 在那个特殊的特工杯, 让我们开始!

哦, 别忘了, 你可以随时扩展你的项目, 通过前往 GraphicRiver, 你会发现一个伟大的选择外星主题的矢量资产。

1. 如何设置新的项目文件

假设你已经把软件(AI)运行在后台, 提出来, 让我们为我们的项目设置一个新的文档 (文件 > 新的或控制 N) 使用以下设置:

  • 画板数: 1
  • 宽度: 920 像素
  • 高度: 680 px
  • 单位: 像素

从 "高级" 选项卡中:

  • 颜色模式: RGB
  • 分辨率: 屏幕 (72ppi)
  • 预览模式: 默认值
setting up a new documentsetting up a new documentsetting up a new document

2. 如何设置自定义网格

尽管今天的项目不是基于图标的, 但我们仍然希望使用像素完善的工作流创建插图, 因此, 让我们建立一个漂亮的小网格, 这样我们就可以完全控制我们的形状。

步骤1

转到 "编辑 > 首选项" > "参考线和网格" 子菜单, 然后调整以下设置:

  • 每网格线: 1 像素
  • 细分: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

快速提示: 您可以通过阅读关于插图画家的网格系统工作原理的深入文章, 了解更多关于网格的信息。

步骤2

一旦我们建立了我们的定制网格, 我们需要做的一切, 以确保我们的形状看起来清脆的是启用在 "视图" 菜单下找到的 "对齐网格" 选项 (如果您使用的是较旧版本的插画)。

现在, 如果您是全新的 "像素完美的工作流程", 我强烈建议您通过我如何创建像素完美的艺术教程, 这将有助于您扩大您的技术技能, 在任何时候。

3. 如何设置图层

一旦我们完成了我们的项目文件的设置, 这将是一个好主意, 用几个层结构我们的文档, 因为这样我们可以保持一个稳定的工作流, 集中在一个部分的插图一次。

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

  • 1层: 背景
  • 2层: 主要成分
  • 层 3: 纹理
  • 层 4: 平显叠加
setting up the layerssetting up the layerssetting up the layers

快速提示: 我已经用相同的绿色值来着色我的所有图层, 因为它是最容易查看的, 用于突出显示所选形状 (无论它们是闭合的还是打开的路径)。

4. 如何创建背景

一旦我们对文档进行了分层, 我们就可以通过创建暗背景来开始处理项目, 所以请确保您将自己放在第一层上, 然后让我们直接跳到其中。

步骤1

创建一个 920 x 680 像素矩形, 我们将使用 #2C2D2D 颜色, 然后使用 "对齐" 面板的水平和垂直对齐居中选项居中对齐基础美工板。

creating the backgroundcreating the backgroundcreating the background

步骤2

使用 "图层" 面板锁定当前图层, 然后移动到下一层 (即第二个), 我们将逐步构建我们的组合。

locking the background layerlocking the background layerlocking the background layer

5. 如何创建地窖入口

随着背景的出现, 我们可以开始工作, 我们的超现实主义的组合, 我们将这样做通过创建地窖入口的人背后的相机镜头是记录的密切接触。

步骤1

创建一个 280 x 536 像素矩形 (#656868), 我们将居中对齐底层美工板, 然后通过应用线性渐变将其变成微妙的光幕。对两个颜色停止使用相同的 #656868 十六进制值, 确保将左边的不透明度设置为0%。

creating the light curtaincreating the light curtaincreating the light curtain

步骤2

添加地窖的入口使用一个 280 x 396 px 矩形 (#868989), 我们将定位在我们刚刚创建的一个, 中心调整它的基础上的顶部边缘。

creating the entrance for the cellarcreating the entrance for the cellarcreating the entrance for the cellar

步骤3

调整较小的矩形, 通过使用直接选择工具 (A) 单独选择其底部锚点, 然后使用移动工具将它们推入内部20像素 (右键单击 >> 转换 > 移动 > 水平 >> +/-20 像素取决于你从哪一边开始与)。

adjusting the shape of the entranceadjusting the shape of the entranceadjusting the shape of the entrance

步骤4

放大文档, 然后开始工作在入口处的窗台上创建一个 240 x 16 像素矩形 (#6A6D6D), 我们将在以前调整过的形状下方的位置。

adding the sill to the cellar entranceadding the sill to the cellar entranceadding the sill to the cellar entrance

步骤5

添加另一个较短的 248 x 4 像素矩形, 我们将使用 #515454 的颜色, 然后在参考图像中看到的位置。

adding the bottom section to the silladding the bottom section to the silladding the bottom section to the sill

步骤6

选择钢笔工具 (P), 并使用 #2C2D2D 作为填充颜色绘制小木材裂纹使用参考图像作为您的主指南。花你的时间, 一旦你完成了, 选择并将它们组合在一起使用控制 G 键盘快捷键, 对当前部分的构成形状执行相同的操作。

adding the wood cracks to the silladding the wood cracks to the silladding the wood cracks to the sill

步骤7

创建楼梯使用 240 x 28 px 矩形的顶部, 后跟 256 x 28 px 一个为中心一个和一个更大的 272 x 28 px 一个为底部一个。使用 #515454 对所有三个形状进行着色, 确保将它们垂直堆叠8个像素。

creating the stairscreating the stairscreating the stairs

步骤8

给每个楼梯一个微妙的亮点使用三2像素高矩形, 我们将使用 #6A6D6D 的颜色, 然后居中对齐到他们的顶端边缘。

adding the highlights to the stairsadding the highlights to the stairsadding the highlights to the stairs

步骤9

添加硬阴影使用三曲线段, 我们将使用 #2C2D2D 的颜色, 然后定位到较大的矩形的底部边缘, 如在参考图像中看到。

adding the shadows to the stairsadding the shadows to the stairsadding the shadows to the stairs

步骤10

正如我们所做的窗台, 花了几分钟, 并在每个楼梯上画一些裂缝, 使用 #2C2D2D 作为您的填充颜色。花你的时间, 一旦你完成了, 选择和单独组 (控制 G) 每个楼梯与其相应的细节, 做相同的整个设置之后。

adding the cracks to the stairsadding the cracks to the stairsadding the cracks to the stairs

6. 如何创造星星

一旦我们完成了在楼梯上的工作, 我们可以专注于添加细节的背景下, 我们的地窖的入口, 我们将通过创建小星星。

使用一对 4 x 4 像素圆圈 (#B1B5B5), 逐步填充夜空, 确保选择和分组所有这些后, 使用控制 G 键盘快捷方式。

adding the starsadding the starsadding the stars

7. 如何创建风车

随着恒星的到位, 我们可以开始发展我们的组成, 建设一些农场公用事业, 第一个在我们的名单是风车。

步骤1

使用 72 x 248 像素矩形 (#2C2D2D) 和一个圆形联接创建风车的主形状, 我们将在入口的下侧定位, 如参考图像中所示。

creating the main shape for the body of the windmillcreating the main shape for the body of the windmillcreating the main shape for the body of the windmill

步骤2

调整我们刚刚创建的形状, 方法是使用 "添加锚点" 工具 (+) 将新的锚点添加到其上边缘的中心, 然后使用 "删除锚点" 工具 (-) 移除其角部分。

adjusting the shape of the body of the windmilladjusting the shape of the body of the windmilladjusting the shape of the body of the windmill

步骤3

使用248像素高4像素粗冲程线 (#2C2D2D) 添加下拉管组件, 我们将中心对准风车的车身。

adding the drop pipe to the windmilladding the drop pipe to the windmilladding the drop pipe to the windmill

步骤4

添加水平结构梁使用两个 4 px 粗冲程线 (#2C2D2D), 我们将定位到轧机的较大的机构, 如看到在参考图像。

adding the horizontal beams to the windmilladding the horizontal beams to the windmilladding the horizontal beams to the windmill

步骤5

用两个稍薄的2像素描边线 (#2C2D2D) 绘制对角光束, 我们将在刚刚创建的水平部分之间定位。花你的时间, 一旦你完成了, 选择和分组的所有身体的组成形状一起使用控制 G 键盘快捷方式。

adding the diagonal beams to the windmilladding the diagonal beams to the windmilladding the diagonal beams to the windmill

步骤6

开始工作的风车的头, 创建一个 16 x 16 px 圆与 1 px 粗中风 (#2C2D2D), 我们将中心对准较大的身体的尖端。

creating the main shape for the head of the windmillcreating the main shape for the head of the windmillcreating the main shape for the head of the windmill

步骤7

创建一个 24 x 24 px 圆与 2 px 粗冲程 (#2C2D2D), 后跟一个稍大 48 x 48 px 一 (#2C2D2D), 这两个我们将居中对齐到以前创建的形状。

adding the thicker circles to the head of the windmilladding the thicker circles to the head of the windmilladding the thicker circles to the head of the windmill

步骤8

使用两个2像素粗笔画 (#2C2D2D) 添加垂直和水平明细数据线, 我们将居中对齐头部的较小圆圈。

adding the center beams to the head of the windmilladding the center beams to the head of the windmilladding the center beams to the head of the windmill

步骤9

使用两个 8 x 28 像素矩形 (#2C2D2D) 创建垂直对刀片式服务器, 我们将通过使用移动工具分别选择并将其内朝向的锚点从内侧定位到内部, 由2像素进行调整 (右键单击 >> 转换 > 移动 > 水平 >> +/-2 像素 dependi你从哪一边开始)。 完成后, 组 (控制 G) 并将结果形状放置在头部较小的圆圈上。

creating the vertical windmill bladescreating the vertical windmill bladescreating the vertical windmill blades

步骤10

添加其余的刀片使用三拷贝 (控制-C >> 控制 F) 的那些, 我们刚刚分组, 我们将调整使用旋转工具 (右键 >> 转换 > 旋转 >> 90º为水平的一个和45º为对角线的)。 一旦你完成了, 选择和组 (控制 G) 所有的头部的组成形状, 对整个风车做同样的事后。

adding the remaining windmill bladesadding the remaining windmill bladesadding the remaining windmill blades

8. 如何创建电话杆

一旦你建成了风车, 我们可以移动几个像素的权利, 并开始工作的电话杆。

步骤1

使用 4 x 108 像素矩形创建极点的主体, 我们将使用 #2C2D2D 的颜色, 然后定位到地窖窗台的右侧, 如参考图像所示。

creating the body of the phone pollcreating the body of the phone pollcreating the body of the phone poll

步骤2

使用一对 #2C2D2D 彩色矩形, 逐步将剩余的部分添加到极点, 确保在之后使用控制 G 键盘快捷方式选择和组合它们。

adding details to the phone polladding details to the phone polladding details to the phone poll

步骤3

使用 48 x 12 px 椭圆和2像素粗描边 (#2C2D2D) 添加电话线, 我们将通过使用直接选择工具 (a) 选择其顶部锚点, 然后通过按 Delete 删除它来调整它的上半部分。完成后, 将结果形状定位到杆的水平截面上, 确保在移动到下一节之前选择并组合 (控制 G) 所有其构成形状。

adding the line to the phone polladding the line to the phone polladding the line to the phone poll

9. 如何制作飞碟

随着电话杆的到位, 我们终于可以开始工作的可怕部分, 我们的作文, 在那里我们将得到创建的宏伟飞碟。

步骤1

我们将开始快速绘制的浮动奶牛, 被绑架使用 #2C2D2D 作为我们的填充颜色, 定位的结果形状, 在参考图像中看到。

drawing the floating cowdrawing the floating cowdrawing the floating cow

步骤2

使用 80 x 40 像素椭圆创建飞碟上部部分的主形状, 我们将使用 #515454 颜色, 然后从地窖入口的上边缘定位42像素。

creating the upper section of the saucercreating the upper section of the saucercreating the upper section of the saucer

步骤3

使用 200 x 64 像素椭圆 (#2C2D2D) 添加硬阴影, 我们将从刚刚创建的形状的上边缘定位8像素。使用从下面 (用红色突出显示) 中的一个拷贝 (控件 C) 对较大的形状进行掩码, 我们将在前面粘贴 (控制 F), 然后右键单击 >> 制作剪贴掩码, 确保选择和分组 (控制 G) 两个在一起之后。

adding the hard shadow to the upper section of the sauceradding the hard shadow to the upper section of the sauceradding the hard shadow to the upper section of the saucer

步骤4

开始工作的飞碟的下半身创建一个 200 x 64 像素矩形, 我们将使用 #6A6D6D 的颜色, 然后在距离前一节的顶部边缘12像素位置。

creating the main body of the saucercreating the main body of the saucercreating the main body of the saucer

步骤5

使用深色的 200 x 56 像素椭圆 (#2C2D2D) 添加底部部分, 我们将居中对齐到我们刚刚创建的形状的下边缘。

creating the bottom section of the saucercreating the bottom section of the saucercreating the bottom section of the saucer

步骤6

使用 12 x 8 像素椭圆 (#2C2D2D) 创建圆形插入, 我们将在参考图像中看到它的位置。一旦形状就位, 选择并分组 (控制 G) 所有下层的构成形状, 然后再继续下一步。

adding the circular insertion to the sauceradding the circular insertion to the sauceradding the circular insertion to the saucer

步骤7

使用 80 x 12 像素椭圆创建牵引光束的主形状, 我们将使用 #6A6D6D 的颜色, 然后在参考图像中看到的位置。

creating the base section of the tractor beamcreating the base section of the tractor beamcreating the base section of the tractor beam

步骤8

将 80 x 8 px 矩形 (#6A6D6D) 添加到我们刚刚创建的椭圆的下半部分, 确保调整新形状, 方法是: 使用移动工具逐个选择并将其底部锚点从8像素推入内部 (右键单击 >> 转换 > 移动 > 水平移动ontal >> +/-8 px 取决于你从哪一侧开始)。

creating the center section of the tractor beamcreating the center section of the tractor beamcreating the center section of the tractor beam

步骤9

使用 64 x 12 像素椭圆 (#515454) 创建拖拉机光束的下部部分, 在上面我们将添加一个较小的 48 x 6 像素 (#2C2D2D), 定位两个在我们刚刚创建的形状的底部边缘。一旦有了省略号, 选择并分组 (控制 G) 当前节的所有构成形状, 然后对整个飞碟执行相同的操作。

creating the bottom section of the tractor beamcreating the bottom section of the tractor beamcreating the bottom section of the tractor beam

步骤10

使用 32 x 296 像素矩形 (#B1B5B5) 创建实际的光束从地面拉牛, 我们将定位到较深的椭圆的下半部分, 然后通过选择并将其左下角锚点调整为36像素 (右键单击 >> 反式形式 > 移动 > 水平 >>-36 像素)。

creating the tractor beam raycreating the tractor beam raycreating the tractor beam ray

步骤11

使用 64 x 2 像素椭圆 (#B1B5B5) 创建光束的上部部分, 我们将通过移除它的右半边来调整它, 将结果形状定位到更高的形状上。然后, 选择两个, 并将它们组合成一个更大的形状, 使用探路者的 "制作复合形状" 选项。

adding the upper section to the tractor beam rayadding the upper section to the tractor beam rayadding the upper section to the tractor beam ray

步骤12

将光束转变为渐变, 同时使用 #B1B5B5 对其颜色停止, 确保将左边的不透明度设置为0%。完成后, 选择并组合飞碟和光束使用控制 G 键盘快捷键。

adding a gradient to the tractor beam rayadding a gradient to the tractor beam rayadding a gradient to the tractor beam ray

步骤13

使用两个 48 x 2 像素矩形 (#B1B5B5) 添加较小的飞碟, 其中有一个1像素的右角半径, 我们将在与光束相同的过程中变成渐变, 确保把角度设置为0º。将生成的形状定位在参考图像中, 确保将它们组合 (控制 G), 然后再移动到下一步。

creating the smaller saucerscreating the smaller saucerscreating the smaller saucers

10. 如何创建围栏

正如您所看到的, 我们的作文正在逐渐成形, 所以让我们通过创建两个栅栏部分来继续工作。

步骤1

使用一对 #2C2D2D 彩色矩形创建围栏的左侧部分, 我们将在参考图像中看到的位置和调整。花你的时间, 一旦你完成了, 选择和组 (控制 G) 所有的形状一起, 然后再继续下一步。

creating the left fence sectioncreating the left fence sectioncreating the left fence section

步骤2

使用一个副本 (控制-C >> 控制 F) 创建正确的部分, 我们刚刚完成的工作, 我们将垂直反映 (右键单击 >> 转换 >> 反映垂直), 然后在地窖的入口处对面的位置。

creating the right fence sectioncreating the right fence sectioncreating the right fence section

步骤3

一旦你完成了栅栏的工作, 我们可以选择和小组 (控制 G) 所有构成的形状, 由地窖的入口框架, 之后使用一个副本 (控制-C >> 控制 F) 的基础形状右键单击 >> 制作剪辑掩码。

masking the main compositionmasking the main compositionmasking the main composition

11. 如何创造外星人

因为在这一点上我们的作文差不多完成了, 我们可以添加我们的插图的中心部分, 小灰人。

步骤1

使用 28 x 12 像素矩形 (#2C2D2D) 创建外星人的主体, 我们将通过将其上角的半径设置为8像素来进行调整, 将生成的形状定位到入口的窗台中心。

creating the torso of the aliencreating the torso of the aliencreating the torso of the alien

步骤2

使用两个 8 x 16 像素的椭圆 (用红色突出显示) 添加颈部部分, 我们将从彼此水平分布4像素, 通过选择和移除它们的顶部和外部锚点来调整它们。通过按下控制-J 两次, 将生成的路径统一为一个较大的形状, 并将其颜色设置为 #2C2D2D。

creating the neck of the aliencreating the neck of the aliencreating the neck of the alien

步骤3

创建头部使用 40 x 40 px 圆圈 (#2C2D2D), 我们将调整通过选择和推动其底部锚点到外部 8 px 使用移动工具 (右键单击 > 转换 > 移动 > 垂直 > 8 像素)。

creating the head of the aliencreating the head of the aliencreating the head of the alien

步骤4

给出产生的形状一个微妙的亮点, 我们将使用 #515454 颜色。

adding the highlight to the head of the alienadding the highlight to the head of the alienadding the highlight to the head of the alien

步骤5

用两个 2 x 2 像素的正方形 (#868989) 将手臂与身体分开, 用1像素的上角半径, 我们将在距离躯干两侧4像素的位置进行定位。完成后, 在移动到下一节之前, 选择并组合 (控制 G) 其所有组合形状。

finishing off the alienfinishing off the alienfinishing off the alien

步骤6

将小灰人的头投射到楼梯上, 使用 56 x 158 像素椭圆 (#2C2D2D), 以64% 不透明度作为基本形状, 逐渐增加8像素到每个新的拷贝 (控制-C >> 控制 F) 和用对应的台阶的填装的拷贝掩蔽他们大肠杆菌 完成后, 选择并分组 (控制 G) 当前图层的所有组合形状, 然后再移动到下一层。

casting the shadows onto the stairscasting the shadows onto the stairscasting the shadows onto the stairs

12. 如何创建纹理

一旦我们完成了我们的作文, 我们可以开始添加一些视觉效果。因此, 假设您已经将自己定位在下一层 (这将是第三个), 那么让我们通过应用一些微妙的纹理来做到这一点。

步骤1

使插图看起来好像它是拍摄的电影, 通过添加一对 920 x 2 像素矩形 (#FFFFFF), 我们将垂直堆叠 2 px 从彼此。完成后, 组 (控制 G) 然后居中将形状与基础美工板对齐, 确保将其不透明度降低到6%。

adding the horizontal texture linesadding the horizontal texture linesadding the horizontal texture lines

步骤2

通过创建一个 920 x 680 像素矩形 (#2C2D2D), 给出一些噪声, 我们将通过转到效果 >> ps 效果 >> 纹理 > 谷物, 我们将变成一个纹理, 我们将设置强度为 40, 对比度为 50, 和谷物类型斑点。

adding the grain textureadding the grain textureadding the grain texture

步骤3

将生成的纹理的不透明度设置为 12%, 将其混合模式从正常更改为亮起。

adjusting the grain textureadjusting the grain textureadjusting the grain texture

13. 如何创建显示器

一旦我们完成了添加纹理, 我们需要做的, 以完成我们的插图是创建小相机的显像。这是说, 移动到第四和最后一层, 让我们把东西包起来!

步骤1

首先, 创建框架参考线, 使用四 76 x 52 px 矩形与 4 px 粗笔画 (#868989), 我们将在距离从美工板的角落的 28 px 位置, 然后调整通过单独选择和删除他们的内面对锚点。

creating the hud framing guidescreating the hud framing guidescreating the hud framing guides

步骤2

放大美工板的左下角, 并使用 30 x 16 像素矩形 (#D8D8D8) 为其主体创建电池级指示器。使用三 4 x 8 px 矩形 (#D8D8D8) 水平间隔2像素, 然后使用 6 x 8 像素矩形 (#D8D8D8) 将级别添加到同一层。 完成后, 选择并组合 (控制 G) 所有其组合形状, 并将其定位为参照图像中所见。

creating the batterycreating the batterycreating the battery

步骤3

使用 16 x 16 像素圆 (#F26A46) 添加录制状态, 我们将在距离右上框的12像素位置处定位。使用您选择的字体在它前面添加 "录制" 文本 (#F26A46)。

adding the recording stateadding the recording stateadding the recording state

步骤4

完成的显式, 并与它的项目本身, 通过添加运行时间指示器到底部框架指南, 确保选择和组 (控制 G) 所有的组合形状, 然后再点击保存按钮。

finishing off the illustrationfinishing off the illustrationfinishing off the illustration

干得好!

你有它, 同胞阴谋论爱好者, 一个深入的分步教程如何创建一个外星人绑架插图。

我希望你已经设法跟上每一个步骤, 最重要的是学到了一些新的和有用的方式。

这样说, 我期待看到您的最终结果, 如果您有任何问题, 请随时张贴在评论部分, 我会尽快给你回复!

finished project previewfinished project previewfinished project preview
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads