PS扁平插画风教程.pdfVIP

PS扁平插画风教程 扁平化经过了时间的考验， 已经不是一个流行一时的设计风潮， 而是一种美学风格， 扁 平化大胆的用色，简洁明快的界面风格让大家耳目一新，本次教程就是教大家使用 ps 设计 出一幅扁平风格的插画。 首先我们要知道什么是扁平化设计 扁平化的概念最核心的地方就是：去掉多余的透视，纹理，渐变等等能做出 3d 效果的 元素。让信息本身重新作为核心凸显出来，并且在设计元素上强调抽象，极简，符号化。 那么，我们就遵循这个核心概念画出草图。 1 然后我们使用钢笔工具画出形状， 并且以明度变化来体现透视关系， 相同层级使用的颜 色明度相同。 2 扁平风格有如下几个特征： 没有多余的效果，例如投影，凹凸或渐变等。 使用简洁风格的元素和图标，大胆丰富且 明亮的配色风格，尽量减少装饰的极简设计。 所以， 遵循着以上的原则进行接下来的调整， 我们选取色相环中同色系不同明度的颜色 来填充颜色。 3 在填充颜色的过程中要注意的是， 画面中光源位置对整体画面的影响， 我们的光源是在 远处，所以远处较亮，近处较暗。通过颜色明度的变化来体现画面中的空间感。 到这里一幅扁平风插画就完成了， 但是看来看去总感觉缺了点儿什么， 再拿出刚刚选取 颜色时使用的色轮看一下。 4 在之前的颜色原则上， 我只选取了蓝色的临近色并且做了明度的变化， 所以整体画面看 上去略显单调，缺少通透性，所以我需要选取一个互补色，为整体画面做一个调整。 所谓互补色是指在色环上相对的两个颜色， 在绘画中互补色的使用可以使画面更加丰富， 产生更为强烈的空间感。利用补色间的对比让主体渐渐融入背景元素，突出主体。 所以在这里我选择了明度较低的偏红色作为整体画面的互补色， 重新调整了所选取的颜 色以后，重新为画面填充颜色。 5 经过调整之后， 现在画面整体颜色更加丰富， 层次感也更为明显了，所以， 作为一个设 计师， 对于颜色的控制要多加考虑， 明度， 饱和度等的变化对于画面整体的影响也要多多尝 试。相信经过无数次的尝试后，总会摆脱小白的标签。 6