恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何在Adobe Illustration中创建峡谷插画
0.0°
2018-06-18 自译外文 经验/观点 原作者: Andrei Stefan 举报 11087 79 138 4

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

主角

视频地址:http:////www.bilibili.com/video/av21160343/

开始今天的内容前先BB几句:首先这个教程很简单,请忘记下文中的参数,请忘记忘记!然后就是本次录制了一个很不走心的视频!


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


1.我们在ai里面设置好所有的东西后就开始画了!

这里的具体不做要求看个人喜好,所以跳过作者的这一步!

2.创建场景

步骤1
选择矩形工具 (M) 并使用它创建一个 800 x 528 像素形状, 我们将使用 #DBC8A9,
Image title步骤2
使用钢笔工具 (P), 并使用 #A5877F 作为填充颜色, 通过使用参照图像中的形状作为主参考线绘制峡谷的后部。
Image title步骤3
花一些时间, 并逐步绘制粗糙的细节线使用2像素厚的画笔,颜色设置为 #896B60, 一定要确保颜色是一致的,然后将他们打组。Image title

步骤4(这个步骤我不知道作者说什么,请看第五步
Image title

步骤5
将填充颜色设置为 #896B60, 绘制峡谷的前部, 使用参考图像(作者使用了一张照片)作为主引导。

Image title

步骤6
正如我们前面所做的一样使用2像素厚的画笔,颜色设置为 #A5877F绘制线条,然后打组。Image title

步骤7
绘制一些岩石,使用 #A5877F 作为您的填充颜色(如图)Image title

步骤8
创建完背景后, 请将其图层从 "图层" 面板中锁定, 然后移动到第四个。(如果你没有创建分层请锁定后忽略)Image title

3.创建相机

由于我们已经完成了背景的工作, 我们现在可以把背景所有的打组锁定, 将我们的焦点转移到相机上。
步骤1

使用 480 x 248 像素的矩形创建相机的主形状, 我们将使用 #665953 颜色, 然后居中对齐画板, 让他离底部距离128像素。Image title步骤2
使用 480 x 24 像素的矩形 (#51453F) 添加底部的部分, 我们将他放在上一步的形状底部。Image title

步骤3
使用 480 x 4 像素的矩形添加水平线条, 我们将使用 #51453F 颜色, 然后在距先前创建的形状的上边的8像素的距离处定位。Image title

步骤4
使用两个 4 x 8 像素的矩形 (#51453F) 创建较小的垂直线条, 我们将在水平位置的下方定位, 距离其外部边缘64像素。Image title步骤5
使用三个 480 x 4 px 的矩形 (#51453F) 让其中间留有2px的距离,然后放置到机身的顶部并打组。Image title

步骤6
使用两个 24 x 28 像素的矩形 (#51453F) 创建侧面表带环, 使用圆角工具圆角(是外面圆角并且只有2个角)Image title步骤7
添加小孔, 通过创建一个 12 x 12 px 圆圈放到里面用路径查找器剪切即可。Image title

步骤8
通过使用 56 x 136 像素的矩形 (#826F67) 创建左手柄部分, 开始向照相机添加细节, 让其距离那个环有12个像素的距离,也让其圆角。
Image title步骤9
使用三列 8 x 8 px的 圆圈 (#51453F) 水平和垂直间隔4像素,添加到上面作为纹理细节。Image title

步骤10
我们将上一步的东西复制一份并且翻转移动到右边,让其距离相机本身边缘有8px的距离。Image title

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

Image title

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

步骤13
使用 64 x 64 像素的圆圈 (#51453F) 然后里面加园家园,请看图,不描述!Image title

步骤14
画个三角形就OK了。摆放位置凭感觉走。Image title

步骤15
使用 20 x 20 像素圆圈 (#C47053) 创建记录按钮, 在该中心, 我们将添加一个较小的 12 x 12 px 一 (#51453F)。两边的距离请看图。Image title

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

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

步骤18
通过创建一个 480 x 24 像素的矩形 (#826F67),  然后是一个窄的 264 x 24 px (#826F67) 与它的左边缘对齐。Image title

步骤19
通过创建一个 64 x 32 像素的矩形 (#51453F) 开始对取景器进行绘制, 在上面, 我们将添加一个较小的 48 x 16 px 一 (#665953), 其次是两个 4 x 16 px 矩形 (#51453F) 的在两侧,。Image title

步骤20
添加反射使用的 8 x 8 px 正方形 (#FFFFFF)(随意发挥) 将生成的形状的不透明度降低到 20%。Image title

步骤21
使用 80 x 24 像素的矩形 (#665953) 在顶部, 我们将添加一组十个 4 x 24 px 矩形 (#51453F) 水平间隔4像素彼此。然后打组他们。Image title

步骤22
使用 64 x 16 像素的矩形 (#665953) 添加快门按钮, 在上面我们将添加 64 x 4 像素水平分隔线 (#51453F), 后跟 48 x 8 像素的矩形 (#51453F)。一旦完成,请记得打组。Image title

步骤23
使用一个8px的矩形画下图的细节就OK了,随意画。Image title

4.创建三脚架

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

步骤1
开始创建安装板,使用 240 x 28 px的 矩形 (#665953) 堆叠在一个狭窄的 160 x 28 px 一 (#51453F) 的顶部。Image title

步骤2
然后使用 36 x 16 像素的矩形添加锁定段, 我们将使用 #51453F 颜色,。让其在刚才的图形下边并且比之前的宅。Image title

步骤3
使用 48 x 48 像素正方形创建三脚架的垂直部分, 我们将使用 #665953 颜色, 然后居中对齐。Image title

步骤4
使用 72 x 40 像素的矩形 (#51453F) 添加球头段。如图!Image title

步骤5
使用矩形加细节(请随意)

Image title

5.创建云

步骤1
选择钢笔工具 (P), 并绘制一对2像素厚的水平描边线,颜色设置为 #FFF2E9, 使用参考图像作为您的主指南。Image title步骤2
云的绘制我就不说了,请随意。Image title

步骤3
遵循类似的过程, 并将另一个圆云组添加到组合的上部。Image title

6.创建摄像机屏幕

步骤1
使用 280 x 196 像素的矩形 (#51453F) 创建屏幕, 在上面, 我们将添加一个稍微较小的 264 x 180 px 放上面。(这里是2个矩形不是一个加描边)Image title步骤2
现在, 我们可以开始添加一些细节, 比如我们使用 64 x 64 像素圆来创建一个太阳。使用 #EF995E 将其着色, 然后将其从黄色矩形的底部边缘的中心定位28像素。Image title

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

快速提示: 对于这一步, 我们可以使用我们为背景部分创建的峡谷, 但通过实际的绘制, 我们可以调整相机的角度, 使其更具个性。
步骤4
花几分钟, 用2像素厚的笔触绘制小细节线, 颜色设置为 #B25B44, 然后打组。Image title

步骤5
使用 #D87350 作为填充颜色绘制竖向岩石柱, 添加一对2像素粗描边线 (#D87350), 就像我们以前的部分一样。一旦你完成了, 请记得打组。Image title

步骤6
添加小云,然后记得打组。Image title

7.添加纹理

现在我们就到了最后一步,为其添加纹理。
步骤1
使用 800 x 528 像素矩形创建纹理的主形状, 我们将使用 #51453F 颜色, 然后居中对齐画板。

Image title

步骤2
选择该形状后, 转到效果 >> Photoshop 效果 > 纹理 > 颗粒,调整其强度为 40, 对比度为 50, 确保将颗粒类型设置为点刻。
Image title

步骤3
完成后, 改变混合模式,然后调整透明度。
Image titleok,今天的插画教程就在这里结束了,原来我粗暴的翻译和视频,如果你想和小伙伴一起练习更多的技法方面的东西,可以微博私信找我也可以加我联系方式!下期再见!Image title



微信公众号:米夏小雨

更新:2018-06-18

收藏

79人已收藏

米夏小雨

每周六晚20:00B站直播设计技法实操 欢迎来玩!

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

  • 【技法解析第七期】如何在C4D中创建二维矢量插画效果教程
  • 【技法解析第六期】多彩质感UI图标材质渲染教程-C4D教程
  • C4D教程-技法解析第五期-抽象艺术材料
  • 七步教你学会制作iPhone SE 2022 壁纸

    猜你喜欢

      2018-06-18 自译外文 经验/观点 原作者: Andrei Stefan 举报 11087 79 138 4

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

      0.0°

      你确定要举报如何在Adobe Illustration中创建峡谷插画

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      138
      79
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录