AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

时间:2021-09-14
B站视频:av207845550
类别:AI教程
水平:进阶
观众:1.4w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:Showy121(授权转载自公众号: 百图特攻队

交作业去这里→#优设每日作业#

关于教程

大家好,我是Showy121,今天先给大家欣赏两幅作品哦~

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

以上两幅作品都是百图特攻队的扁豆君的参赛作品~

曾经答应各位宝宝们,要做一期暗空间的教程,就是今天了。我和扁豆君携手,一起整理了这篇文章,快往下看吧!

#01. 什么是暗空间?

①. 暗空间的历史溯源

暗空间风格,最早可以追溯到复古未来主义和赛博朋克风格。

这些风格在20世纪七八十年代被大量运用在影视剧、音乐唱片、街机游戏的海报视觉创作中,通常反映了早期艺术家对未来的构想。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

暗空间风格可以说是渐变风格的一种变体。

它基本具有渐变插画风格的所有特征:色彩丰富、过渡柔和、画面细腻、整体吸睛。

但是同时它又有自己独特的风格特点。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

以behance大神Romain Trystram的插画风格来说。

他的暗空间插画整体上色彩非常丰富,而且具有非常强烈的视觉冲击力。

他的创作题材主要以大场景的建筑插画为主,且每个建筑都有自己独特的调性。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

②. 暗空间的风格特点

暗空间风格插画就是在暗色背景上面,通过添加高明度多色彩的手法来形成强烈视觉冲击力的风格插画。

咱们具体来说一下它的特点:

1.明暗对比强烈

整体以暗色为底面背景,亮色为重点突出物。颜色的明暗对比差距大,最亮的部位明度接近白色,最暗的部位明度接近黑色。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

2.色彩过渡柔和

暗空间插画色彩种类丰富且过渡柔和。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

3.细节丰富

画面亮色部位的主体物细节多且耐看。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

4.氛围浓厚

会通过各种细小的发光源、曝光、光晕,来烘托渲染画面气氛。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

#02. 暗空间的常规技法

①. 主要工具解析

1.渐变工具

渐变是暗空间插画中用的最多的一种工具。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

2.图层混合模式

在暗空间插画中最常用的图层混合模式有4种,叠加、柔光、滤色、颜色减淡。

颜色加深时用叠加、柔光效果;颜色提亮用滤色、颜色减淡。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

3.效果之模糊&羽化工具

同样大小的形状,模糊效果是向外扩散,羽化效果则是向内扩散。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

4.符号喷枪工具

喷枪工具最常用来绘制随机位置的、重复的造型。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

②. 技法实操解析

1.画面造型&明暗基调

画面的造型基本上用钢笔工具和形状工具都能解决,这里不再赘述。

确定造型后,下一步确定画面明暗基调。由于暗空间是在暗色背景上叠加亮色。

我们先将所有背景调暗,确定为暗部,填充为黑色/深灰色。主体物需要突出是亮色,确定为亮部,填充为亮灰色。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

2.基础色调选定

画面中需要有冷暖的对比关系。

一般来说暖色比冷色看起来更亮一点、也更突出。

因为中间的最高建筑是重点突出部分,所以只在中景和远景上面填充暖色,剩下的地方填充冷色。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

3.基础渐变色

首先用线性渐变拉出天空的渐变色。

为什么单单一个天空就使用这么多色相的颜色进行过渡,就是为了让画面的颜色层次过渡更加细腻柔和。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

整体的天空是冷色,而远景的建筑是暖色,冷暖的对比太强烈。

如果天空色只是单纯的用黄蓝两色进行渐变,画面中颜色的断层将会很明显。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

继续使用线性渐变,为主体建筑和添加细微的双色渐变,使得颜色过渡看起来丰富一点。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

继续为次级小元素添加细微的双色渐变,在这里要注意光的颜色是互相影响的,譬如水面泛红是因为倒影出了天空的颜色。

河堤的扶手泛红是受红色水面的反射而产生的影响。

4.主元素深入刻画

4.1 主元素渐变细腻过度刻画

主体物由于是最重要的部分,所以先从主体物开始刻画,修改之前的渐变,在渐变色中添加黄色和橙色,使得渐变的色相看起来非常丰富。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

4.2 主元素内部细节刻画

开始给主体物加上窗户,我们先设定所有的窗户都是暗色的,所以给窗户来个正片叠底,这样每个窗户看起来都没有光。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

增加一些窗户,并给一些窗户加上灯光,灯光可以是黄色,也可以是红色、蓝色。这里可以跟着自己的喜好来。但是整体上暖色的灯光更多一点。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

4.3 主元素光感补充   

给建筑的的四周来一个发光的描边线,让建筑更加凸显出来。在建筑的顶部给一个黄色的透明渐变,来体现出整体建筑的光感。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

5.其它辅助元素刻画

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

给主体建筑后面加一个圆形的模糊光源,让整个画面的最亮部位更集中在中间位置。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

6.整体氛围光感添加

6.1 天空星星添加

符号喷枪工具,给天空增加一些星星,这些星星有大有小,有亮有暗,可以通过降低透明度来实现星星的亮暗效果。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

6.2 天空光感补充

给天空增加几束从下往上的发光光源。

云朵给一层渐变,并适当模糊一下,选择合适的图层叠加模式。如果太亮眼就适当降低一下透明度。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

6.3 整体镜头光晕

最后使用图层模式效果的圆圈,给整个画面加上一个镜头光圈的效果,使得整体画面的氛围感更足。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

#03. 暗空间项目实战

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

根据画面设计一个自己心目中上海的样子。

AI进阶教程!巨详细的霓虹炫彩插画绘制过程演示

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

24 收藏 94

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片