AI绘制心形雏菊教程

阅读 34  ·  发布时间 2020-04-03 18:15:02  ·  xmh

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

1.jpg

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

步骤1

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

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

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

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

2.jpg

步骤2

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

3.jpg

步骤3

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

4.jpg

步骤4

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

5.jpg

步骤5

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

6.jpg

2.如何绘制雏菊

步骤1

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

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

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

你需要这些颜色:

#FDFEF9

#F6F0E4

#E8DDD0

#B59F89

7.jpg

步骤2

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

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

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

8.jpg

步骤4

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

#FDFEF9

#F2EBE0

#CFC1B1

10.jpg

步骤5

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

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

弯曲:14%

水平:3%

垂直:19%

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

11.jpg

步骤6

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

12.jpg

步骤7

使用网格画出第七个:

#FDFEF9

#ECE3D9

#F4EFE7

#CFC1B1

13.jpg

步骤8

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

弯曲:8%

水平:14%

垂直:11%

对象>扩展外观。

14.jpg

步骤9

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

弯曲:35%

水平:-4%

垂直:-14%

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

15.jpg

步骤10

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

弯曲:47%

水平:-3%

垂直:9%

对它进行扩展外观。

16.jpg

步骤11

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

#E9DFD4

#DACFC1

#FDFCFB

17.jpg

步骤12

#F4EDE4

#E5DCD0

#EBE3D7

18.jpg

步骤13

画出最后一个花瓣。

#F3ECE3

#FEFDFD

#E1D7CB

#EAE1D6

19.jpg

步骤14

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

20.jpg

3. 如何完成雏菊

步骤1

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

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

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

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

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

21.jpg

步骤2

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

21-1.jpg

步骤3

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

22.jpg

步骤4

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

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

23.jpg

步骤5

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

模式:颜色

调色板:全色调

颜色:100

路径:50%

边角:50%

杂色:5 px

点击描摹。

24.jpg

步骤6

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

25.jpg

步骤7

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

26.jpg


步骤8

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

27.jpg

步骤9

将轮廓线放在心形上面。

28.jpg

步骤10

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

29.jpg


步骤11

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

30.jpg

步骤12

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

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

31.jpg

步骤13

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

32.jpg

步骤14

把它放在心形后面。

33.jpg

步骤15

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

34.jpg

步骤16

用网格画画粗花朵的茎。

#94A040

#597418

#FFFFFF

35.jpg

步骤17

对茎使用弧形变形效果。

弯曲:14%

水平:2%

垂直:0%

对对象进行扩展外观。

36.jpg

步骤18

将两个雏菊放在茎上。

37.jpg

步骤19

把雏菊放在背景上。

38.jpg

不错,完成了!

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

39.jpg





电话咨询
邮件咨询
在线地图
QQ客服