手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

时间:2022-03-27
类别:手绘教程
水平:普通
观众:1.3w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

教程作者:Rimi日米优设手绘就业衔接班讲师)

交作业:#优设每日作业#

关于教程

大家好!我是优设手绘班的讲师@Rimi日米~

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

下面是一组我们手绘进阶营小伙伴画的【万物皆可发光】主题小插画。今天就来带大家学会施加“光的魔法”,用光提升画面的氛围感,即便只是简单的小场景,加上光也能变得非常梦幻好看哦!

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

本篇文章将会分为 4 个部分,来教会大家画光影质感插画:

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

在动手画之前,我们先来了解一些与光相关的知识点。

教程内容

一、光的种类

​1.自然光:晴天/阴天/夜晚

自然光是插画中最常见的一种光源表现形式,用于室外场景较多。也就是我们常说的白天的太阳光,夜晚的天光/月光,自然光会因为时间段和天气的不同,从而对物体及环境的颜色影响也不同。这里列举了晴天、阴天和夜晚自然光的情况下,插画师是怎么去表现画面中的光感。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

晴天自然光下的场景,通常只需要设定一个光源位置,物体的投影轮廓清晰,多以固有色呈现,光照的地方和投影的明暗对比较强。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

而阴天的画面整体的饱和度、颜色对比会减弱很对,没有强烈光照的情况下,物体投影轮廓边缘较柔和。特别是雨天的时候整体画面会有一种灰蒙蒙的氛围。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

夜晚的天光/月光不如白天的太阳光那么强烈,这种情况下画面呈现的主色调多半为冷色,比较适合用来营造画面神秘、朦胧的氛围。

在画夜晚场景的时候,尤其注意考虑颜色不能再按照物体平时的固有色去思考,比如图 1 男主身上的白色T恤,在夜晚窗外蓝色光的影响下也会微微泛蓝。如果大家实在不知道怎么调整色相,可以把物体的固有色饱和度降低一些,让颜色看上去偏冷一点会更好融入夜晚的场景中哦。

大家可以对比一下白天和夜晚的光照对物体固有色的影响:

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

2.人造光:灯光/烛光/火光

人造光通常以灯、蜡烛、火把等发光物在比较暗的环境下出现,和自然光不同的一点在于人造光是具备功能性的,可通过不同的光的颜色,让被光照到的物体失去原有的固有色,从而营造出不同的环境氛围。

如家里、图书馆这些地方都是暖光比较多,而酒吧、演唱会一般都是霓虹光,不同场景的灯光设定也不同。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

3.混合光:自然光+人造光

混合光是画面中既有自然光又有人造光,通常会在画面中形成明显的冷暖对比。这种光在插画中的处理方式比较复杂,画面中可能会出现多处位置发光的情况,还需要考虑到自然光和人造光对于同个物体的色彩影响,所以新手同学不建议现在尝试,可以先从上面两种较为简单的光入手。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

二、光的作用

1.突出视觉中心,进行视觉引导

有光的画面中通常有着比较强烈的明暗对比,而光所处在的位置一般也是视觉中心的位置,插画师把光画在主角中心或周围起到了一个视觉引导的作用。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

还有一种常见现象是逆光的画面,这种情况一般是主体暗下去,周围的物体环境亮起来,逆光的主体身上通常会有一圈比较强烈的轮廓光,以此来突出画面主角。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

2.增加画面氛围感和故事性

这个整体来说和光的颜色、打光的角度都有比较大的关系。如下图这种从底下往上打光的角度会给画面塑造一种阴森、紧张的故事感,一些探险类、悬疑类的动画电影里到常用到的手法。而同样是底下打光,冷光明显比暖光更能凸显人物阴暗的性格。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

三、光的色彩对环境氛围的影响

配色原理一样,通常暖色(红 橙 黄)给人感觉都是比较温暖的,喜庆的,热闹的,比如篝火晚会中的火光,新年挂在门口的红灯笼发出的光等等。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

而冷色(蓝 青 紫)给人感觉较冷,常见的密室,鬼屋等这样的场所使用冷色灯光多一些。所以不同颜色的光传递给人的感觉是完全不同的。

以下我们可以看到同样的场景图1的蓝色光所营造出的氛围是比较神秘且带着一丝阴森的、恐怖的。而图2把光换成了黄色,画面中阴森的感觉就减轻了很多。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

跟上图不同的是这是一组同个画面在不同时间段下的插画,光的颜色会因时间段不同而变化,可见光还可以用来传递时间信息。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

四、如何绘制发光效果

​下面拿这次小活动的小猫咪做为案例。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

1.构思草图

注意在这一步的时候就要想好画面中哪个元素要作为发光体。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

2.平铺上色

给画好的草图平铺上颜色。这里为了让光的感觉更突出,猫和背景都用了接近黑色的暗色调。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

3.添加渐变效果

给单个花朵/花瓣做点渐变效果。因为花瓣本身是比较薄和透光的,所以给花瓣加点渐变能让光感更通透一些。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

4.添加发光效果

重点来了,新建图层,把图层的混合模式改为【柔光】,颜色选择浅黄色,用PS自带的柔边缘笔刷放大,在要发光的物体上面轻点两下,可以得到比较自然的发光效果。如果出来的光太强烈可以适当调整旁边的不透明度。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

注意:想要光的层次更丰富,可以重复上面的步骤,然后把光的色相小范围微调一下,也可以把柔边缘笔刷缩小在部分花瓣的局部、边缘加一点点高光。

5.添加光影

受到光的影响,在花束的周围,着重在猫咪的瞳孔、下巴、手脚、肚子这几个位置用柔边缘笔刷画上光影。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

6.增加朦胧感

利用涂抹工具,让部分花瓣的边缘有晕染开的效果,同时猫咪的围脖和耳朵也做了一点点涂抹晕染,这样可以增加朦胧感。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

7.细节完善

用硬边圆笔刷缩小给眼睛和花束加上光点,地上和空中分别画上花瓣让小场景看上去更完整。

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

步骤过程图

手绘教程!教你5步上手光影魔法,学会梦幻光感插画的做法

注意事项

  1. 背景使用暗色会让光的效果更明显;
  2. 场景比较简单的情况下,画面发光的位置不要太多;
  3. 画面有多个发光点,尽量使用一个作为主光源,其余为辅助光不要太强烈;
  4. 有些同学用“柔光”模式画不出好看的光感,是因为在不同的固有色上面使用相同的混合模式出来的效果是不一样的,这需要你们在混合模式的列表中多试几个效果,找到最合适自己的!

文章到此就结束啦!如果你想系统学手绘,拓展更多插画风格,如儿童插画风、国潮风、扁平肌理风、描边线条风等等。推荐一下我正在讲课的「优设手绘就业衔接班」,最新一轮课程马上就要开始啦!可以添加咨询师微信【大胖: uisdc2 】【国庆:uisdc3询问更多手绘衔接班的详情,立马进阶成为一名小小插画师~

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

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

31 收藏 100

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

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

复制本文链接
img

发表评论 已发布 1

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

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片