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

如何在 Adobe  Illustration中创建峡谷插图

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

在今天的教程中, 我们将探索创建一个基于当下组合的平面插图的过程。使用一步一步的方法, 我们将逐步创建整个场景使用一些插画的最基本的形状和工具。

你可以通过标题到 GraphicRiver 来展开整个插图, 在那里你会发现很多自然灵感的风景, 都是矢量格式的。

这样说, 一定要把那个空咖啡杯填满, 让我们开始吧!

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

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

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

从 "高级" 选项卡中:

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

2. 如何设置自定义网格

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

步骤1

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

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

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

步骤2

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

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

3. 如何设置图层

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

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

  • 1层: 背景
  • 层 2: 云彩
  • 层 3: 纹理
  • 层 4: 照相机身体
  • 层 5: 屏幕
setting up the layers

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

4. 如何创建背景

现在, 我们已经分层了我们的文档, 我们可以通过创建背景来开始处理项目, 所以请确保您将自己放在第一层, 让我们直接跳到其中。

步骤1

选择矩形工具 (M) 并使用它创建一个 800 x 528 像素形状, 我们将使用 #DBC8A9, 然后使用对齐面板的水平和垂直对齐中心选项在美工板的中心位置进行着色。

creating and positioning the background

步骤2

抓取钢笔工具 (P), 并使用 #A5877F 作为填充颜色, 通过使用参照图像中的形状作为主参考线绘制峡谷的后部。

drawing the back section of the canyon

步骤3

花一些时间, 并逐步绘制粗糙的细节线使用2像素厚笔画的颜色设置为 #896B60, 确保选择 (选择 >> 相同的 >> 描边颜色), 并将它们一起分组后, 使用控制 G 键盘快捷方式。

adding the detail lines to the back of the canyon

步骤4

掩码我们刚刚创建的线 (控制 C) 的基础峡谷, 我们将粘贴在前面 (控制 F)。 然后, 使用峡谷副本和选定的行, 只需右键单击 >> 制作剪辑掩码。完成后, 在继续下一步之前, 选择线条、峡谷和组 (控制 G)。

masking the detail lines of the canyon

步骤5

将填充颜色设置为 #896B60, 绘制峡谷的前部, 使用参考图像作为主引导。

drawing the front section of the canyon

步骤6

正如我们所做的后面部分, 采取两个时刻, 并绘制的细节线使用2像素厚笔画与颜色设置为 #A5877F。完成后, 组 (控制 G), 然后掩码 (右键单击 >> 使剪辑掩码), 然后再继续下一步。

adding the detail lines to the front section of the canyon

步骤7

绘制一些岩石使用 #A5877F 作为您的填充颜色, 选择和分组 (控制 G) 所有前面部分的构成形状一起, 然后做相同的整个背景之后。

drawing the rocks

步骤8

创建完背景后, 请将其图层从 "图层" 面板中锁定, 然后移动到第四个。

locking the background layer

5. 如何创建相机的身体

由于我们已经完成了背景的工作, 我们现在可以移动到第四层, 将我们的焦点转移到相机上, 我们将逐步建立一个形状。

步骤1

使用 480 x 248 像素矩形创建正文的主形状, 我们将使用 #665953 颜色, 然后居中对齐基础美工板, 将其从其底部边缘定位到128像素。

creating and positioning the main shape for the body of the camera

步骤2

使用 480 x 24 像素矩形 (#51453F) 添加底部部分, 我们将在上一步中创建的形状下面定位。

adding the bottom section of the camera

步骤3

使用 480 x 4 像素矩形添加水平插入段, 我们将使用 #51453F 颜色, 然后在距先前创建的形状的上边缘的8像素的距离处定位。

adding the bottom horizontal insertion segment

步骤4

使用两个 4 x 8 像素矩形 (#51453F) 创建较小的垂直插入段, 我们将在水平位置的下方定位, 距离其外部边缘64像素。

adding the bottom vertical insertion segments

步骤5

使用三 480 x 4 px 矩形 (#51453F) 将顶部水平明细数据线从另一个垂直堆叠2像素, 我们将分组 (控制 G), 然后居中对齐到较大的主体的上边缘。完成后, 选择并分组 (控制 G) 所有当前节的组合形状, 然后再继续下一步。

adding the horizontal detail lines to the upper section of the camera

步骤6

使用两个 24 x 28 像素矩形 (#51453F) 创建侧面表带环, 我们将通过在变换面板的矩形属性内将其外角半径设置为14像素来进行单独调整。完成后, 将生成的形状定位在参考图像中。

adding the strap rings to the sides of the camera

步骤7

添加小孔, 通过创建和定位一个 12 x 12 px 圆圈 (突出与红色) 在距离 4 px 从形状的内部边缘, 然后我们将削减使用开创者的负前形状模式。

adding the cutouts to the strap rings

步骤8

通过使用 56 x 136 像素矩形 (#826F67) 创建左手柄部分, 开始向照相机添加详细信息, 我们将通过将其右角的半径设置为24像素, 从变换面板的矩形属性中进行调整。完成后, 将所得到的形状放置在较大物体的左侧, 距离左表带环12像素。

creating the main shape for the left grip section

步骤9

使用三列 8 x 8 px 圆圈 (#51453F) 水平和垂直间隔4像素, 添加纹理手柄, 我们将在参考图像中定位, 以确保选择和分组 (控制 G) 它们都在一起之后。 完成后, 使用控制 G 键盘快捷方式选择并将酒窝和形状组合在一起。

adding the textured dimples to the left grip

步骤10

使用我们将垂直反射的酒窝的副本 (控制-C >> 控制 F) 添加右侧手柄 (右键单击 >> 转换 >> 反射垂直), 然后定位在相机的身体的另一侧, 确保保持相同的 8 px 距离从它的右边缘。

adding the right grip section

步骤11

开始逐步添加不同的控制按钮, 通过创建一个 20 x 20 px 圆圈, 我们将使用 #51453F 的颜色, 然后在参考图像中看到的位置。

adding the bottom-right button to the camera

步骤12

使用 8 x 8 px 圆圈创建电源指示器灯, 我们将使用 #91C153 颜色, 然后底部对齐到先前创建的形状, 将其定位在距左侧60像素的距离。

adding the power indicator light

步骤13

使用 64 x 64 像素圆圈 (#51453F) 为 d 形垫按钮添加主形状, 在上面, 我们将添加另一个 28 x 28 px (#665953) 一, 其次是一个更小的 12 x 12 px 一 (#51453F), 我们将定位在 56 px 距离较大的身体的权利边缘和36像素从其底部插入段。

creating the main shapes for the d-pad button

步骤14

使用四 8 x 8 像素正方形 (#665953) 添加小箭头, 我们将通过使用 "添加锚点" 工具 (+) 将新的锚点添加到其外部边缘的中心来进行调整, 并使用 "删除锚点" 工具 (-) 删除侧面。

完成后, 将生成的形状放置在中间圆周围, 距离仅为4像素, 确保在移动到下一步之前, 选择并组合 (控制 G) 所有按钮的组合形状。

adding the arrows to the d-pad button

步骤15

使用 20 x 20 像素圆圈 (#C47053) 创建记录按钮, 在该中心, 我们将添加一个较小的 12 x 12 px 一 (#51453F), 分组 (控制 G), 然后定位两个距离 104 px 从较大的身体的右边缘和 16 px 从 d 垫的顶部 edg大肠杆菌

adding the record button

步骤16

使用两个 20 x 20 像素的圆圈添加其余的圆形按钮, 我们将使用 #51453F 的颜色, 然后在参考图像中看到的位置。

adding the remaining circular buttons

步骤17

使用 72 x 24 像素矩形 (#51453F) 创建水平滚轮, 在上面我们将添加一个较窄的 56 x 8 像素一 (#826F67), 后跟七 4 x 8 px 垂直矩形 (#51453F), 它们彼此定位4个 px。

选择和组 (控制 G) 所有的车轮的组成形状一起, 定位他们在距离 12 px 从身体的顶部边缘和 32 px 从它的右一个。完成后, 选择并分组 (控制 G) 当前节的所有组合形状, 然后再移到下一个。

adding the horizontal scroll wheel

步骤18

通过创建一个 480 x 24 像素矩形 (#826F67), 然后开始工作在相机的上部, 然后是一个窄 264 x 24 px (#826F67) 与它的左边缘对齐, 我们将对其进行分组 (控制 G), 然后在相机更大的物体的顶部定位。

adding the upper section of the camera

步骤19

通过创建一个 64 x 32 像素矩形 (#51453F) 开始对取景器进行工作, 在上面, 我们将添加一个较小的 48 x 16 px 一 (#665953), 其次是两个 4 x 16 px 矩形 (#51453F) 的两侧, 我们将分组 (控制 G), 然后在参考看到的位置ce 图像。

creating the viewfinder

步骤20

添加反射使用 8 x 8 px 正方形 (#FFFFFF) 定位 8 px 从 16 x 8 px 矩形 (#FFFFFF), 我们将调整通过选择和推他们的底部锚点到左边的8像素 (右击 > 转换 > 移动 > 水平 >-8 px)。

将生成的形状的不透明度降低到 20%, 分组 (控制 g), 然后居中将它们与底层取景器对齐, 确保同时选择并组合 (控制 g) 其所有组合形状。

adding the reflections to the viewfinder

步骤21

使用 80 x 24 像素矩形 (#665953) 创建模式拨号, 在顶部, 我们将添加一组十 4 x 24 px 矩形 (#51453F) 水平间隔4像素彼此。选择并分组 (控制 G) 所有表盘的构成形状, 将它们定位在参考图像中。

adding the mode dial to the upper section of the camera

步骤22

使用 64 x 16 像素矩形 (#665953) 添加快门按钮, 在上面我们将添加 64 x 4 像素水平分隔线 (#51453F), 后跟 48 x 8 像素矩形 (#51453F)。一旦完成, 组 (控制 G) 和位置的形状在表盘的右侧, 在距离只有16像素。

adding the shutter button

步骤23

用三8像素高的矩形 (#51453F) 添加虚拟品牌文本线和拨号指示器状态, 完成相机正文的当前部分, 我们将在参考图像中进行调整和定位。完成后, 选择并分组 (控制 G) 所有相机的构成形状, 然后再移到下一节。

adding the decals to the upper section of the camera

6. 如何创建三脚架头

一旦我们完成了相机的身体, 我们可以移动几个像素向底部, 在那里我们将迅速创建的可见部分三脚架。

步骤1

开始创建安装板使用 240 x 28 px 矩形 (#665953) 堆叠在一个狭窄的 160 x 28 px 一 (#51453F) 的顶部, 我们将组 (控制 G) 和位置在相机的底部边缘的中心。

creating the main shapes for the upper section of the tripod

步骤2

使用 36 x 16 像素矩形添加锁定段, 我们将使用 #51453F 颜色, 然后在我们刚刚创建的更宽形状的右侧定位。

adding the locking latch to the upper section of the tripod

步骤3

使用 48 x 48 像素正方形创建三脚架的垂直部分, 我们将使用 #665953 颜色, 然后居中对齐底层美工板的下边缘。

adding the vertical section of the tripod

步骤4

使用 72 x 40 像素矩形 (#51453F) 添加球头段, 我们将通过将其上角的半径设置为36像素从变换面板的矩形属性中进行调整, 将生成的形状定位到美工板底部边缘的中心。

adding the ball head to the bottom section of the tripod

步骤5

使用两个8像素高的矩形 (#51453F) 添加小的伪文本线, 完成三脚架, 我们将调整和位置, 在参考图像中看到。完成后, 请使用控制 G 键盘快捷键选择并将当前节的所有组合形状组合在一起, 然后对其执行相同的操作, 然后对整个照相机进行分组。

adding the dummy text line to the mounting plate

7. 如何创建云

一旦我们添加了三脚架部分, 我们可以锁定当前层, 并移动到第二个, 在那里我们将添加云。

步骤1

选择钢笔工具 (P), 并绘制一对2像素厚的水平描边线与颜色设置为 #FFF2E9, 使用参考图像作为您的主指南。

drawing the background clouds

步骤2

集中在组合的左部分, 并添加一个蓬松的云使用 64 x 24 px 椭圆 (#FFF2E9), 在右侧, 我们将添加 64 x 64 px 圆圈 (#FFF2E9), 我们将调整通过单独选择和删除他们的底部一半。 完成后, 组 (控制 G) 并将结果形状放置在笔画线的上方, 距离为4像素。

adding the round cloud section to the left side of the composition

步骤3

遵循类似的过程, 并将另一个圆云组添加到组合的上部, 使用较小的 48 x 48 px 圆 (#FFF2E9), 后跟 48 x 24 像素椭圆 (#FFF2E9)。花时间, 一旦完成, 请锁定当前图层, 然后再移到下一节。

adding the second round cloud

8. 如何创建摄像机屏幕

一旦我们有了云的地方, 我们可以移动到第五层, 在那里我们将创建现场预览的相机捕捉。

步骤1

使用 280 x 196 像素矩形 (#51453F) 创建实际屏幕, 在上面, 我们将添加一个稍微较小的 264 x 180 px 一 (#FCCE72), 分组 (控制 G), 然后定位两个距离 64 px 从相机体的左边缘和 12 px 从其底部 insertion。

adding the screen to the body of the camera

步骤2

现在, 我们可以开始添加一些由相机本身阻止的细节, 从小太阳开始, 我们将使用 64 x 64 像素圆来创建。使用 #EF995E 将其着色, 然后将其从黄色矩形的底部边缘的中心定位28像素。

adding the sun to the screen

步骤3

接下来, 选择钢笔工具 (P), 并使用 #D87350 作为填充颜色绘制峡谷的可见部分。花些时间, 一旦你完成了, 就继续下一步。

drawing the smaller canyon section

快速提示: 对于这一步, 我们可以使用我们为背景部分创建的峡谷的调整副本, 但通过从地面上绘制, 我们可以调整相机的角度, 使其更具个性。

步骤4

花几分钟, 用2像素厚的笔触绘制小细节线, 颜色设置为 #B25B44, 确保组 (控制 G) 和掩码 (右键单击 >> 使剪辑掩码) 之后使用的副本 (控制-C >> 控制 F) 的基础矩形. 一旦完成, 选择峡谷和结果线和组 (控制 G) 的那些在一起。

adding the detail lines to the smaller canyon

步骤5

使用 #D87350 作为填充颜色绘制竖向岩石柱, 添加一对2像素粗描边线 (#D87350), 就像我们以前的部分一样。一旦你完成了, 确保你组 (控制 G), 然后把下面的两个位置 (右击 >> 排列 >> 发送向后) 峡谷, 如在参考图像中看到。

adding the vertical rock column to the smaller canyon

步骤6

完成预览图像, 添加小云后, 在相同的过程中使用了几分钟前, 使用较小的形状的圆形部分。花你的时间, 一旦你完成了, 选择并将其所有构成形状组合在一起使用控制 G 键盘快捷键。

adding the clouds to the smaller canyon

9. 如何添加纹理

我们现在的最后一部分, 我们的插图, 我们将添加一个微妙的纹理在背景上, 以使实时预览 pop。所以, 确保你是在正确的层 (这将是第三个), 让我们把事情包起来。

步骤1

使用 800 x 528 像素矩形创建纹理的主形状, 我们将使用 #51453F 颜色, 然后居中对齐基础美工板。

creating the main shape for the texture

步骤2

选择该形状后, 转到效果 >> Photoshop 效果 > 纹理 > 谷物和调整其强度为 40, 对比度为 50, 确保将谷物类型设置为斑点。

adjusting the textures settings

步骤3

完成插图, 并与它的项目本身, 通过设置生成的纹理的混合模式, 以覆盖, 确保降低其不透明度为仅8%。

adjusting the blending mode of the texture

干得好!

你有它, 同胞自然爱好者: 一个很好的和简单的教程如何创建您自己的峡谷插图使用无非是一些简单的形状和笔触。

一如既往, 我希望你已经成功地遵循每一步, 如果你遇到任何问题, 请随时在评论区张贴你的问题, 我会尽快给你回复。

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.