在今天的教程中,你将学会在Adobe Illustrator如何使用网格工具和变形效果创建一幅漂亮的心形雏菊插画!
1.如何创建渐变网格透明心形背景层
步骤1
我们将学会如何使用网格工具创建这个背景!
首先,画一个矩形,填充色为#53A1FF,选择网格工具(U),创建网格线,如截图所示,点击必要的节点位置。
接下来,选中下图2所示的底部6个节点,用#FFFFFF进行上色。
接着类似的方法,首先对上部中间的节点进行上色,使用#A8D9FF,然后顶部的节点使用#89C6F7。
步骤2
使用钢笔工具(P)绘制一个白色心形,再创建两个小的副本。
步骤3
接下来,将最大的心形不透明度改为50%,依次中间的为70%,最小的为30%。
步骤4
参照下图,把它们放在蓝色背景上。
步骤5
你也可以添加云朵,在这个教程里找到如何创建这些云朵。
2.如何绘制雏菊
步骤1
现在我们的背景完成了,我们来回到本次教程的难部分使用网格绘制雏菊!
画一个椭圆作为我们的第一朵花瓣,如下图所示,通过添加调整节点得到想要的形状。
使用网格工具(U),跟着下面的步骤,进行节点上色。
你需要这些颜色:
#FDFEF9
#F6F0E4
#E8DDD0
#B59F89
步骤2
将第一个花瓣复制一个,得到第二多花瓣,打开效果>变形>挤压,使用弯曲值30%,水平1%,垂直扭曲3%。
之后应用这个效果,打开对象>扩展外观。然后手动调整花瓣大小,让它变小一点。
我们将要绘制很多不同的花瓣,所以我建议你对他们进行进行标数!后面你将需要这些。
步骤4
使用网格画出第四个花瓣。
#FDFEF9
#F2EBE0
#CFC1B1
步骤5
将步骤2创建的花瓣复制一个,创建第五朵花瓣。
打开效果>变形>弧形,使用下面的设置:
弯曲:14%
水平:3%
垂直:19%
不要忘了应用对象>扩展外观。
步骤6
只需要将第五朵花瓣进行延伸拉长,得到第六个花瓣。
步骤7
使用网格画出第七个:
#FDFEF9
#ECE3D9
#F4EFE7
#CFC1B1
步骤8
对于第八个花瓣,将第七个花瓣复制,进行压扁。打开效果>变形>弧形,应用下面的是设置:
弯曲:8%
水平:14%
垂直:11%
对象>扩展外观。
步骤9
对于第九个,将第七个的进行复制,这次使用效果>变形>挤压。
弯曲:35%
水平:-4%
垂直:-14%
不要忘了应用对象>扩展外观。
步骤10
对于第十个花瓣,再回到第一个花瓣,复制一个,应用挤压效果。
弯曲:47%
水平:-3%
垂直:9%
对它进行扩展外观。
步骤11
使用网格绘制第十一个花瓣。
#E9DFD4
#DACFC1
#FDFCFB
步骤12
#F4EDE4
#E5DCD0
#EBE3D7
步骤13
画出最后一个花瓣。
#F3ECE3
#FEFDFD
#E1D7CB
#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
用网格画画粗花朵的茎。
#94A040
#597418
#FFFFFF
步骤17
对茎使用弧形变形效果。
弯曲:14%
水平:2%
垂直:0%
对对象进行扩展外观。
步骤18
将两个雏菊放在茎上。
步骤19
把雏菊放在背景上。
不错,完成了!
在本次教程中,你学会如何使用网格工具创建漂亮的仿实雏菊。希望你们喜欢本次教程,学会如何使用一些有用的技巧!