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

本次内容是绘制一张扁平风格的山水林间风景插画。作品的绘制过程涉及钢笔工具、渐变、宽度工具、画笔、布尔运算、路径查找器、混合模式以及Ps中的混合模式“溶解”等工具的应用。所有图形结构都是使用钢笔工具绘制的,难点在于大量曲线图形的绘制、渐变的应用,对大量细节的把控,以及耐心。

Ai Ps实例教程!教你绘制扁平化设计树林情景噪点插画

此次內容是绘制一张平扁设计风格的山水林中风景插画。著作的绘制全过程涉及到钢笔工具、渐变色、总宽专用工具、画笔工具、布尔运算、路径查找器、混合模式及其Ps中的混合模式“融解”等专用工具的运用。全部图型构造全是应用钢笔工具绘制的,难题取决于很多曲线图图型的绘制、渐变色的运用,对很多关键点的把控,及其细心。

最后设计效果图

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

实例教程流程

  • 流程 01

在 Ai 中新创建 801080x*601080x 的画板,颜色模式为 RGB ,72ppi 。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(1)

  • 流程 02

我们可以把界面分为好多个一部分:情况、市场前景的树、离近的山、溪流、路面、路面上的花草植物、远方的山、太阳光和云。接下去大家依照这一次序绘制。

绘制一个 801080x*601080x 尺寸的矩形框,加上渐变色。本实例教程应用的全部渐变色全是线形渐变色。界面的情景是黄昏夕阳时候,因此 天空的颜色偏暖色调,因而这儿大家采用从蓝紫色到一道桔红色夕阳,再到稍淡一些的色调衔接。

将该样子取名为【情况】,并锁上。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(2)

流程03

绘制市场前景的树。

这些包含:树杆、树杆的纹路、树技、树技的纹路、树技上的小鸟,落叶。树杆和全部树技的色调均为#05061a。落叶的色调一共有 11 种,分别是:#05061a、#3c2d3a、#5e4650、#2d253d、#6b263d、#26223c、#060619、#211d36、#040515、#38314d、#060616。大伙儿能够灵便分派落叶的色调。

绘制次序先后以下:

  • 左上侧的树技。

树叶的画法有二种:

第 1 种是立即用签字笔刻画落叶的合闭轮廊,这一方式较为精准;

第 2 种是仅用钢笔画一条平行线,随后用总宽专用工具把平行线正中间扩宽,但是那样画出去的落叶一定是对称性的,假如要想不规律的落叶,最好是還是应用第 1 种方式。

本实例教程中全部的落叶全是根据这二种方式绘制的。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(3)

先应用钢笔工具描出途径,随后用总宽专用工具适度扩宽树技途径的两边。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(4)

这儿叶柄的渐变色实际效果设定以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(5)

  • 左边第二根树技。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(6)

这儿叶柄的渐变色设定和第一步中是一样的,橘红色纹路的渐变色设定以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(7)

  • 右上侧的树技。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(8)

  • 鸟。

用签字笔绘制鸟嘴和鸟的人体,还可以用折射率专用工具绘制。

折射率专用工具只有根据不一样的ps钢笔决策斜线的迈向,优势是能够确保随意画出去的线全是十分圆滑的,衔接全是十分当然的;缺陷是这一途径是不确定性的,前边的途径迈向会被后边ps钢笔的部位危害。我这里应用的是折射率专用工具。把鸟嘴放到鸟人体的正下方。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(9)

  • 树杆以及纹路。

树杆用签字笔绘制。这步的树杆纹路的作法是,钢笔画一条歪斜的平行线途径,在路径描边控制面板里设成圆口节点,路径描边总宽4.6px,选定此途径,应用自由变换专用工具将其缩放进适合尺寸,放到树杆的最左边,再ctrl c, ctrl f原点拷贝数个,缩放进适合尺寸,放到相匹配的部位。

路径描边渐变色设定以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(10)

将画好的树杆(含树杆纹路)、左上侧树技、左边第二根树技、鸟、右上侧树技组成,就进行了一整棵树的绘制,实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(11)

  • 流程 04

绘制公路边坡,包含:左边的山、右边的两座山和正中间的小山坡,留意平行透视和前后左右的挡住关联。

界面的主灯源是太阳光,因此 要依据太阳光的部位制做光与影,靠近太阳被照射到的地区是光面,杜绝太阳光沒有被照射到的地区是暗面;

山的凸凹不平还要考虑到进去,凹进来的一部分是背亮面,也就是暗面,而凸起来的一部分则是高亮面。

光与影要有双层,能够应用好几个样子,更改清晰度或是混合模式来完成。应用钢笔工具将公路边坡的样子绘制出去。块状的光与影也一并加上上来。

实际效果及绘制次序先后以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(12)

  • 左边的山

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(13)

  • 右边的两座山

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(14)

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(15)

  • 正中间的小山坡

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(16)

把上边绘制的三一部分(左边的山,右边的两座山,正中间的小山坡)组成在一起,留意样子的前后左右挡住关联,正中间的小山坡是被上下的山挡住的。

组成以后实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(17)

再再加上大家以前绘制好的情况和市场前景的树,现阶段的总体实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(18)

接下去再次给公路边坡表层加上双层曲线图纹路和双层光与影,进一步提高公路边坡表层的质感。山顶的亮暗光与影层次感要用双层来构成,假如只做独立一层得话,全部界面会显的很平。

绘制次序先后以下:

  • 左边山顶的花纹纹路、光与影

这儿倒数第 2 步的情况下,总体目标是把二块光与影限定在山的范畴内。这一应用剪切蒙版,就能保证。剪切蒙版,有四字箴言:“上形下色”,指显示信息的范畴由顶层样子决策,而显示信息的內容则是下一层样子。具体做法是,最先选中山市的样子,ctrl c,ctrl f 原点拷贝一个,放置高层,再另外选定放置高层的山的样子、二块光与影,鼠标右键->创建剪切蒙版。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(19)

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(20)

  • 右边第一座山顶的花纹纹路、光与影

用折射率专用工具或ps钢笔工具绘图途径,色调 #1b1c24 。我这里用的是折射率专用工具。随后用总宽专用工具对途径节点或者正中间一部分扩宽,作出如下图所示的途径实际效果,组队。随后将花纹纹路组下沉若干层,放到右上侧修容和右下方侧修容的正下方。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(21)

  • 右边第二座山顶的花纹纹路、光与影

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(22)

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(23)

  • 右边第二座山顶的花纹纹路、光与影。

适度调节花纹的等级关联,使花纹纹路在顶部

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(24)

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(25)

留意渐变色的视角。绘图好以后置放在绘图工具的右下方,再加上以前全部绘图好的图型,到现在,界面总体的实际效果如下图所显示:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(26)

Ai Ps实例教程!教你绘图扁平化设计树林情景噪点插画

  • 流程 05

绘图地面和小溪。应用ps钢笔工具将地面样子和小溪样子绘图出去。

这一步彻底搞好后的实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(27)

绘图次序:

AI+PS教程!教你绘制异国风情午后阳光小巷插画

本次内容是绘制一张关于阳光和小巷的插画,光影和色彩的搭配使画面看起来十分舒服。作品的绘制过程涉及 AI 中的钢笔工具、布尔运算、蒙版、路径查找器以及 PS 中的杂色、模糊等效果处理。话不多说,现在就开始吧!

透明手机壳修图方法_股票投资,2021年股票投资方向

最终效果图

【限时0.59元】2021高考数学/三视图考点解题技巧/高中数学 01 三视图1-1:高考规律 【录播】三视图1-1:高考规律(20分钟) 免费试学 02 三视图2-2:万能通杀 …

  • 小溪

用ps钢笔工具描出小溪的样子,设定如下图所显示的渐变色,留意视角。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(28)

  • 小溪右边的路面

用ps钢笔工具描出路面的样子。随后再用描出 3 个样子,随意添充一个色调(由于一会儿要减掉高层,因此 这儿用什么样都能够),放置路面上边,另外选定路面和这 3 个样子,途经搜索器控制面板挑选“减掉高层”。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(29)

接下去再次绘图小溪右边路面的第 2 一部分。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(30)

  • 小溪左边的路面

应用ps钢笔工具描出样子,随后组成在一起,调节样子的前后左右部位,作出如下图所示实际效果。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(31)

  • 路面和山中间的间隙一部分

应用ps钢笔工具描出样子,随后组成在一起,调节样子的前后左右部位,作出如下图所示实际效果。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(32)

把小溪、全部路面、以前早已绘图好的全部地区组成在一起,调节图型前后左右部位,做到以下实际效果:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(33)

在河面上加上一层样子做为光与影,因为小溪由远到近是杜绝灯源的全过程,因而为该样子加上一个由远到近由亮发暗的渐变色。随后再再加上石块、倒映、流水等原素。留意,因为阳光照射,石块在小溪里是有倒映的,要还记得再加上。

接下去给小溪的河面加上关键点,次序先后以下:

  • 加一层河面

把这层河面用剪切蒙版限定在最底层的河面上,获得如下图所示实际效果。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(34)

  • 流水

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(35)

  • 石块

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(36)

加上好河面、流水和石块以后,界面以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(37)

如今加上地面上的花草树木、花草植物、房屋等装点原素。树是由一个椭圆形、一条横线和一条四分之一圆的曲线图构成的,组队。小屋子上边一部分的梯状,是应用自由变换专用工具下的透視歪曲专用工具完成的,下半一部分是矩形框,组队。

树只必须先搞好一棵,别的的 ctrl c, ctrl f 原点拷贝,挪动到不一样的部位上来就可以。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(38)

搞好以后实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(39)

  • 流程 06

一般山顶都是会有生长发育着的花草植物,不容易光溜溜的,因此 再给山顶加一些花草树木花草植物和线框的装点。用柔边画笔工具在左边山顶画多个线框,丰富多彩界面。

  • 右边山顶装点

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(40)

  • 左边山顶装点

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(41)

进行后实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(42)

流程07

绘图远方绵绵不绝的山峰、天空中的云及其太阳光。因为远方的山离大家较远,会出现渐隐的觉得。不一样近远的山的渐隐水平不一样,可以用不一样清晰度、色彩、色度、对比度,或者调节混合模式作出山的前后左右质感。用ps钢笔工具绘图出这种原素的样子。

绘图次序:

  • 远方绵绵不绝的山

被太阳光照射到的面是光面,因此 这儿加了一层光面做区别。也有峰顶的修容一部分不必忘记了加,放到前边的山的后边。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(43)

云彩上实下虚的实际效果,应用了从来不清晰度 100% 到不透明度 0% 的渐变色,灵便调节。云的转变不必有太显著的边界感,一定是渐隐的觉得。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(44)

  • 太阳光

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(45)

  • 两侧的草丛里

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(46)

再给两侧的山加草丛里做为装点,丰富多彩界面。

进行后实际效果以下:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(47)

因为自然光照射远方蓝紫色的山顶会出现反射面的光线,因此 大家然后给峡谷正中间再加一层光影效果。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(48)

放到大峡谷正中间,获得以下所显示实际效果

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(49)

  • 流程 08

把在 Ai 里搞好的图导出来,再放进 Ps 中制做峰顶、公路边坡表层、地面的树等地区的顆粒层次感,仿真模拟太阳光照射峰顶和地面后闪闪发亮的觉得。顆粒层次感是用Ps里的混合模式——融解,做出去的。应用融解方式时必须留意,目标务必具备透明色或是蒙版的地区,融解的水平在于蒙版或透明色的地区范畴。仅有涂层出現透明色清晰度,该方式才能够应用。

  • 应用ps钢笔工具在必须顆粒层次感的地区绘图样子,这儿绘图样子无需太精准,能够画的大一点,以后加图层蒙版,擦下去不用的地区就可以。
  • 调节样子涂层的不透明度,使其小于 100% 。不透明度越低,顆粒实际效果越稀少。
  • 创建图层蒙版,用灰黑色柔边画笔工具,将不用的地区擦去。

依照所述方式,在高山上、路面的树的表层、左下方路面,左边山与路面的间隙处,作出顆粒实际效果,进一步提高光影效果和层次感。

必须做顆粒实际效果的地区有(白框标明):

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(50)

做法:

用签字笔描出样子,颜色#48e3ac,涂层混合模式改成融解,不透明度27%,加上蒙版后用灰黑色画笔工具擦掉不必要的一部分

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(51)

这儿先用ps钢笔工具绘制这两个样子,添充颜色 372d3e ,随后涂层混合模式改成融解,不透明度改成 98% ,再加上图层蒙版,用灰黑色柔边画笔工具把不用的地区擦去。假如感觉凹凸感一层不足,能够多做多层,每一层的不透明度不一样,作出质感。我这里用的便是双层的方式。其他地区的凹凸感绘图方式全是一样的。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(52)

这些的绿色系凹凸感干了10层,每一个花纹纹路上都是有一层,总体也有3层。每一个花纹纹路上的顆粒颜色是4ddca6,不透明度从99%到67%中间灵便选择。总体的3层颜色均为489f8a,不透明度各自为97%,95%,30%。加上图层蒙版,把不用的地区擦去,使高山最上边的顆粒相对密度较大 ,正中间次之,最终最少。这儿的绿色系和深色系顆粒层次感的比照还有一个功效,便是使明暗交界线交界线的衔接更为当然。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(53)

红色箭头指的顆粒的颜色为 33323a ,不透明度从 83% 到 98% 不一,灵便选择。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(54)

ps钢笔工具随意绘图一块样子,颜色786e42,不透明度95%,混合模式:融解。建立图层蒙版,把不用的地区擦去。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(55)

到此,获得以下所显示实际效果:

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(56)

  • 流程 09

给太阳光加上光影效果。在太阳光管理中心处画一个 46px*46px 的环形,添充颜色 #fbe7c9 ,蒙版 26 清晰度,涂层不透明度 87% 。加上图层蒙版把和原太阳光重叠的地区擦去,只留有边沿一部分。

最后实际效果

到此全部实例教程就结束了,讨论一下最后设计效果图。

Ai+Ps教程!教你绘制扁平化山林场景噪点插画插图(57)

总结

当期实例教程到这儿就结束了,数据信息并不是肯定,依据本身状况实际操作。多试着,期待大伙儿在训练全过程中有思索、了解制做构思和操作步骤,以不变应万变。

制作古装人物彩色工笔画图片的PS教程

这次找了前段时间火热的宫廷剧《延禧攻略》里女主的素材。工笔画的效果选择中式主题的原图比较好,老早PS素材区发布过很多这样的PS动作,今天我们来用PS制作完成,推荐给朋友学习,希望大家可以喜欢。

作者: 791650988

为您推荐

联系我们

联系我们

在线咨询: QQ交谈

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部