关于教程
本次教程内容主要来自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+退格键填充前景色。
新建一个图层,命名为“星”,用小号实边画笔,点出一堆星星。此过程中可以调整画笔不透明度,或者在同一处多点几次,实现星星或明或暗
的效果。
到此,城市夜景插画就绘制完成啦 分享