AI绘制心形雏菊教程

  • A+
所属分类:设计技法

本文来源: Vladimir Galantsev , 共 2175 字

在今天的教程中,你将学会在Adobe Illustrator如何使用网格工具和变形效果创建一幅漂亮的心形雏菊插画

AI绘制心形雏菊教程

1.如何创建渐变网格透明心形背景层

步骤1

我们将学会如何使用网格工具创建这个背景!

首先,画一个矩形,填充色为#53A1FF,选择网格工具(U),创建网格线,如截图所示,点击必要的节点位置。

接下来,选中下图2所示的底部6个节点,用#FFFFFF进行上色。

接着类似的方法,首先对上部中间的节点进行上色,使用#A8D9FF,然后顶部的节点使用#89C6F7。

AI绘制心形雏菊教程

步骤2

使用钢笔工具(P)绘制一个白色心形,再创建两个小的副本。

AI绘制心形雏菊教程

步骤3

接下来,将最大的心形不透明度改为50%,依次中间的为70%,最小的为30%

AI绘制心形雏菊教程

步骤4

参照下图,把它们放在蓝色背景上。

AI绘制心形雏菊教程

步骤5

你也可以添加云朵,在这个教程里找到如何创建这些云朵。

AI绘制心形雏菊教程

2.如何绘制雏菊

步骤1

现在我们的背景完成了,我们来回到本次教程的难部分使用网格绘制雏菊!

画一个椭圆作为我们的第一朵花瓣,如下图所示,通过添加调整节点得到想要的形状。

使用网格工具(U),跟着下面的步骤,进行节点上色。

你需要这些颜色:

  1. #FDFEF9
  2. #F6F0E4
  3. #E8DDD0
  4. #B59F89

AI绘制心形雏菊教程

步骤2

将第一个花瓣复制一个,得到第二多花瓣,打开效果>变形>挤压,使用弯曲值30%水平1%垂直扭曲3%

之后应用这个效果,打开对象>扩展外观。然后手动调整花瓣大小,让它变小一点。

我们将要绘制很多不同的花瓣,所以我建议你对他们进行进行标数!后面你将需要这些。

AI绘制心形雏菊教程

步骤3

再回到使用网格创建第三个花瓣,跟着下面的步骤:

  1. #FDFEF9
  2. #F4EDE4
  3. #CBBBA9

AI绘制心形雏菊教程

步骤4

使用网格画出第四个花瓣。

  1. #FDFEF9
  2. #F2EBE0
  3. #CFC1B1

AI绘制心形雏菊教程

步骤5

步骤2创建的花瓣复制一个,创建第五朵花瓣。

打开效果>变形>弧形,使用下面的设置:

  • 弯曲:14%
  • 水平:3%
  • 垂直:19%

不要忘了应用对象>扩展外观

AI绘制心形雏菊教程

步骤6

只需要将第五朵花瓣进行延伸拉长,得到第六个花瓣。

AI绘制心形雏菊教程

步骤7

使用网格画出第七个:

  1. #FDFEF9
  2. #ECE3D9
  3. #F4EFE7
  4. #CFC1B1

AI绘制心形雏菊教程

步骤8

对于第八个花瓣,将第七个花瓣复制,进行压扁。打开效果>变形>弧形,应用下面的是设置:

  • 弯曲:8%
  • 水平:14%
  • 垂直:11%

对象>扩展外观

AI绘制心形雏菊教程

步骤9

对于第九个,将第七个的进行复制,这次使用效果>变形>挤压

  • 弯曲:35%
  • 水平:-4%
  • 垂直:-14%

不要忘了应用对象>扩展外观

AI绘制心形雏菊教程

步骤10

对于第十个花瓣,再回到第一个花瓣,复制一个,应用挤压效果。

  • 弯曲:47%
  • 水平:-3%
  • 垂直:9%

对它进行扩展外观

AI绘制心形雏菊教程

步骤11

使用网格绘制第十一个花瓣。

  1. #E9DFD4
  2. #DACFC1
  3. #FDFCFB

AI绘制心形雏菊教程

步骤12

  1. #F4EDE4
  2. #E5DCD0
  3. #EBE3D7

AI绘制心形雏菊教程

步骤13

画出最后一个花瓣。

  1. #F3ECE3
  2. #FEFDFD
  3. #E1D7CB
  4. #EAE1D6

AI绘制心形雏菊教程

步骤14

可以参考下面的数字,对雏菊进行组合。

AI绘制心形雏菊教程

3. 如何完成雏菊

步骤1

向日葵中间还少一部分。如果自己来画的话,很难,我使用的是图像描摹

在本次教程的侧边栏,你会找到下载素材按钮。点击,然后下载解压包。文件之一full_daisy.jpg,是一张图片(我拍摄的),这一步将会使用到。

对于下面的几个步,你会需要到Adobe Photoshop如果你没有安装这个软件,请直接跳过,直往第四步

首先,在Adobe Photoshop中打开.jpg文件,把雏菊放在中间,进行抠图。如下图所示,周围为白色隔离。

如何你抠图的过程中遇到麻烦,可以在下步中直接使用图daisy_cropped.jpg

AI绘制心形雏菊教程

步骤2

打开滤镜>液化,选择工具栏的第一个工具,然后将雏菊的形状变成一个心形。

AI绘制心形雏菊教程

步骤3

最后调整如下所示;可是这一步很难,需要足够的耐心去处理细节,正因为这样,你可以直接使用我做好的图(daisy_heart.jpg)。

AI绘制心形雏菊教程

步骤4

AI中打开PS创建的文件(或者 daisy_heart.jpg)。

对颜色稍微变形一下,打开编辑>编辑颜色>调整颜色,让它更亮一点。

AI绘制心形雏菊教程

步骤5

找到窗口>图像描摹。在面板中,输入下面的设置:

  • 模式:颜色
  • 调色板:全色调
  • 颜色:100
  • 路径:50%
  • 边角:50%
  • 杂色:5 px

点击描摹

AI绘制心形雏菊教程

步骤6

选择得到的矢量图,使用效果>扭曲和变形>自由扭曲,进行透视变形。对它进行扩展外观

AI绘制心形雏菊教程

步骤7

使用钢笔工具(P),画一个心形的轮廓。接下来,给描边应用一个径向渐变 (#D2A451 - #FFFFFF) 。

AI绘制心形雏菊教程

步骤8

将心形不透明模式改叠加不透明度改为60%

AI绘制心形雏菊教程

步骤9

将轮廓线放在心形上面。

AI绘制心形雏菊教程

步骤10

画两个心形,填充小的为颜色#92621E,大的为#E8DCC8。

AI绘制心形雏菊教程

步骤11

把棕色心形放在白色心形上方,将白色心形变为完全透明的。

AI绘制心形雏菊教程

步骤12

打开对象>混合>混合选项,选择指定的步数,输入30

然后同时选中两个心形,应用对象>混合>建立

AI绘制心形雏菊教程

步骤13

将心形模式设为叠加不透明度为30%。

AI绘制心形雏菊教程

步骤14

把它放在心形后面。

AI绘制心形雏菊教程

步骤15

把中间的花蕊放在雏菊花瓣上面。

AI绘制心形雏菊教程

步骤16

用网格画画粗花朵的茎。

  1. #94A040
  2. #597418
  3. #FFFFFF

AI绘制心形雏菊教程

步骤17

对茎使用弧形变形效果。

  • 弯曲:14%
  • 水平:2%
  • 垂直:0%

对对象进行扩展外观

AI绘制心形雏菊教程

步骤18

将两个雏菊放在茎上。

AI绘制心形雏菊教程

Advertisement

步骤19

把雏菊放在背景上。

AI绘制心形雏菊教程

不错,完成了!

在本次教程中,你学会如何使用网格工具创建漂亮的仿实雏菊。希望你们喜欢本次教程,学会如何使用一些有用的技巧!

AI绘制心形雏菊教程



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: