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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何在Adobe Illustrator中创建灯塔
0.0°
2018-07-03 自译外文 教程 原作者: Aliaksei Kruhlenia 举报 6871 112 259 5

AI基础教程第九篇!

在今天的教程中,您将通过学习如何绘制一个灯塔建筑物来了解学习AI最基本的形状工具



Image title

今天的案列讲解第7个灯塔

1.如何制作灯塔塔顶

1-1

让我们开始创建灯塔塔顶,通过矩形工具 (M) 建立一个 220 x 460 像素的矩形, 然后将颜色填充为 #D7DBDE。

Image title

1-2

在矩形的上面创建两条线,使得矩形被平分然后将线条圆角。在添加一个相同颜色的大小为 220 x 23 像素的矩形, 将其置于主形状(第一步的矩形)的顶部。Image title

1-3

使用直接选择工具 (A) 选取上部矩形的右上锚点, 然后按 enter 键以打开移动窗口。将水平值设置为20像素, 垂直值为0像素, 然后按 "确定", 将锚点向右移动。

然后打开左上锚的移动窗口, 并通过将水平值设置为-20 像素将其移动到左边。

添加一个 260 x 5 px颜色为  (#092C4A) 的线条在刚才的形状上方。

Image title1-4

通过在顶部添加 一个大小为158 x 68 像素的矩形 (#092C4A) 和一个大小为 158 x 100 像素的矩形 (#FBC318), 来构建灯塔的顶部。

在这里我们要确定新创建的矩形是对齐我们灯塔的,我们可以选择新建的矩形和灯塔的身体进行居中对齐处理(在 "控制面板" 和 "对齐" 面板中自动选择 "对齐" 对象。在 "对齐" 面板 ("窗口 >> 对齐") 或 "控制" 面板上, 单击 "水平对齐中心" 按钮, 将两个顶部形状与塔的中心轴对齐。)

Image title

1-5

这里我们需要复制一份之前步骤绘制的图形,然后让他位于我们第四步的形状顶部Image title

1-6

创建一个矩形, 让它坐在之前的形状的顶部, 使其宽度等于角度形状的宽度, 并将其高度设置为大约180像素。用 #2E4C66 给它上色。

使用 "移动选项" 窗口, 如前面所做的那样, 将矩形的顶部锚点移动到距离中心轴上大约20像素。

使用直接选择工具 (A) 选择顶部锚点, 并将圆圈指示器拖动到中间, 使形状变圆。Image title

1-7

让我们为灯塔创建一个装饰帽。

用椭圆工具 (L) 绘制一个 45 x 45 像素的圆 (#2E4C66)。添加一个 27 x 15 像素的矩形 (#092C4A), 使其与圆的底部重叠, 使其与中间部分对齐。

使用一个 36 x 4 像素的矩形 (#2E4C66) 横跨矩形并居中矩形。最后我们将这个装饰帽放到顶部去。(记得打组习惯哦)

Image title

1-8

现在是时候在灯塔的顶端创建一个挥舞的小旗帜。

绘制一个狭长的(矩形)柱子, 隐藏在圆圈帽后面的底部边缘。在顶部添加一个小的红色 (#D43C34) 矩形, 并让其右上角和右下角是。

制作一个矩形的副本, 并翻转他。将副本的颜色设置为 #B52D2D,然后让他位于顶部.在旗杆的中央部分添加一个小的装饰Image title1-9

我们在灯塔小屋下面加一条篱笆。

首先创建一个 4.5 x 34 像素的矩形 (#63798C) 让他站在底部窗台的左侧。

选择矩形并选择镜像工具 (O)。按住 Alt 键, 单击黄色灯塔窗口的中间。在 "镜像" 选项窗口中, 将坐标轴设置为垂直, 然后按 "复制", 将形状镜像到窗台的右侧。Image title

1-10

使用选择工具 (V) 选择两个垂直形状, 然后选择 "对象 >> 混合"。

默认情况下,我们点击混合》创建他默认是平滑颜色,这个时候我们可以再混合选项里面更改为制定步数,这个我们将指定步数为9

复制的一个矩形让他水平, 并把副本放在我们的围栏顶部, 做一个栏杆。将其颜色设置为 #63798C。Image title

1-11

现在我们要给我们的塔楼加几扇窗户。

首先在灯塔外创建一个 52 x 74 像素的矩形。用 #63798C 填充他。

在内部添加一个 38 x 56.5 像素的矩形 (#2E4C66)。选择它并转到对象 >> 路径 > 偏移路径。将偏移值设置为-5 像素, 在内部添加一个较小的形状。将形状的颜色设置为 #8CABC0, 形成一个窗口。

添加一个窄条纹 5 px 宽度划分我们的窗口分成两半。创建跨窗口中心的同一宽度的一条水平线。Image title

1-12

选择锚点工具 (Shift C), 并将窗口框架的上边缘稍微拖到顶部, 使其弯曲。

在窗户下为窗户添加一个 57 x 8.5 像素的矩形 (#2E4C66),作为窗户的底部(阳台)然后打组窗户进行复制,摆放!

Image title

2. 如何创建灯塔的底部部分

2-1

在塔下建立一个 497 x 183 像素的矩形 (#63798C), 使其与右边缘对齐, 这便是灯塔的底部咯

在矩形的底边上方添加一个 497 x 26 像素的矩形 (#2E4C66), 并在上边缘上创建一个相同颜色的 510 x 6.5 矩形, 并在 "对齐" 面板里面使用居中对齐让他们对齐。Image title

2-2

建立一个 90 x 163 像素的矩形 (#D7DBDE) 作为门,位置居中底部对齐。然后用锚点工具 (Shift C) 将其向上拖动, 使上边缘变的圆滑。

这个时候我们可以吧之前的窗户拿来用,也可以再次绘制(比较简单我希望你再次绘制,图片里面的步骤省略),当复制或者绘制好的窗户完成后,我们可以在为门添加一个门把手。(如图)Image title

2-3

这里现在我们可以为底部(墙)添加窗户,我们拿之前的复制过来也可以,我还是希望你能再次绘制。然后我们建立矩形作为窗户的门,使其像是往外面打开的,在加一个矩形作为窗户的阳台。(大小如图所示)然后进行打组处理。记得复制一份给到另一边哦!还要保持他们是水平的哦!

Image title

2-4

我们可以在灰色的墙上绘制一些大小不一的矩形来模拟砖块。Image title

2-5

在灯塔塔的左外侧建立一个 277 x 84 像素的矩形 (#D7DBDE), 将其放置在底部灰色部分的上部的窗台上。

再在上面创建一个 258 x 128.5 像素的相同颜色的矩形, 并将其与上一个的左侧对齐。然后, 使用 "添加锚点" 工具 (+) 在形状上边缘的中间添加一个定位点。通过单击 "删除锚点" 工具 (-), 删除左和右顶部锚,获的一个三角形形状。Image title

2-6

选择三角形形状, 并使用偏移路径方法添加10像素的 #2E4C66 颜色轮廓。然后复制一份,在吧下方的矩形复制一份并且边长,然后把刚才复制的三角形和矩形选中,使用路径查找器里面的命令把多余的部分减掉。

Image title

2-7

选择之前的三角形(如果有描边去掉就好), 复制它, 然后把他的位置变到后面, 然后将他向右移动大约120像素。

将三角形的颜色设置为 #63798C, 并通过使用 "添加锚点" 工具 (+) 在形状的左边缘上添加一个锚。这个时候我们就把他拽到屋檐这里重合。Image title

2-8

这里我们开始绘制屋顶的装饰,原作者的做法我这里不翻译,我直接使用其他方法。

首先绘制好一个条纹矩形,然后按住shift加alt加鼠标左键往下移动复制一份,然后按ctrl加d重复复制,直到分布满底部形状。然后我们把很条全选打组。然后然底部位于很条上方,此时我们应该复制一份底部。复制完后我们把底部和很条组选中右击,点击建立剪切蒙版。然后我们把做好的很条放到备份的底部上,这个时候我们就做好了屋顶的装饰。


Image title

原作者步骤图

Image title

2-9

创建一个垂直装饰条纹(矩形) (#2E4C66) 穿过屋顶的顶部和它下面的水平条纹。

在屋顶下添加两个窗户, 从灯塔下部复制来就好。将窗户框架的填充更改为 #63798C, 并将右侧窗户的 #FBC318 一起着色。

Image title

3如何在灯塔中添加阴影和高光

3-1

让我们通过添加一些阴影和亮点, 使我们的灯塔更加生动和真实。

选择圆角的灯塔顶端, 并复制它。然后将复制的粘贴到形状的前面, 按下ctrl加 F。使用选择工具 (V) 选择新形状, 复制出来1份让他们都有相交的部分并且与边缘对齐。然后我们对他们进行切割处理得到三个三角形, 并将左形状的颜色更改为 #63798C, 并将右侧形状的颜色改为 #092C4A。Image title3-2

使用相同的方法, 将高光和阴影添加到黄色灯笼舱下的矩形部分, 以及栅栏下面的矩形窗台。Image title

3-3

分割和重新着色对象不是唯一的方法, 我们可以创建阴影和高光。让我们尝试一些不同的方式。

我们选择塔,复制两个副本,通过ctrl加f吧他们移动到前面,然后把其中一个往边缘移动,留出你想要的阴影位置,这个时候选择他们用路径查找器里面的减去使其留下阴影部分,然后选中使用透明度控制阴影。将透明度改成40%。模式改成颜色加深(这个单词我理解的是)大家多试一下其他模式好咯


Image title

3-4

以同样的方式, 给屋顶啊底部做阴影高光。Image title3-5

记得给玻璃(这样玻璃会有透明的效果哦)还窗户加上高光阴影,到这里我们的灯塔教程就结束啦,恭喜给为又对AI的基础有了更好的掌握!Image title

本篇教程应该是我作为学生写(自译)的第九篇关于AI基础工具掌握的教程,也谢谢大家的阅读,希望对大家有点帮助吧!本篇以后我就是社会人了(29号正式毕业结束3年大学时光),不过还是会不定期的写点基础教程给大家,不过有些方面的教程我觉得自己还是需要很好的沉淀自己。不能盲目的写出来。

喜欢我的请点击与我互动吧 !


















微信公众号:米夏小雨

更新:2018-07-03

收藏

112人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2018-07-03 自译外文 教程 原作者: Aliaksei Kruhlenia 举报 6871 112 259 5

      如何在Adobe Illustrator中创建灯塔

      0.0°

      你确定要举报如何在Adobe Illustrator中创建灯塔

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年06月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      259
      112
      5

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

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

      登录

      手机号

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

      登录
      第三方账号登录