Adobe Photoshop CS6渐变扁平化插画风制作

今天小编跟小伙伴们分享如何用Adobe Photoshop CS6实现扁平化插画风的详细图文教程，为了写这一篇文章，小编设计了三张扁平插画海报，依据实例去给大家讲解，更多的是在制作过程中的思考。下面就一起来看Adobe Photoshop CS6制作扁平插画的详细图文教程吧。

渐变扁平插画风应用在APP闪屏、H5设计、海报、UI界面中、扁平化简单的插画风格让更多人所接受喜爱

这些简约扁平唯美的插画风如何从无到有的过程呢，除了用手绘板去画，其实用AI+PS也可以完成这样的插画风。

今天带给大家一个教程，如何用PS+AI快速实现扁平化插画风，这个教程应该在去年的时候就应该分享给大家，因为工作比较忙这个事就搁浅了，还好现在去做这个教程还不算晚，毕竟这个风格一直现在延续。为了写这一篇文章教程，自己设计了三张扁平化插画风海报，根据照片来源灵感，结合流行渐变色进行创意组合设计。以下为实例的教程，不只是步骤上教大家如何去完成，其实更多是一些在设计过程中的一些思考。分享的教程页面可能会很长，为了让大家更好的理解步骤介绍的相对比较详细，其实大致总结起来也就几个步骤快速的完成。

在设计绘制插画风的时候先不要求快，首先要有一个思考，想一个题材。是想要做哪方面的插画，是蓝天、深林、沙漠等 有个大致的脑图。然后根据想要做的主题去找一些唯美的照片，从照片中吸取一些灵感，然后创意重新组合，或者从颜色上进行变化，达到想要的效果。以下是前期准备中找到的灵感参考照片素材：

了解现在流行的渐变色，多看看色彩相关的设计，从设计中提取出一些色彩搭配应用在设计中。在渐变插画风中色彩表现手法各有不同，色彩冷暖对比、互补颜色对比、同等色调明度对比、反差对比、相近色系等，都是为了整个画面达到层次关系、空间感、对比强烈、画面融合。在做图的时候就要知道想要什么样颜色作为画面的主色调，用什么样的方式表达。

原创第一张插画为例，在前期准备主题定位、色彩了解之后整体结合元素组合创意布局，在纸上把想要表达和照片保留绘制一个草图，草图不需要造型多准确。只是能表达出来即可、给接下来工作提供了方便。

根据草图，收集一些元素图片，目的是知道海豚、渔船、阳光是什么样的。根据图片创意加工造型变化，变成自己所需要的素材。收集一些云彩、远处的山、渔夫小船、海豚、阳光等相关素材。

在元素绘制的时候没有特别的规定是PS去绘制还是AI去绘制,两者都可.主要还是根据自己的软件操作习惯而定,最终达到目的就可以了。至于如何画太阳、如何去画一个小船和渔夫、如何画个小山、就不做演示。这更多的是造型能力和软件操作能力。主要讲的是在做这个渐变扁平插画的一个怎样的思考和过程,如何去做页面的处理。元素如何去画还是要根据找的照片素材进行延展和一些造型上的一个参考在进行创作,然后进行AI中绘制这的过程。

以上准备都做完之后就需要开始进行PS实际进行操作了。

1在PS中ctrl+n建一个画布为750*1335， 分辨率72。

2在画布上给画面一个背景颜色，背景颜色在前期构想中就要有个想法，大致要什么样的颜色。渐变色填充整个背景，背景色彩会主导整个画面颜色方向渐变数值为：

#83a3ea #ebd0e2 #fee9e0 #d3c2e3

3确定天水地分割线，分割线会更清晰的知道哪部分是天上的部分空间，哪些是水面的部分空间，哪些是地面的空间，CTRL+R标尺下相应位置作为标记