关于教程
本次教程内容主要来自Romain Trystram的作品，我非常欣赏他这个作品中对建筑物的绘制和光感的表达方式。作者运用霓虹一般高亮度、强对比的配色，通过渐变和光晕效果，表现出了炫酷的城市夜景效果。
要点分析
▲这幅作品的亮 点在于对城市建筑夜景的表现。
建筑物的绘制：
线条硬朗干脆，因为主要表现整体的夜景光影和轮廓效果，所以抛出了一些不必要的楼体物细节，重点刻画轮廓。
光感表现：
1、在黑色背景中选取高亮度配色，搭配渐变，强对比下视觉上会有极强的光感效果。
2、在画面的部分高亮处添加同色系光晕，增强亮度。使得整个画面的光感更有层次，更有呼吸感。
操作步骤
步骤01
新建一个尺寸 为2377 px *1053 px的画布。
新建一个图层命名为“背景”，画一个黑色矩形。锁定该层。
新建一个图层命名为“蓝色组”，用矩形、圆形和钢笔等基本工具绘制楼体。
图①窗户绘制方法:在头尾各绘制一个矩形，双击“混合工具”，间距选择“指定的步数”，设置为5，然后分别单击两个矩形，这样出现一行窗户。
选中这行，按住Alt键和鼠标左键，向下复制拖动一行，然后按Ctrl+D复制多行。
图④+⑤楼梯上方的渐变光影,调整不透明度，这样两个光影叠加，实现更加通透的效果。
图⑤窗户的绘制方法:在顶端和底端各绘制一个矩形,分别填充暗紫色和绿色，这样用混合工具绘制出多个矩形将形成渐变效果。选中这些矩形，调低透明度。
每个楼体绘制完成后，按Ctrl+G将其编组，方便位置调整。
步骤02
新建一个图层命名为“红色组”，用矩形和钢笔等基本工具绘制楼体。
图①点阵窗户的绘制方法，依旧用混合工具完成：在头尾各绘制一个矩形，双击混合工具设置好“指定的步数”，然后分别单击两个矩形，这样绘制
好一行之后，选中一整行，按住ALt键和鼠标左键向下拖动，然后按Ctrl+D复制重复绘制出多行窗户。
将绘制好的楼体Ctrl+G分别编组，方便后期的位置调整。
接下来绘制本组的其他建筑。
红色组的建筑绘制完成后， 调整好各自的层级关系，将其整个编组，方便以后的位置调整。
步骤03
新建一个图层命名为“粉色组”，用矩形和钢笔等基本工具绘制本组的楼体建筑。
将绘制好的楼体Ctrl+G分别编组，方便后期的位置调整。
粉色组的建筑绘制完成后,调整好各自的层级关系，将其整个编组,方便以后的位置调整。
步骤04
新建一个图层命名为 “黑色组”，用矩形和钢笔等基本工具绘制楼体。
其中条纹同样可以参考上方用“混合工具”实现。
将绘制好的楼体Ctrl+G 分别编组,方便后期的位置调整。
黑色组的建筑绘制完成后，调整好各自的层级关系,将其整个编组。
到此，Ai绘制部分完成，下面用Ps添加光影效果。
步骤05
打开PS, 新建一个2377 px *1053 px的画布。
新建一个图层，命名为“背景”，将前景色调整为黑色,按Alt+退格键填充黑色。
将AI中的图层分别Ctrl+C复制，在PS中Ctrl+V粘贴,粘贴时选择“智能对象”。
像在AI中一样将这些图层分别命名,并调整好位置和图层层级关系。下面我们在PS中用画笔增强光晕部分。
在“蓝色组” 智能图层上方新建一个图层，用蓝色柔光画笔轻拍添加光晕。两处光晕可以分图层添加，以方便后期调整。
备注:1、为了规范画笔轻拍出的光晕的形状,可以先用“多边形套索工具”勾勒出轮廓，在勾勒出的选区内部用画笔，这样即便画笔的形状是
圆形柔光，也能拍出我们想要的形状。
2、为了增强光晕的层次，可以通过调整图层的不透明度，来调节不同部分光晕的强弱感。
后续其他楼体光晕方法相同。
分别在“红色组”和“粉色组”上方新建图层，同上述方法，用画笔拍出光晕。完成后，可以将各自光晕图层编组命名，养成图层整理习惯。
在楼体及其光影 层的下方,新建图层，用柔光画笔拍打背景光。不同颜色分不同的图层。在拍打过程中，可以不时调节画笔的大小，以及画笔或者图层的不透明度。
绘制完成后将这些图层编组,命名为“背景光”。
按住Ctrl 键将“蓝色组”、“红色组”、“粉色组”、“黑色组”这些楼体智能图像图层选中，Ctrl+J复制这些图层，移动到下方，Ctrl+G编组，
命名为“倒影”。Ctrl+T，通过自由变换中的水平对称翻转，翻转出楼群的倒影。
给“倒影”组添加蒙版，将前景色调整为黑色，用稍大的柔光画笔，调低不透明度，轻拍下面和左右边缘，实现倒影组的渐隐效果。
同样将原先的楼群连同光影一起编组，给组添加蒙版，用柔光画笔轻拍左右两侧，实现渐隐效果。
现在再在楼群后面加一点星光。
在楼群图层下方新建一个图层，命名为“光”，用大号柔光画笔轻拍，图层不透明度调整为50。
新建一个图层，前景色调整为黑色，用钢笔工具勾勒出一个形状，右键选择“创建选区”，并按Alt+退格键填充前景色。
新建一个图层，命名为“星”，用小号实边画笔，点出一堆星星。此过程中可以调整画笔不透明度，或者在同一处多点几次，实现星星或明或暗
的效果。
到此，城市夜景插画就绘制完成啦 分享
