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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
用AI绘制质插画(案列演示)
0.0°
2019-08-26 自译外文 教程 原作者: 未知 举报 2157 14 7 0


Image title

用AI绘制质插画(笔刷制作)

在开始绘制前,我们还是老规矩,创建四个图层文件夹来管理我们的图层!

Image title


1. 如何创建背景

一旦我们完成了文档的分层,就可以开始绘制实际的插画了,我们将通过创建背景来执行此操作。因此,请确保您已定位在第一个图层文件夹了,让我们直接进入它把!步骤 1

使用钢笔工具 (P),在将填充颜色设置为#7AC6F4后,使用参考图像作为主参考,仔细绘制底部背景的主形状。

Image title


步骤 2

再选择笔工具 (P),快速绘制较小的背景图形,而位置大小等可以参考下图。

Image title


步骤 3

绘制完背景后,我们可以开始处理前景的云,我们将使用一些大小不同的圆创建前景的云。将它们放置在底部形状的两侧,使用#F0FBFF着色前面的云,使用#D4F7FF着色后面的云。

Image title


步骤 4

由于我们希望云是藏在背景里面的,所以我们要对云(Ctrl-G) 进行打组,然后使用要粘贴在前面(Ctrl-F)快捷方式把背景复制一份。然后,选择复制的背景和打组的云后,只需右键单击"创建剪切蒙版"即可。完成后,不要忘记使用 Ctrl-G 键盘快捷键来把所有的形状打组。

Image title

步骤 5

移动到较小的背景上,然后使用 112 x 112 px 的圆 (#FFCF83) 创建发光光晕,然后再创建两个较小的圆 (#FFCF83),每个比上次小 12 px,从而开始处理太阳。将它们堆叠在一起,确保将其不透明度降低到 16%。完成后,使用 40 x 40 px 的圆圈(#FFCF83)添加实际太阳,确保使用 Ctrl-G 键盘快捷键选择所有四个形状并将其打组在一起。

Image title

步骤 6

完成创建太阳后,用上面云一样的处理方式处理太阳即可。

Image title

步骤 7

通过创建三个不同形状的椭圆(#FFFFFF)来绘制较小的浮动云。使它们重叠 ,然后首先使用锚点工具 (Shift-C)挤压其侧锚点来调整它们。若想继续调整其形状,使用直接选择工具 (A) 单独选择其较低的锚点就行,然后把不要的部分删除,但是记得要封闭路劲哦,锚点不好使,请用路径查找器来绘制把!最后请记得打组哦!

Image title

步骤 8

位置的话可以参考下图,然后我们就做好了本次插画的背景了。

Image title

2. 如何创建热气球

现在,我们已经完成了背景工作,我们可以锁定它的图层,然后移动到下一个图层文件夹,我们将花一些时间来创建我们的热气球。

步骤 1

首先,使用 48 x 12px 的矩形为吊舱创建主形状,我们将使用#664240进行着色,然后在较大的背景上放置它,距离其左边缘 288 px,距顶部 208 px。

Image title

步骤 2

通过打开"变换"面板,调整我们刚刚创建的形状,然后将其底部的角的半径从矩形属性内设置为8px。

Image title

步骤 3

使用8个 2 x 2 px的矩形(#F7C263) 水平间隔 2 px 来作为窗户,我们将对窗户进行打组(Ctrl-G),然后放置的位置可以参考图像中所示。

Image title

步骤 4

通过创建 400 x 112 px 椭圆我们开始处理气球部分,我们将使用#F99178进行着色,然后放置在吊厢顶部,使其最终重叠。

Image title

步骤 5

使用移动工具(右键单击 - 变换- 移动 -水平- -32 px),调整我们刚刚创建的形状,将其中心锚点向左推 32 px(右键单击 - 变换-移动 - 水平- -32 px),然后将右锚点的控点缩短 15 px,以便将其尾巴变薄变尖。

Image title

步骤 6

通过复制结果形状(Ctrl-C + Ctrl-F),添加气球底部较暗的部分,我们将通过选择并删除其顶部锚点来调整该部分。使用#C15142为新形状着色。

Image title

步骤 7

使用较大气球作为第二个副本(Ctrl-C)来作为高光部分,我们将将其粘贴在前面(Ctrl-F)。将其颜色更改为#EA7B65,然后单独选择并将其顶部和底部锚点推到内部,大约16 px左右(右键单击 变换里面可以用数值控制,具体取决于您从哪个锚点开始,反方向就用负数)。

Image title

步骤 8

使用得到结果形状复制(Ctrl-C + Ctrl-F)出来创建较暗的下半部分,我们将通过首先将其颜色更改为#D86552,然后移除其顶部锚点,然后使用 Ctrl-J 键盘快捷键关闭路径来进行调整。完成后,请确保在继续执行下一步之前,选择它并打组(Ctrl-G)气球的所有合成形状。

Image title

步骤 9

使用 8 x 112 px 的矩形来添加气球的嘴巴,我们将使用#664240进行着色,然后居中对齐到气球的左边缘,随后使用较大的基础形状的副本(Ctrl-C + Ctrl-F)将其屏蔽(右键单击 + 制作剪切蒙版)。

Image title

步骤 10

使用 12 x 4px 矩形 (#664240) 创建鼻锥,我们将通过使用方向键单独选择它然后将左锚点推到内侧大约1px 来进行调整,然后让它与较大的气球重叠 2Px。

Image title

步骤 11

使用 40 x 32 px 矩形 (#D86552) 添加机翼的主形状,我们将通过调整左上角的半径为32px来改变形状。具体数值看图把!

Image title

步骤 12

使用 8 x 32 px 矩形 (#664240)来作为较暗的部分,我们将使用基础形状的副本进行剪切蒙版,然后使用8 x 8px的圆圈(#664240)装饰它,我们将其放置再如图所示的位置。完成后,请确保在继续执行下一步之前,选择并打组(Ctrl-G) 所有形状。

Image title

步骤 13

使用我们刚刚完成的图形然后创建副本(Ctrl-C + Ctrl-F)添加到底部,我们将水平翻转它,然后放置于气球的底部。完成后,请确保将它们发送到所有其他形状下方。

Image title

步骤 14

使用40 x 8px 椭圆 (#664240)创建面对我们的机翼,我们将通过选择并将其锚点向左推 4 px 来进行调整,将得到形状从气球的末端前挪动16px。

Image title

步骤 15

使用四组每组3个 4 x 2 px 的椭圆(#664240)添加细节,请参考下图来放置这些圆把!

Image title

步骤 16

使用12 x 8px 椭圆 (#664240)添加侧引擎盖,我们将通过选择内部锚点向左推 2 px 来调整。按参考图像所示放置生成的形状。完成后,你就把这些东西打组。

Image title

步骤 17

一旦我们完成了对热气球的绘制工作,我们可以使用三个1 px 圆角矩形 (#FFFFFF) 来表现热气球速度感或者是尾气把,我们将在飞船周围以 8 px 的距离放置这些矩形。

Image title

步骤 18

通过添加几个浮动的云(#FFFFFF)来完成最终的插画,遵循用于创建背景云相同方法。完成后,不要忘记使用 Ctrl-G 键盘快捷键选择和打组所有形状。

Image title

3. 如何创建渐变叠加

在我们锁定当前图层并移动到下一个图层之前(这将是第三个图层),我们需要将背景的两个组和热气球的主体创建新的副本 (Ctrl-C) 并且添加到剪贴板中,因为我们将使用它们来创建叠加。

步骤 1

首先,我们希望使用 Ctrl-F 键盘快捷方式将刚刚添加到剪贴板的副本粘贴到当前图层上。

Image title

步骤 2

接下来,我们需要通过将形状转换为复合形状来使形状是单个较大的形状。首先选择它们,然后打开路径查找器面板,然后在高级菜单里面找到并点击"制作复合形状"。

Image title

步骤 3

创建复合形状后,我们可以打开渐变面板,并使用左#662D91右#FBB03B来创建线性渐变。

Image title

步骤 4

我们现在打开不透明度面板,并将渐变的混合模式设置为"颜色加深",确保将其不透明度降低到仅为30%。

Image title

4. 如何添加纹理

添加渐变叠加后,我们可以锁定当前图层,然后向上移动到最后一个图层(这将是第四个图层),我们将通过添加漂亮的杂质来完成我们的小插画。

步骤 1

我们首先需要复制 (Ctrl-C),然后粘贴 (Ctrl-V) 自定义纹理到当前图层,确保调整其大小,使其最终覆盖整个画板。

Image title

步骤 2

一旦我们的纹理到位,我们要做的就是剪切它(右键点击 + 使剪切蒙版)怎么操作前面也讲了很多此,不再重复了,然后确保将其不透明度降低到 60% 。

Image title

本期教程结束,希望对你又帮助!我们下期再见!

微信公众号:米夏小雨

更新:2019-08-26

收藏

14人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2019-08-26 自译外文 教程 原作者: 未知 举报 2157 14 7 0

      用AI绘制质插画(案列演示)

      0.0°

      你确定要举报用AI绘制质插画(案列演示)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年08月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      14
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录