恋爱与选举与巧克力的CG绘制方案——以《木场小姐早上好》为例 Part 2
嗨_伏特加
2022年07月09日 02:05
收录于文集
共2篇

本文由罗慕路斯撰写,如需转载,请私信,谢谢。


书接上回:网页链接​

    (五)背景的描绘

    在加入光效并进行最终调整之前,得将背景完善一下。同样,这个部分请将关注点放在图像的变化上,图层的堆叠在此处并不是很重要。

    先用喷枪喷出几个大块面。

喷出基本的阴影

略微压暗背景的白色部分

    靠近身体的那一侧,用喷枪把阴影加深一些。

靠近身体的部分,把阴影加深一些

    为了营造出人物被光线照到的效果,所以利用喷枪工具,在混合模式为发光的图层上,沿着人物受光的方向,淡淡地喷上一层黄色的亮光以模拟光照。

给身体受到光照的地方勾一圈光边,模拟清晨的薄雾效果

    然后利用喷枪或马克笔+模糊工具画出亮色色块的形状,如果控制不好的话,可以配合橡皮擦工具做适当的切削处理。当然,这里的边缘不要太硬,擦完之后,如果边缘很硬,得用模糊工具轻轻地刷上几次。

画上黄色的光束,就有初级的光照效果

    最后用马克笔+模糊工具,做出这些深浅不一、形状各异的光点就可以了。

在背景中加入光点,丰富背景的细节

    

    当然,也可以利用SAI2自带的纸张质感来给图像增加一些模仿纸张的细节。但是之后还要到CSP/优动漫paint里去增加光效,如果现在加上效果的话,就会使文件只能保存成sai格式(psd格式不能存放这样的数据),而为了在不同软件里都能打开,要存档成psd格式,所以现在先不要加。

可以做出模拟纸张的效果,但是现在先别做

    至此,背景的处理结束。

    (六)线稿细节的修正

    由于光效会覆盖在所有图层上方,如果线稿被覆盖了,操作起来就不太方便了。所以在增加光效之前,先对线稿进行处理。

    请先来看一下对比图。

对比图,右图的视觉观感是不是比左图规整一些?

    是不是从视觉观感上,左图的颜色给人一种略显杂乱的感觉,而右图的颜色就给人一种更为规整的感觉呢?

    实际上,这只是调整了线稿颜色的结果。

    正如同前文已经说过的,黑色线条在视觉观感上会给人一种“这个物体是画面中最深的东西”的感觉,从而破坏掉画面的和谐,更不要说有些线条出现在了不该出现的地方(比如光照到肩膀处,但是黑线仍然存在,这是整个画面中最不和谐的地方)。

    那么线稿的修正应该怎么做呢,简而言之,就是锁定线稿图层的透明度,然后用吸管工具选取物体本身的颜色(离线稿近一点的颜色),然后将颜色压暗一些,利用喷枪工具或者铅笔工具直接去修改线稿本身的颜色。

    这样,线稿的色相就会逐渐和其勾勒的物体本身一致,而其颜色又比物体本身略深,也能起到提醒读者物体的边界的作用。

    如果还不是很理解,可以看看这个视频:BV1US4y1c7Q8。

    需要提示一下的是:像是红色箭头标示的被强光照射到的地方,可以将线稿的色彩和光线直接融合,或者将线稿擦成断断续续的虚线,这样就能给人一种透光的感觉;另外,下图中绿色箭头标示的那段线稿,并不是被擦除了,只是用了和光照极其相似的颜色和光照融为一体了。

被强光照射的地方,可以把线稿的颜色变成和光线相同的颜色,或者做成虚线

    之后为睫毛擦上一些暗红色,也可以进一步地丰富面部的细节。

在睫毛的两侧擦上暗红色

    另外,笔者的建议是,在勾线的时候,请有序地把服装、前发、后发、身体等各个不同部件安排在不同的图层中,在勾完线之后,如果电脑的性能足以支持(特别是内存要够),可以不用把所有的勾线全部合并成一个图层,这样便于后期对线稿进行颜色的修正。

笔者的线稿堆叠,是把各个元件分离的

    但是需要注意的是,有的时候会出现本该在下层的线稿被堆叠在了上方(比如袖子的线稿图层被放置在了手臂的上方,导致袖子线稿的颜色被错误地改在了手臂颜色的上方),在修改线稿颜色的时候会出现错误,线条穿插的地方是该问题的高发区,还请特别注意。

这是一个错误的范例,服装的线稿压在了头发上,用橡皮擦除或者用蒙版遮盖即可

    (七)加入光照效果&最后的调整

    在正式进入CSP/优动漫paint之前画出光照之前,必须先说明一下,虽然文件保存的是psd格式,但是由于不同的软件差异,虽然可以在Photoshop、SAI2和CSP/优动漫paint中打开,但是显示效果是有区别的,请看下图:

虽然用PSD格式都能打开,但是总会有一些问题

    即使CSP/优动漫paint显示出来的图像不像Photoshop那么离谱了,但还是能够看出非常明显的色彩错误。如果仔细辨别一下,就会发现三个软件的图层混合模式是有所区别的,算法上也有不同,所以导致了最终的色彩差异。

    面对这种情况,笔者采用的方案是另存一份现有的工程文件,然后将大部分图层按照主体、背景等逻辑顺序进行合并,然后再导入到其他软件中处理效果,如果还要倒回原软件进行后续处理,那么只需要将新画出来的那个图层复制回原文件就可以了。

    由于本图的的光照直接堆叠在图像上方就可以,所以直接把整个图像输出,然后导入到CSP/优动漫paint里进行处理即可。

    1.丁达尔光照

    清晨,从窗户射进来的光线,呈现出一种朦胧的美感,这就是丁达尔光照。

    为了方便地完成这种效果,笔者在CSP/优动漫paint的素材市场里购买了一些笔刷。

笔者购买的丁达尔光线笔刷

笔者购买的光晕笔刷1

笔者购买的光晕笔刷2

    优动漫Paint软件得是正版,否则用不了这些笔刷,该软件在国内有代理,X宝就可以买到软件授权。

    在购买笔刷之后,将笔刷导入进软件。

点击“添加子工具”,导入刚才购买的笔刷

    接下来,利用丁达尔光照笔刷,先随机地画出一些光照(这里为了方便观察,所以先用黑色的背景做演示)。

先随机画出一些丁达尔光束

    然后使用Ctrl+T,使用自由变换,将这些光束拉成需要的形状。

自由变换,将光束拉成自己想要的形状

    最终,在图像上形成了光照效果,如果觉得光束太长或者想做一个上亮下暗的渐变效果,则请使用橡皮擦或蒙版工具,即可做出渐变效果。

在原图中加入了丁达尔光照效果

    请注意,笔者在绘制这张图像的时候,把图层归类进文件夹的时候,没有把文件夹的混合模式从“正常”改为“穿透”,所以文件夹内图层的混合效果并没有展现出来。

    由于笔者在绘制本图的时候并没有注意到这个问题,且白色光线已经是能够构成图像的最亮的色彩,所以目前的这个状态是可以接受的。如果将文件夹的混合模式改成穿透,就会太亮了。

如果此时把文件夹的混合模式从“正常”改成“穿透”,那就会太亮了

    然后,利用刚才导入的镜头光晕效果(黄色箭头),做出如下的光晕(红色箭头)。

加入光晕(选择你喜欢的就好)

    由于笔者的CSP/优动漫paint里并没有云朵笔刷,所以现在回到SAI2,笔者要利用这个笔刷再增补一些光线。

    选用硬云笔刷(黄色箭头),选择白色,在红色箭头标示的地方,顺着丁达尔光线的光束方向,轻轻地画上几笔,这样光照的细节就丰富了。

用硬云笔刷轻轻地扫一扫,画出薄雾的效果

    2.最后的调整

    光照已经画完了,但是总感觉光照的感觉不太强烈。人对于光线强弱的感觉来自于何处?答案是对比。

    那么光照已经采用了代表最亮的白色,那么此时的思路就是把那些没有受到直接光照的地方压暗即可。

    新建图层放置在所有图层最上方,混合模式调整成正片叠底,将其他地方压暗。

压暗之后,对比加强,观感就变好了

    最后,如果想为图像增加一些纹理效果,那么就在特殊效果(红色箭头标示处)里,为图像增加一些纹理即可。

可以为图像增加特殊效果,来模仿纸张的质感

    恭喜你,能够看到这里,意味着你已经看完了本教程的静态绘制部分,画出了一张属于自己的图像。

    但是笔者深知,自己对于服饰、被褥等物体的绘制并不是很擅长,故而本文最有价值的部分应该是对于头发的处理方式,因为各类头发绘制方法的教程中,笔者几乎没有见过教授sprite社式的头发绘制方法,所以这算是笔者的研究心得。

最终的完成图像

    如果想要练习的话,笔者在此留下了自己的线稿,方便阅读者直接练习。

笔者自己的线稿,是带有透明通道的png

    接下来,笔者将简单地讲一讲本图的动画制作方面,如果对于动画制作没有兴趣的话,此时已经可以退出了。

    感谢您的观看。


    六、动画部分

    动画的预览在此:BV1gG411x7hi。

    由于SAI2是个插画软件,本身并不具备绘制动画的能力,所以主要的绘制工作是在CSP中完成的。

    另外,动画部分只涉及了如何作画,在After effects中的效果制作和Premiere中的最终合成,由于过于简单,只需要看一些基础教程就可以完成制作,故而本文并不涉及。

    在正式进入之前,请花一些时间看一下BV18K4y1P733这个视频,可以学习到基本的软件操作知识,笔者也是以此入门的。

 

    (一)整理与简化图稿

    整理图稿很简单,即把图像中不需要动的东西合并成同一个图层,大体上就是把身体部分、枕头和被子部分合并成一个图层(否则很有可能内存告急,在做动画的时候卡死),会产生动画的部分——眼睛、嘴巴、光晕和身后的光点单独分层。

    但是在此之前,必须要先简化图稿。因为本图是以插画的思路来制作的,有些颜色太复杂,静态图像看着没问题,一旦动起来就可能出现问题。故而必须要将某些部位从下图左侧的样子,转换成右侧的样子。

    此步骤无非就是调整一下图层,对于过于复杂的色彩(比如眼窝)直接删除即可。

要眨眼,所以左图的那种状态必须被修正,右图的状态就可以做动画了

    (二)绘制动画——眨眼

    在这一部分,要画出眼睛的睁开到闭上的过程,还有根据台词配上口型。

    先来画眼睛,眼睛的开合可以暂时不考虑时长和台词做对应。

    首先,先要明确眼睛的开合,有哪些元件会产生运动,产生运动的元件必须单独分层。由于本次动画相对比较简单,所以可以简单地将睫毛和眼球部分分成两块。

    具体的操作步骤,在观看了上面的操作视频之后,做一下闭眼的动画想必不是什么难事,至于睁眼只需要在做完闭眼之后进行倒放就可以达成效果(要学会适度偷懒)。

    这里需要做一下提示的就是:先画出关键帧,再画出中间帧。就是先画出最关键的动作,再为动作添加变化。在这里的表现就是先画出眼睛完全睁开的样子(这个本来就有),然后再画出眼睛完全闭合的样子,最后再处理闭眼过程的图像。

先画关键帧,再画中间帧!

    动画采取了每秒24帧去制作,眨眼的动画采用了一拍二(一秒12张,每张放两帧)去制作。在后期合成的时候,笔者觉得眨眼的动画有些慢,于是对眨眼的动画进行了适度加速。

    (三)绘制动画——嘴部

    由于笔者使用的CSP/优动漫paint是个人版,个人版有制作动画只能做24帧的限制,所以要多开几条时间轴去做。

    这一次人物会说的那句话是“おはよう ゆうくん”(意为:早上好,裕君,谐音为:哦哈由,裕君)。

    为了绕开时间限制,所以笔者这次将“おはよう”和“ゆうくん”分成了两个时间轴去做。

    笔者先将这段音频导入进Audition或者Premiere,先确定时长,这样就确定出了要在CSP中画的帧数了。

    新建一条时间轴,根据“お”“は”“よう”这三个音节确定口型,这三个口型和嘴部彻底闭上的口型就是关键帧。

おはよう(早上好)口型的关键帧

    再新建一条时间轴(要不然时间会超出24帧,这是为了规避限制,如果用专业版则接着画下去就行),根据“ゆう”和“くん”的两个音节,确定出关键帧。

ゆうくん(裕君)口型的关键帧

    在确定完关键帧之后,就像画眼睛的中间帧那样,给嘴巴的变化画上中间帧就好了。如果觉得一拍二的流畅性不够高,那么可以适度地在感觉不流畅的地方再加入一些中间帧。

    这里需要特别指出,本次的这个动画,涉及到绘画的地方仅仅只有一秒多,所以可以根据音频对口型进行精确定位,但是如果要做更长的动画,口型只要保证大致正确就行了。

    (四)导出动画

    留下眼睛、嘴巴这两个会运动的元件,单独导出序列,就可以进入After Effects和Premiere中进行合成处理了。

把动画序列按照各个元件单独输出

    在After Effects中,主要就是让人物背后的光点做小范围的圆周运动,涉及到了每一个光点的位置、旋转、不透明度、大小的变化;还有就是让光晕沿着轴心做微小的旋转。

    在Premiere中,主要就是把AfterEffects合成的视频和背景音乐、人物语音、清晨的鸟鸣声融为一体,并最终输出。

    由于上述两个操作是非常基础的,所以本文便不再赘述了。

    再次感谢您的观看。