/如何将一张照片转变成扁平化风格的图片?

如何将一张照片转变成扁平化风格的图片?

如果想将照片转换为扁平化风格的图片,我们可以使用AI进行绘制,操作也并不复杂,我们可以分两步完成,第一步可以按照照片来绘制线稿,第二步为线稿上色,即可完成扁平化风格的图片


我们先打开一张风景照片:


  • 绘制线稿
     
     
     
这一步主要需要用到钢笔工具,钢笔工具可用于绘制直线和曲线,绘制直线时可以单击,绘制曲线就需要拖动了。如果我们使用钢笔按照照片来绘制线稿,我们主要需要绘制曲线,如果需要相对平滑的曲线,钢笔绘制曲线时锚点不必太多,一般来说,锚点少一些会更容易得到平滑的曲线


这里我们在AI中先创建文档,之后将参考的照片拖入到画布中,在属性面板中调整好照片的大小和透明度,并把照片锁定,这样便于我们按照图片来进行绘制,锁定可以选中后直接按ctrl+2(Mac:cmd+2),或是通过“对象”菜单中的“锁定”下的“所选对象”命令进行锁定


锁定好之后就可以选择钢笔工具进行绘制了,我们绘制时可以沿着山的形状进行绘制,如果有未闭合的线条,结束时可以按ctrl(cmd)+单击空白处结束线条的绘制,绘制的线条也不一定要和照片一模一样,可以自己做一些调整,一般只需大致差不多,我们这里会绘制的更平滑一些,绘制结果如下:


之后将图片隐藏或删除,隐藏可以选中后按ctrl+3(Mac:cmd+3),删除就选中直接del即可

 

 

 

这一步并不是很复杂,主要涉及到的工具是钢笔工具,不过需要对钢笔比较熟练,可以使用钢笔绘制出自己想要的线条效果。



我们使用钢笔绘制好线条后,还是可以对绘制的线条做一些调整的,我们可以切换到直接选择工具对线条中的锚点进行调整,可以调整锚点的位置或是方向线的角度及长度来改变曲线的弧度,或是通过添加删除锚点工具来添加或是删除锚点来调整曲线的形状


如果感觉自己绘制的曲线不是很平滑,除了可以通过锚点来调整以外,还可以使用平滑工具来对绘制好的曲线进行平滑处理,我们只需选中路径后使用平滑工具沿要平滑的路径线段长度拖动工具即可对曲线进行平滑处理,如果一次效果不是很好的话,还可以反复多次使用这个方法来调整平滑度。


除了直接按照照片来绘制线条外,我们也可以自己先在纸上绘制一个草图,之后将草图扫描,同样拖到画板中使用钢笔照着绘制也可以得到线稿

线稿绘制好之后,我们就可以对线稿进行上色了。

  • 线稿上色
     
     
因为我们上一步绘制中有很大一部分都是未闭合的线条,如果我们需要对这些线条形成的闭合区域上色就需要用到实时上色工具了


实时上色工具可以对路径上色,不过需要上色区域是闭合的,我们绘制的线条边缘都没有闭合,可以在线稿边缘先绘制一个矩形,这样可以形成闭合的填充区域,之后选中所有线条及矩形,切换到实时上色工具,在填充色中选择好颜色单击需要上色区域即可对图中闭合区域进行上色了,我们为每个区域都填充不同颜色。




接下来我们调整一下填充的颜色并将描边的颜色设置为无


使用了实时上色后,填充的颜色和线稿会生成实时上色组,因此我们就无法选中单个填充并重新设置颜色了。这里有两个方法来进行单独调整:1我们可以使用实时上色选择工具选中对应的填充来进行设置 ,2我们将实时上色组扩展后并取消编组即可将实时上色组转换为单独的图形了,之后即可使用选择工具进行设置了


我们将填充都调整为渐变色,效果如下:



最后再添加一些细节,一些飞鸟和树:



这样我们就完成了。


这一步中主要使用到了实时上色工具,平时我们对图形填充颜色一般都是直接使用填色的,不过在对线稿进行上色的操作中,我们就需要用到实时上色工具了。实时上色工具和PS中的油漆桶工具有点类似,都可以对路径所围出的每个区域进行上色。不过AI中的实时上色一旦对路径单击上色后就会生成实时上色组,这样我们上色的对象就会变成一个整体了,这就是实时上色组了。


如果需要再将实时上色组拆成单独的图形,我们可以通过属性中的扩展按钮或是“对象”菜单下的“实时上色”下级的“扩展”命令即可将实时上色组拆开,不过一般我们会得到一个编组,还需要进一步取消编组才能将其完全拆成单独的图形。之后如果我们需要进行单独调整就可以直接选中并进行填充的设置了。

综上所述,要将一张照片转换为扁平化的风格的图片技术上只需掌握钢笔工具及上色方法即可轻松完成扁平插画的制作。不过初学者要想自己绘制的话,还是可以提前找一些实物参考图,这些可以是一张实物的照片,或是一些装饰元素,我们可以参考来进行形状的绘制,也可以再找一些参考插画,通过观察参考插画的风格并总结其中的特点,转换后运用到自己的插画中。感兴趣的同学可以自己绘制试试。


END


本文来自微信公众号“SODO”(ID:sodo_art)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。