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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何在AI中创建几何火烈鸟
0.0°
2018-08-14 自译外文 教程 原作者: Andrei Stefan 举报 3968 38 25 4

今天的教程主要涉及到一些钢笔工具的用法!内容很简单,希望你们能喜欢!

这是今天我们需要绘制的小插画练习!Image title

在今天的教程中,我们通过使用ai的基本工具比如钢笔工具等一些工作中常用的工具来完成上面这个小插画的练习!

so,我们开始吧


1.如何创建池塘

步骤1

使用椭圆工具 (L), 创建一个 160 x 36 像素的形状, 我们将使用 #99C7F2 颜色, 然后居中对齐画板, 将他的底部到画板的边距为112像素。Image title

步骤2

把我们刚刚创建的形状放大, 并在中间创建一个 64 x 16 像素的椭圆作为波纹, 我们使用 #AFD8F9 颜色填充他。Image title

步骤3

创建一个16 x 4 像素的椭圆 (#AFD8F9) 作为较小的波纹, 我们将他放在更大的右侧定位, 距离为16像素。完成后使用键盘快捷键ctrl+G把这三个形状打组。Image title

2.如何创建背景

现在, 我们有了我们的小池塘, 我们可以把我们的焦点转移到背景绘制.

步骤1

使用钢笔工具 (P), 绘制背景的主形状, 使用 #696791 填充该形状。(你可以使用下图作为参考绘制,也可以自己网上找一些素材图片作为参考,)Image title

步骤2

使用 48 x 48 px 圆圈绘制一个小太阳, 我们将使用 #FFD399 的颜色填充他, 然后放在先前绘制的形状的上部分位置。Image title

步骤3

使用钢笔工具 (P) 来绘制云(很硬的云) 使用(#FFFFFF)填充, 完成后记得使用ctrl+g打组太阳和云Image title

步骤4

在这一步作者说复制一份背景来作为剪切蒙版,但是我觉得这一步毫无意义,所以忽略这一步吧

Image title

步骤5

选择钢笔工具 (P) 后, 使用 #99DD99 作为填充颜色快速绘制左侧叶子的主形状。Image title

步骤6

使用2像素粗的笔画 (#FFFFFF) 使用圆头的线, 以下图作为参考图像。花一点时间把它绘制出来,然后记得打组哦!Image title

步骤7

当我们绘制好右边的树叶我们可以把它复制一份拿到左边哦,然后把树叶放到背景的下面就OK了!Image title

3.如何制作鸟

假设你已经完成了上面的工作, 在确保你锁定了图层后(防止图层的位置等发生变化), 然后就可以开始下面的工作了。

步骤1

使用120像素高,8像素粗的线条创建鸟的腿, 我们将使用 #FFD399, 然后放在较大的波纹的中心位置, 参考图像中所示。

Image title

步骤2

使用 24 x 24 px的圆圈添加在上部作为连接接头, 我们将使用 #D68383进行着色。Image title

步骤3

使用一个较小的16 x 16 px的圆 (#FFD399) 作为弯曲的接头, 我们将从较大的位置下移24像素。一旦你的形状绘制好了, 选择所有的腿的组成部分, 打组他。Image title

步骤4

使用8像素粗的线 (#FFD399) 与圆帽一起绘制弯曲的腿, 按照图像作为参考。Image title

步骤5

通过使用直接选择工具 (A) 选择其弯曲踝关节的锚点, 然后将其圆角半径设置为8像素。Image title

步骤6

将关节点添加到当前的腿上, 使用相同的大小和颜色值的圆。请在下一步之前将他们打组。Image title

步骤7

使用128 x 128 px的圆圈来作为鸟的主体, 我们将使用 #F49898 的颜色, 然后放在腿上部关节的上半部分。Image title

步骤8

使用 84 x 64 像素的矩形 (#F49898) 作为可见的翅膀,我们通过变换面板的矩形属性中进行调整其左下角的半径为64像素。Image title

步骤9

通过添加一个84 x 4px的矩形 (#D68383) 然后右上角4px的圆角, 将翅膀与身体分开, 我们放在翅膀的上方,(然后我们吧他可以复制一份出来与鸟的身体做一次剪切分离,因为我们的左边要与鸟的身体完美结合哦当然你也可以使用圆角手柄控制他! 然后我们打组他!Image title

步骤10

使用 76 x 176 像素的矩形 (#F49898) 作为颈部, 我们把填充去掉然后只要其描边就好了,然后左下角圆角76px,再把多余的用直接选择工具删掉就好了。

Image title

步骤11

开始绘制头,通过创建一个32 x 32像素的正方形 (#F49898), 我们通过调整设置其顶部的半径为16像素, 然后将形状放在颈部的顶端。Image title

步骤12

使用56 x 16像素的矩形 (#FFD399) 为头创建嘴, 我们将通过将其左下角和右上角的圆角半径设置为16像素来调整其大小, 并将结果形状放在参照图像中的位置。Image title

步骤13

使用16 x 16像素的正方形 (#696791) 添加到嘴顶端, 我们将通过将其右下角的半径设置为16像素, 从变换面板的矩形属性中进行调整。Image title

步骤14

通过创建一个16 x 16像素的圆 (#FFD399) 来聚焦眼睛部分, 我们将在参考图像中看到他的放置位置。Image title

步骤15

使用8 x 8 px的圆圈 (#696791) 来创建实际的眼睛, 我们将居中对齐先前创建的形状, 然后通过使用直接选择工具 (A) 选择较低的锚点, 然后按 Delete 来调整其下半部分。Image title

步骤16

我们使用 16 x 16 px 的圆圈 (#F49898)来创建他颈部下面的阴影吧。这里我们可以用钢笔工具来完成它。一旦完成我希望你记得打组。Image title

步骤17

一旦我们完成了鸟的绘制, 我们可以添加小水滴到其弯曲的腿处,使用三个 2 x 6 px 圆角矩形 (#99C7F2) , 确定好位置之后记得打组他们。Image title

步骤18

使用几个较小的圆圈 (#FFFFFF) 来创建小的爆裂, 我们将通过去掉它们的底部来调整它们(同样可以用之前我在文章中提到的方法), 将结果形状放到到两个波纹上。需要花一点你的时间来完成他们,但是完成了记得打组哦!Image title

4.如何创建飞行物

步骤1

使用 2 px 粗的线,颜色设置为 #FFFFFF, 来绘制飞行物的轨迹, 然后使用描边面板将结果线变成虚线。Image title

步骤2

用一个4 x 4 像素的圆 (#FFFFFF) 加上两个较小的3 x 3像素 (#FFFFFF) 的圆来完成飞行物, 然后我们将他们打组。Image title

Image title

好了今天的小教程到这里就结束了,最后希望这个小教程能帮助到你们,如果你有什么疑问可以点击此处询问我,也可以留言评论!

微信公众号:米夏小雨

更新:2018-08-14

收藏

38人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2018-08-14 自译外文 教程 原作者: Andrei Stefan 举报 3968 38 25 4

      如何在AI中创建几何火烈鸟

      0.0°

      你确定要举报如何在AI中创建几何火烈鸟

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年08月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      38
      4

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

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

      登录

      手机号

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

      登录
      第三方账号登录