渐变城市插画研究心得

对于作者： RomainTrystram的作品我看到过 很多次了，很多设计圈友也会经常问我一些类似 的问题，对此我特意花了一周的时间来专研他作品中的设计风格和技法表现形式。希望能对各位观众老爷有所启发和帮助。以下设计效果图是我参考 RomainTrystram作品中的设计风格独立完成的城市插画，总用时12小时

难度分析

难点1:整体构图与空间关系的把控

难点2:色彩搭配以及色相的过渡运用

难点3:建筑的明暗关系和局部光影关系

难点4:建筑之间的细节变化和光效补充

基本上所涉及到的难点内容都在以上四点当中，

接下来展示详细的设计步骤。别问我这是用什么

软件做的图，PS、Al、CDR均可〜

步骤1:实物效果图参考与观察

我本人在长沙摸爬滚打了几年并且定居在长沙，所以我找的参考城市图以长沙当年最有名得“天空之城”为主题来进行设计创作。

步骤2:根据参考图画出城市线性结构图

该阶段注意把控建筑群的整体结构关系，以及每个建筑组合的空间关系。绘制线稿的阶段不要过于纠结细节，以免做的线条杂乱无章

步骤3:根据线稿结构绘制黑白灰色稿

根据线性结构图 ， 补充黑白灰颜色关系 。 最初城

市的整体结构才算绘制完成。

步骤4：划分建筑群远中近层次关系

运用黑白灰关系，分解出建筑群的位置远中近关系，进一步调整局部建筑的比例关系。

步骤5：开始铺大色调，整体化上色

以黑白灰色稿为基础上搭配基础颜色。铺色需要整体化添加 ， 颜色可以饱 和度低一些，后期再补充渐变优化色彩关系。

步骤6:加入渐变色，按照顺序添加

加入简单的渐变关系 。 从下至上的渐变以饱和度高且明度高的颜色为主，从上至下的渐变以饱和度低且明度低的颜色为主 ， 叠加在建筑上产生建筑的基础光影关系。

步骤7:调整建筑的色彩关系，加入亮色

从左至右的调整建筑光源的饱和度、明度、色相关系。加入局部建筑的高光效果。

步骤8:加入高光线和结构线条

加入高光线和前景建筑的结构线条 ，强化建筑之间的结构和层次关系

步骤9:深度刻画“天空之城”细节

整体调整建筑之间的颜色关系，提亮部分建筑的亮度。对“天空之城”进行深入刻画，补充高光和建筑的细节线条。

步骤11 :深度刻画周围建筑的细节关系

继续深度刻画“天空之城”及周围建筑的细节,加入建筑窗户和调整高光线的关系。

步骤12:完善右边建筑群的光影细节

完善右边建筑的整体细节和光影关系，平衡画面左右的色彩关系。

步骤13:调整建筑底部的细节与色彩关系

深度刻画所有建筑的细节,调整建筑底部的色彩变化,深度刻画底部建筑细节。

步骤14:加入倒影层,整体背景补色

加入一层淡淡的倒影关系,提亮整体背景色。

步骤15:最终效果定稿