Ai+Ps教程绘制扁平化山林场景噪点插画 

2020-06-26 11:16 发布

7918 0 2
本次内容是绘制一张扁平风格的山水林间风景插画。作品的绘制过程涉及钢笔工具、渐变、宽度工具、画笔、布尔运算、路径查找器、混合模式以及Ps中的混合模式“溶解”等工具的应用。所有图形结构都是使用钢笔工具绘制的,难点在于大量曲线图形的绘制、渐变的应用,对大量细节的把控,以及耐心。
最终效果图
d376d508b92ceb35b02a41fab1b134d7.jpg
教程步骤
  • 步骤 01
在 Ai 中新建 800px*600px 的画布,颜色模式为 RGB ,72ppi 。
9e74d87a2608ea315af85e744f806b88.jpg

  • 步骤 02
我们可以把画面分成几个部分:背景、前景的树、近处的山、小溪、地面、地面上的花草树木、远处的山、太阳和云。接下来我们按照这个顺序绘制。
绘制一个 800px*600px 大小的矩形,添加渐变。本教程使用的所有渐变都是线性渐变。画面的场景是傍晚晚霞时分,所以天空的颜色偏暖色,因此这里我们选用从紫色到一道橘红色晚霞,再到稍淡一些的颜色过渡。
将该形状命名为【背景】,并上锁。

f512b3b7ddb2a7c946ccbdf619e43951.jpg
步骤03
绘制前景的树。
这部分包括:树干、树干的纹理、树枝、树枝的纹理、树枝上的鸟儿,树叶。树干和所有树枝的颜色均为#05061a。树叶的颜色一共有 11 种,分别是:#05061a、#3c2d3a、#5e4650、#2d253d、#2b263d、#26223c、#060619、#211d36、#040515、#38314d、#060616。大家可以灵活分配树叶的颜色。
绘制顺序依次如下:
  • 左上侧的树枝。
树叶的画法有两种:
第 1 种是直接用钢笔勾勒树叶的闭合轮廓,这个方法比较精确;
第 2 种是只用钢笔画一条直线,然后用宽度工具把直线中间加宽,不过这样画出来的树叶一定是对称的,如果想要不规则的树叶,最好还是使用第 1 种方法。
本教程中所有的树叶都是通过这两种方法绘制的。
309c9a57619c527d3df9682bf62833e7.jpg
先使用钢笔工具勾出路径,然后用宽度工具适当加宽树枝路径的两端。
c1ea6c58adbf25e7cb44e43303d4d8af.jpg
这里叶脉的渐变效果设置如下:

9df6416cdb7648f7da6ea24e33ba9e20.jpg

  • 左侧第2根树枝。
c56839f8e1b11f5a26d5adcddb5f444f.jpg
这里叶脉的渐变设置和第1步中是一样的,橙红色纹理的渐变设置如下:
7555417b3cf89c064e88e46744d518ca.jpg
  • 右上侧的树枝。
18cd200044b8dffa4412a10ef7e30fe8.jpg

  • 鸟。
用钢笔绘制鸟嘴和鸟的身体,也可以用曲率工具绘制。
曲率工具只能通过不同的锚点决定弧线的走向,优点是可以保证随便画出来的线都是非常圆润的,过渡都是非常自然的;缺点是这个路径是不确定的,前面的路径走向会被后面锚点的位置影响。我这里使用的是曲率工具。把鸟嘴放在鸟身体的下方。
1e854c24a87a7f9b13c92b95aec41d0f.jpg

  • 树干及其纹理。
树干用钢笔绘制。这步的树干纹理的做法是,钢笔画一条倾斜的直线路径,在描边面板里设置成圆头端点,描边宽度4.6px,选中此路径,使用自由变换工具将其缩放到合适大小,放在树干的最左侧,再ctrl+c, ctrl+f原位复制若干个,缩放到合适大小,放在对应的位置。
描边渐变设置如下:

4394c97569e852004e269cde0b5c9969.jpg
将画好的树干(含树干纹理)、左上侧树枝、左侧第2根树枝、鸟、右上侧树枝组合,就完成了一整棵树的绘制,效果如下:
031736b356096af8213c0b65fe9c9add.jpg

  • 步骤 04
绘制山体,包括:左侧的山、右侧的两座山和中间的小山,注意近大远小和前后的遮挡关系。
画面的主光源是太阳,所以要根据太阳的位置制作光影,靠近太阳被照到的地方是亮面,远离太阳没有被照到的地方是暗面;
山的凹凸不平也要考虑进来,凹进去的部分是背光面,也就是暗面,而凸出来的部分则是高光面。
光影要有多层,可以使用多个形状,改变透明度或者混合模式来实现。使用钢笔工具将山体的形状绘制出来。大块的光影也一并添加上去。
效果及绘制顺序依次如下:

5b86de930346d6f37dac88bdda57b218.jpg
  • 左侧的山
e772561258198ff626e4019d41029b1e.jpg

  • 右侧的两座山
5eff43c2e51182134981f9204ee802f9.jpg

8ff95abdf04d7ee49dc51bbfe71a7467.jpg
  • 中间的小山
a8d0971c29db9bf9acb27ae7faeabeb0.jpg

把上面绘制的三部分(左侧的山,右侧的两座山,中间的小山)组合在一起,注意形状的前后遮挡关系,中间的小山是被左右的山遮挡的。
组合之后效果如下:
18be1aa7f8b9e36b870c0a03ede3d0c9.jpg

再加上我们之前绘制好的背景和前景的树,目前的整体效果如下:
b23e3fd213cb221f490a8b23250d6c67.jpg

接下来继续给山体表面添加多层曲线纹理和多层光影,进一步提升山体表面的层次感。山上的亮暗光影质感要用多层来组成,如果只做单独一层的话,整个画面会显的很平。

绘制顺序依次如下:
  • 左侧山上的条纹纹理、光影
这里倒数第 2 步的时候,目标是把两块光影限制在山的范围内。这个使用剪切蒙版,就能做到。剪切蒙版,有四字箴言:“上形下色”,指显示的范围由上层形状决定,而显示的内容则是下层形状。具体方法是,首先选中山的形状,ctrl+c,ctrl+f 原位复制粘贴一个,置于顶层,再同时选中置于顶层的山的形状、两块光影,右键->建立剪切蒙版。
66785bc64f511ad53269b368b925d91f.jpg

459becaa8a1d47c5331859ee5bdee8e3.jpg
  • 右侧第一座山上的条纹纹理、光影
用曲率工具或钢笔工具绘制路径,颜色 #1b1c24 。我这里用的是曲率工具。然后用宽度工具对路径端点或是中间部分加宽,做出如图所示的路径效果,编组。然后将条纹纹理组下移若干层,放在右上侧高光和右下侧高光的下方。
dbdf4d27a640785539209914bc10f418.jpg

  • 右侧第二座山上的条纹纹理、光影
f7b3f7bb69e42c7889798b4c8983e056.jpg
dc5c5c7d79fcf0edae361cb6d968983d.jpg

  • 右侧第二座山上的条纹纹理、光影。
适当调整条纹的层级关系,使条纹纹理在最上层
6df183bdad364024e6f9694436fd5ebb.jpg

1d7f3f198994f69503fc802b1997597f.jpg
注意渐变的角度。绘制好之后放置在画板的右下角,加上之前所有绘制好的图形,到现在,画面整体的效果如下图所示:
fb9a029e6285307db21174ad4265ac15.jpg
  • 步骤 05
绘制路面和小溪。使用钢笔工具将路面形状和小溪形状绘制出来。
这一步完全做好后的效果如下:

11506686e1de546fce47bc603baba993.jpg
绘制顺序:
  • 小溪
用钢笔工具勾出小溪的形状,设置如下图所示的渐变,注意角度。

5064e08c66d39eb1ef1334872be68ad7.jpg
  • 小溪右侧的地面
用钢笔工具勾出地面的形状。然后再用勾出 3 个形状,任意填充一个颜色(因为一会儿要减去顶层,所以这里用什么颜色都可以),置于地面上方,同时选中地面和这 3 个形状,路经查找器面板选择“减去顶层”。

1e8f1da90e15c66579111a763baa7508.jpg
接下来继续绘制小溪右侧地面的第 2 部分。
e005f06da5b737bab4ec6ae7843537ca.jpg

  • 小溪左侧的地面
使用钢笔工具勾出形状,然后组合在一起,调整形状的前后位置,做出如图所示效果。

a1dc74692558e20f116ae9dc52447b95.jpg
  • 地面和山之间的缝隙部分
使用钢笔工具勾出形状,然后组合在一起,调整形状的前后位置,做出如图所示效果。
abf599a11ffc9d6547c62034593d431b.jpg

把小溪、整个地面、之前已经绘制好的所有地方组合在一起,调整图形前后位置,达到如下效果:
48408dd436766f1bc0d375618f94e7ec.jpg


B Color Smilies
联系
我们
快速回复 返回顶部 返回列表