如何在Adobe Illustrator中绘制心形雏菊

 

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

 

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

 

步骤1

 

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

 

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

 

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

 

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

 

步骤2

 

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

 

步骤3

 

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

 

步骤4

 

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

 

步骤5

 

你也可以添加云朵，在

里找到如何创建这些云朵。

2.如何绘制雏菊

 

步骤1

 

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

 

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

 

使用网格工具（U），跟着下面的步骤，进行节点上色。

 

你需要这些颜色：

 

1. 1. #FDFEF9

 

1. 1. #F6F0E4

 

1. 1. #E8DDD0

 

1. 1. #B59F89

 

 

步骤2

 

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

 

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

 

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

 

步骤3

 

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

 

1. 1. #FDFEF9

 

1. 1. #F4EDE4

 

1. 1. #CBBBA9

 

 

步骤4

 

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

 

1. 1. #FDFEF9

 

1. 1. #F2EBE0

 

1. 1. #CFC1B1

 

 

步骤5

 

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

 

打开效果>变形>弧形，使用下面的设置：

 

• • 弯曲：14%

 

• • 水平：3%

 

• • 垂直：19%

 

 

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

 

步骤6

 

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

 

步骤7

 

使用网格画出第七个：

 

1. 1. #FDFEF9

 

1. 1. #ECE3D9

 

1. 1. #F4EFE7

 

1. 1. #CFC1B1

 

 

步骤8

 

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

 

• • 弯曲：8%

 

• • 水平：14%

 

• • 垂直：11%

 

 

对象>扩展外观。

 

步骤9

 

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

 

• • 弯曲：35%

 

• • 水平：-4%

 

• • 垂直：-14%

 

 

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

 

步骤10

 

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

 

• • 弯曲：47%

 

• • 水平：-3%

 

• • 垂直：9%

 

 

对它进行扩展外观。

 

步骤11

 

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

 

1. 1. #E9DFD4

 

1. 1. #DACFC1

 

1. 1. #FDFCFB

 

 

步骤12

 

1. 1. #F4EDE4

 

1. 1. #E5DCD0

 

1. 1. #EBE3D7

 

 

步骤13

 

画出最后一个花瓣。

 

1. 1. #F3ECE3

 

1. 1. #FEFDFD

 

1. 1. #E1D7CB

 

1. 1. #EAE1D6

 

 

步骤14

 

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

 

3. 如何完成雏菊

 

步骤1

 

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

 

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

 

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

 

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

 

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

 

步骤2

 

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

 

步骤3

 

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

 

步骤4

 

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

 

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

 

步骤5

 

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

 

• • 模式：颜色

 

• • 调色板：全色调

 

• • 颜色：100

 

• • 路径：50%

 

• • 边角：50%

 

• • 杂色：5 px

 

 

点击描摹。

 

步骤6

 

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

 

步骤7

 

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

 

步骤8

 

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

 

步骤9

 

将轮廓线放在心形上面。

 

步骤10

 

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

 

步骤11

 

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

 

步骤12

 

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

 

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

 

步骤13

 

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

 

步骤14

 

把它放在心形后面。

 

步骤15

 

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

 

步骤16

 

用网格画画粗花朵的茎。

 

1. 1. #94A040

 

1. 1. #597418

 

1. 1. #FFFFFF

 

 

步骤17

 

对茎使用弧形变形效果。

 

• • 弯曲：14%

 

• • 水平：2%

 

• • 垂直：0%

 

 

对对象进行扩展外观。

 

步骤18

 

将两个雏菊放在茎上。

 

步骤19

 

把雏菊放在背景上。

 

不错，完成了！