当前位置:首页 >教程首页 > 游戏设计 > 3D模型大师班 >如何通过美术风格分析过渡到技术实现?

如何通过美术风格分析过渡到技术实现?

发布时间:2022-05-07 16:35:43

Hello,大家好,如何通过美术风格分析过渡到技术实现?今天就给大家带来一篇从解构美术风格到技术的抽象与具体化,我是几维。

本文将把吉卜力这种卡通风格从分析美术风格的角度出发然后过渡到技术实现的层面一步一步的解构出来。希望大家可以通过其中的一些思路进行举一反三,从而在其他风格分析和落地上也能有所收获。一家之言仅供参考。

0.png

一、抽象与具体

解构一种美术风格到技术实现,需要高度抽象地提炼出其要旨,而对于很抽象的概念,则要给出具体的描述和理解。通过梳理,一般来说要做到以下两点:

1. 将具体的内容抽象化

2. 将抽象的内容具体化

1.jpg

二、美术风格分析

首先我们把抽象的画面或者概念设计提炼出其要旨。吉卜力的场景风格偏向自然主义,从现实生活中提炼元素。同时看宫崎骏的概念设计,水彩风格比较明显,会有手绘块状笔触感且大小方向有一定的随机性。用的色调也比较复古。每种颜色里面的层次变化都非常的丰富,用色饱和度很高,且明暗对比非常的明显。物体亮面偏暖,暗面偏冷。暗部会受到天光和反射的影响。真实而又充满童趣,神秘以及张力。

2-1.png

2-2.png

三、归纳与提炼

给出具体的描述和理解。基于上面的美术风格分析我们可以归纳提炼出来以下几点:

1. 水彩风格

2. 手绘块状笔触组成

3. 每种颜色层次变化很多

4. 色调复古

5. 色彩饱和度比较高

6. 明暗对比鲜明

3-1.png3-2.png

一些其他水彩的画风对比参考

4-1.jpg4-2.png

四、材质贴图分析与生产-基础底色

基础颜色

先从Bridge里面导出石灯的lowploy的模型。

5.png

填充一个底色层。

6.png

选择一张比较合适的黑白图。把Blance调整到0.5。

7.png

添加一个Filter,然后选择Blur Slope。并调整Intensity到2.15。这样整个遮罩会把比较细碎的点变成块状。

8.png

再加一个Filter,然后选择Blur Directional。Intensity类似于一个偏移量。Angle就是这个blur方向的角度。适当的给一些模糊毕竟之前是程序生成的,笔触感觉不够自然。

9.png

最后再给一个Sharpen,模糊比较强就用这个增加一些颗粒感。

10.png

因为它是一张Mask,同时它的颜色是灰白色,需要和Fill layer 1进行融合。增加底色的层次感。所以需要把它的强度调低到20。

11.png

再分别添加一些笔触的效果层基于不同大小,不同深浅。使用Ratio_cells,然后在它的上面再添加一个blur slope的效果。

12.png

把它们的混合模式都切换成Overlay。分别把它们的值随机降低一些,以便和底色融合在一起。

13.png

到目前为止,上面的层都是在打磨底色的层次感和丰富度。

14.png

五、材质贴图分析与生产-明暗关系

15.png

创建一个新的Fill Layer,然后给一个AO Generator。适当调整一下Global Balance值。

16.png

然后再给一层Blur Slope。这样整个AO层遮罩也会把比较细碎的点变成块状。保持和颜色层的风格统一。之后把AO这个完整的层选择Multiply叠加模式,适当的加深暗部,使之成为暗部。其他部分就自动成为了受光区域。这里要注意不要死黑,因为真实的物体是受环境光影响的。

17.png

亮部

高光部分,使用的是Curvature generator。可以把模型边缘的信息单独提出来去模拟一些高光信息。同样也是再添加一层Blur Slope,保持风格统一。

18.png

最后给这个Fill Layer改个颜色,同时降低一些Fill值。

19.png

六、材质贴图分析与生产-苔藓第一层

苔藓

到了这一层我们需要考虑苔藓和苔藓上的光源信息。在第一层苔藓中,先创建一个Light Generator。调整下列参数等找到一个合适的频率分布。

20.png

再添加一层Level,调整一些对比度。

21.png

Blur Slop统一风格。

再添加一层Wrap,增加一些无序和去掉一些肌理。

22-1.png22-2.png

最后加一层Paint Layer,目的就是确定一个光源方向。

23.png

这是第一层的效果。

24.png

七、材质贴图分析与生产-苔藓其他层

第二层改变一些颜色倾向,强化光源方向,同时增加苔藓的颜色丰富度。

25.png

第三层和第二层的逻辑一样。

26.png

第四层就是在上面使用Grunge Spots,并切换叠加模式到Overlay去增加一个光点分布。打破一下完整性,增加一些随机扰动的光源效果。

27.png

八、其他调整

增加一个Position Generator生成石灯底部的mask。

28.png

这样这一块区域的颜色就要比其他地方深一些。叠加模式换成Multiply也是为了把颜色明度给压下去。这样会显得下面是背光区域,整个造型厚重一些。同时为了和地面进行融合也会把明度压下去一些,从而与地面之间的过渡更自然。

29.png

最后就是做一个整体效色。添加一个Baked lighting stylized filter。上面再加一个Levels控制曲线变化。

30.png

九、总结

下面就是一些比较核心的Filter和Generator的对应最开始归纳的六类的一个使用分布情况。

1. 水彩风格(总的一个方向,基于下面几类的融合)

2. 手绘块状笔触组成(Blur Slope和Blur Directional)

3. 每种颜色层次变化很多(多层Fill Layer)

4. 色调复古(看调色和选色)

5. 色彩饱和度比较高(Light Generator和Grunge Spots)

6. 明暗对比鲜明(AO Generator和Curvature generator)

- End -

来源:Thepoly公众号

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定