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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何在 AdobeIllustratio中创建沙滩警卫塔插图
0.0°
2018-07-23 自译外文 教程 原作者: Aliaksei Kruhlenia 举报 12806 141 126 13

首先我们来看看今天教程的主角吧!

Image title

在今天的教程中,我们将使用AI的基础工具来创建一个海边的警卫塔。在教程结束之后我希望大家可以多多练习,这里放出一些漂亮的插图供大家练习使用(切勿商业用途,版权归原作者所有)

Image title

1. 如何创建塔顶部

让我们开始简单的创建一个 127 x 127 像素的矩形, 并填充 #98D2BE。使用直接选择工具 (A), 并选择矩形的两个顶部锚。按 enter 键以打开 "移动" 窗口。将水平值设置为-32 像素, 垂直值为0像素, 然后按 "确定", 将锚点向左移动。这个多边形将充当主前壁。

Image title

步骤2

选择形状并复制它, 使用ctrl+C。再按 "ctrl+F" 以在多边形的顶部获取两个副本, 并将顶部副本向右移动约60像素。选中第二个副本, 并使用 "路径查找器" 面板的减去顶层。

Image title

步骤3

使用选择工具 (V) 选择生成的形状, 并通过将边界框蓝色区域的一个上角拖动到中心来减小其大小。将形状的颜色设置为 #48A987, 并将形状放置在墙的中间部分。它将作为一个门口。Image title

步骤4

使用 (ctrl+C) 和ctrl+f复制副本。然后选中副本像右边移动,然后按 "路径查找器" 面板上的 "相交" 按钮。将新形状的颜色更改为 #225443, 形成入口的内阴影部分。Image title

步骤5

现在, 我们要给墙添加阴影。制作一个副本 (ctrl+ C) 并将它们粘贴到形状的前面 (ctrl+ F ), 然后将顶部副本向左和向下移动。使用 "路径查找器" 的减去顶部选项将第二个形状选中, 获取新的形状。由于它将充当阴影, 因此在透明度面板中将不透明度降低到 40%, 可将其混合模式更改为叠加。(若叠加不可以请尝试其他模式,不要死脑筋)Image title

步骤6

让我们为墙添加一些高光或者说是亮部吧。直接照着右边的阴影宽度大小绘制一个矩形填充为白色。Image title步骤7

为形状添加轮廓。选择主矩形并复制它。将副本的填充设置为 "无", 描边颜色为 #3d342d, 描边大小为6像素。然后门的做法也是一样。(整体来说请保持描边大小一致)

Image title

步骤8

为侧壁创建一个 152 x 127 像素的矩形 (#6ebea2), 然后我们复制他并且使用直接选着工具调整他的锚点位置(这里描述的话很难说,小伙伴观察图吧), 然后选择这2个形状并使用路径查找器的减去顶部选项, 因为是要做阴影所以这里的做法可以参考步骤5.谢谢!

Image title

步骤9

以同样的方式工作, 在墙上添加一个侧面阴影。让我们在侧面墙上添加一个轮廓。复制 (控制-C) 侧壁, 点击上面的阴影, 并粘贴在它前面的形状与控制 F。将描边颜色设置为 #3d342d, 并将描边粗细设为6像素, 请移除填充。Image title

步骤10

在侧面墙顶部添加一个 210 x 16.5 像素的矩形 (#6ebea2), 并将其与形状的中心对齐。正如我们以前的部分所做的, 给当前矩形两个阴影和一个6像素宽的轮廓 (#3d342d)。

Image title

步骤11

在先前创建的形状的左外侧形成一个 129 x 16.5 像素的矩形 (#98d2be)。使用相同的方法, 在左部分的条纹右侧的阴影处生成高光, 然后创建6像素宽的轮廓 (#3d342d)。最后我们将他们打组。Image title

2. 如何创建塔底段

步骤1

让我们开始吧, 在我们的塔底部, 绘制一个 290 x 16.5 px 的矩形 (#48a987) 。然后在绘制一个230.5 x 16.5 像素条纹的相同颜色的第一个。用旋转工具 (R) 按住 Alt 键单击左下锚, 将矩形旋转30度, 将角度设置为30度。将角度形状附加到水平矩形的左侧, 将其顶部锚点定位在水平长方形的左上锚。Image title

步骤2

我们将刚才绘制的矩形复制一份,通过直接选择工具拉扯锚点使其与之形成一个平面。然后设置其颜色为#98d2be

Image title

步骤3

在大角度的形状下面绘制一个等距的矩形(#48a987),然后我们用直接选择工具调整他的锚点,让他与其他边结合在一起,形成一个立体效果。Image title

步骤4

现在, 让我们来绘制高光(这里的做法其实与之前的是一样的)我们先复制一个侧面的出来填充成白色,然后我们选中这个白色矩形和面块的这个矩形使用路径查找器里面的减去顶部命令(这里的高光可以不用复制已有的矩形来绘制,我们可以自己重新绘制)Image title

步骤5

这里我们在添加一个暗色的矩形在面块上面作为他的阴影,然后我们可以把面块侧边和塔底部的很条一起选中,然后在路径查找器里面使用联集命令,然后为其添加一个宽6px的描边(#3d342d)。Image title

步骤6

现在我们开始为他创建栅栏, 首先创建一个 11.5 x 29 像素的矩形 (#6ebea2) , 然后给它一个阴影后, 整体给一个4px的描边 (#3d342d)。最好ctrl+g把他们打组, 并放置在如图的位置(这里我们可以复制一个副本)。Image title

步骤7

这里记得我们之前复制的副本吗?我们把它拿出来选中按回车,打开移动面板,把水平位置设置成65px,然后点击复制,这样我们就得到了右边的副本,这里我们再次按ctrl+d面次,就得到了4个副本,然后我们把他们打组,使用r旋转工具,旋转30度(这里的度数与斜坡的度数要一致)放置到斜坡上面。Image title

步骤8

现在我们需要做柱子上的栏杆。复制斜坡的黑色轮廓并将其拖到柱子的上面, 使其左边缘柱子对齐, 如下面的图像所示。然后使用直接选择工具选中锚点,删除右边的边,然后打开描边面板设置描边的属性分别为圆头端点,圆头链接。Image title

步骤9

做同样的操作, 复制和拖动柱子和铁轨, 在塔的右侧创建另一个栅栏。参考步骤7-8.Image title

步骤10

让我们创建支撑我们塔的承重桩。在塔的下面的右侧建立一个 14 x 113 像素的矩形 (#48a987)。给它一个阴影后面跟着给一个6像素宽的描边 (#3d342d)。然后打组(ctrl+g)。然后复制一个到左边。Image title

步骤11

绘制两个6像素宽的水平矩形 (#3d342d) , 使左端点略有重叠在左柱子。然后我们将他与柱子打组,然后复制一份放到最后面的位置,颜色可以比前面的深。Image title

3.如何制作风向袋

步骤1

让我们添加一个流动的 风向袋在我们的海滩塔的屋顶。首先绘制一个62 x 24 像素的矩形 (#d65428)作为风向袋的主体。然后在右边缘的中间添加一个锚点。删除顶部和底部的锚点, 得到一个三角形, 然后我们拖动圆角点,使其圆角。这时我们在三角形的左边添加一个 15.5 x 24 像素的椭圆 (#a8411f)。Image title

步骤2

首先选中圆与三角形复制一份作为副本,然后选中圆,使用对象>路径>偏移路径。在偏移路径面板中把偏移值设置为10px,然后点击确定。然后我们再次选中圆(外边的)然后在使用对象>路径>偏移路径。在偏移路径面板中把偏移值设置为5px。再次选择两个外部形状并再次转到对象 >> 路径 > 偏移路径。将偏移量设置为20像素, 得到两个外部形状。这个时候选中三角形和刚才的圆并使用 "路径查找器" 面板的 "分割" 选项。然后删除除两条条纹外的所有分割块, 将其颜色更改为 #fbf8f1。(如果这个看着复杂请使用第一步的圆进行复制大小不一样的副本在进行与其切割)

Image title

步骤3

首先这里的我们需要给风向袋一个高光,其次我们需要给风向袋一个描边,然后我们需要有两根绳子来链接风向袋到柱子上,风向袋描边为6px,绳子的大小为4px,柱子大约是7px左右,具体的绘制前面已经说了很多,这里不过多阐述。最后我们将他打组。放到塔上。Image title

步骤4

我们几乎完成了海滩警卫塔。但是我们可以在花点时间,为他做点点缀或者说是细节,这样看起来就更完美。可以绘制一些4px的线条来营造那种海边的感觉(就是有风)然后可以给描边加点然后减点让他断开(断的不要太多)。再来我们可以绘制一些线条作为地面。Image title

4. 如何创建热带海滩背景

让我们为海滩警卫塔做一个背景吧。

步骤1

绘制一个 1200 x 1200 像素的矩形 (#fb9f31) 后, 作为建筑背景。在塔下面添加6像素宽的 #f8cc6b 线条, 以模拟水面。增加一些像破折号一样的样式和大小也适当变换一些, 使他们更有趣和活泼。Image title

步骤2

这里我们可以根据图来绘制三个不同大小的圆,然后通过透明度和混合模式来制作如图效果,然后在地面的位置绘制一个矩形用来切割掉地面以下的部分。(也可以直接绘制三个圆给她们不同的颜色透明度来制作如图效果)Image title

步骤3

我们现在需要一些额外的元素来丰富画面,我们可以绘制两个椭圆,让他们重合一点,然后使用路径查找器的交集命令得到一个新的图形,然后通过旋转和变换大小来绘制树叶,树干用一个矩形来变形得到。再次我们可以绘制云朵。用很多的大小不一的圆来拼接出一个云的形状,最后我们把这些元素放到画面里面去。那么我们的热带海滩警卫塔就做好了,我们甚至可以为他绘制一些海鸟的剪影在上面。Image title

Image title

到这里本期的教程就结束了,最后本期的教程可以举一反三,有兴趣的小伙伴可以在下面的图中选几个自己在绘制绘制。多练习练习!Image title

谢谢大家的观看与练习!文章与原文可能会有不同!若有什么疑问请点击此处与我互动,或者在文章下方留言与网友互动。Image title



微信公众号:米夏小雨

更新:2018-07-23

收藏

141人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2018-07-23 自译外文 教程 原作者: Aliaksei Kruhlenia 举报 12806 141 126 13

      如何在 AdobeIllustratio中创建沙滩警卫塔插图

      0.0°

      你确定要举报如何在 AdobeIllustratio中创建沙滩警卫塔插图

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年07月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      126
      141
      13

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

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

      登录

      手机号

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

      登录
      第三方账号登录