美文网首页设计教室
自然清新!教你绘制纹理矢量风景画

自然清新!教你绘制纹理矢量风景画

作者: 飞屋睿 | 来源:发表于2015-03-12 13:46 被阅读393次

版权申明:请转载和引用本文时载明原文出处和作者,尊重原创,谢谢!

前言:

矢量画的运用范围非常广泛,不管是网页设计中作为装饰的个性化部件,或者是海报、广告等设计中都很常见。看惯了千篇一律的矢量画的精致和阴影高光巧妙的过渡,今天我们要学习的一种运用纹理叠加来创作矢量画的创作方式。

一、准备

1、纹理1

2、纹理2

3、纹理3

二、绘图

1、打底

你可以事先找好想要临摹的风景照片,或者脑海中已经有了合适的蓝本。打开AI,新建一个1200px*1000px的文档。运用矩形工具,画出一个和文档一样大小的矩形。这是一个“打底”的过程,也就是先给这个图上一层底色,或者叫背景。将这个矩形的描边关闭,填充线性渐变。渐变色从蓝色过渡到淡蓝。具体的色值可参考下图。

在左侧的工具栏中找到渐变工具,变动渐变工具的方向控制杆,如下图所示调整方向。

这是最普通的绘制蓝天的方式,也就是利用渐变色来表现天空蓝色的均匀过渡。

2、云朵的绘制

接下来让我们为天空增加云朵。你最好能用手绘板,画出的线条会比较流畅自然,当然,用鼠标也没有错。

首先利用左侧工具栏中的铅笔工具,双击铅笔工具的图标,会弹出铅笔工具选项面板,在面板中进行设置。大家可以参考我的设置。其中保真度的滑块会随着你的调整,在进行描绘时会有不同的保真和平滑偏向。由于手绘的特性,通常画出的线都不够平滑,因此软件在此基础上帮你追加了平滑度,但如果你的画所呈现的特点并不需要平滑,那么就尽量靠近保真。

保持白色填充,黑色描边,画上第一片云朵。进入外观面板,将画好的云朵的描边关掉,白色填充改为渐变色填充。渐变色从白色过渡到淡青色,并且将渐变角度改为-90度。

再画上其他的云朵,每片云朵尽量要手绘,不要用复制粘贴的办法。每画好一片云朵,相应调整一下渐变的角度。想象阳光是从云层上照射下来,因此不同位置的云朵就有不同的阴影和高光。让这些云朵覆盖差不多半个画布。

3、置入背景纹理

进入【文件>置入】,打开我们已经下载好的三个纹理中的纹理1,将纹理1等比拉伸至与画布等宽的大小后,再点击工具属性栏中的“置入”按钮。选中置入后的纹理。打开透明度面板,在面板中将图层混合模式改为“叠加”,透明度降至60%。

4、群山和峡谷的画法

云朵画好后,我们往下继续画。接下来要画的是连绵的群山。群山的画法尽量采用抽象的方式,也就不再深入到细节,只是画一个大致的轮廓,遵循基本的透视原则,消失点置于靠右边的位置。色值设置为#6D5E25。

画上山底下面的一片峡谷,峡谷的颜色较远处的山的颜色浅,我在此设置的设置为#8A7A3F。这个图形要放在上一步所画图形的上方。

峡谷的边缘是更深的颜色,视图表现出峡谷的高度。我的色值设定为#4C3B21。这个图形需要放在峡谷的下方。

让我再为峡谷边缘增加更深的阴影,这些阴影的色块分布于峡谷的上方而又处于峡谷表面的下方。

这时在群山和峡谷这组图形的最后一步画上地面的颜色。置于最下方。

将这一步画好的所有图形(群山+峡谷+地面)全部选中,复制(Ctrl+C)再粘贴到前方(Ctrl+F)。在选中复制层的同时,使用快捷组合键Ctrl+Shift+F9打开路径查找器,在路径查找器里点选“联集”,也就是形状模式左边起第一个图标。

按照我们之前所讲的置入纹理的方式,再次置入纹理3。纹理图案缩放大小与群山和峡谷的图形大小大致等同。然后将上一层的复制图形移动到表面,同时选中纹理和复制图形,进入【对象>剪切蒙版>建立】,这时,再改变这个剪切蒙版的图层混合模式,改为叠加。效果如下图所示。

一面在操作,一面试图去理解什么是剪切蒙版。顾名思义,也就是上面的图形作为蒙版与下方图形相结合而成的新图形,新图形继承了上方图形的外形,也同时拥有下方图形的属性特点(例如颜色、纹理等),可以说它是一个继承式的图形。在进行纹理图案创作时会经常用到。在我们绘制图形的时候,只要取我们想要的图案的形状,然后对纹理进行叠加,就能将任何我们所展示的图画都呈现出纹理的特点。

5、河流的画法

你可以新建一个图层,在峡谷中间画上一条河流。河流采用了三种不同的蓝色,丰富了视觉的深度。

再采用与之前叠加群山和峡谷部分的纹理一样的步骤,复制河流的图形,置入纹理2,再将复制层贴于上方,与纹理一起创建一个剪切蒙版。改变剪切蒙版为叠加混合模式。

6、绿植的画法

这里的绿植我们采用抽象的圆来表示,绘制方法与前面所讲略同。唯一不同的地方在于,当我们画好并复制这几个独立的圆形时,要将复制后的圆形变为复合路径,这时要进入【对象>复合路径>建立】,然后再进一步置入纹理。这里,只有几个封闭的圆形必须要以复合路径的方式与纹理形成剪切蒙版。再将复合蒙版改为叠加混合模式,将透明度降至50%。绘制的效果如下。

三、给图加上边框

现在我们已经完成了整个图形和纹理,看上去还不错?那就为这个图加一个边框吧。在这里,我选用圆角矩形来为图片加边框。

首先我们在图层面板中,将自己所画的图层合并为一个图层。再运用圆角矩形工具画上自己喜欢的形状。圆角矩形可以关闭描边和填充。在图层面板里选中上面合并后的图层,单击鼠标右键,选择“建立剪切蒙版”。对了,我们又用到剪切蒙版的原理了,还记得吗?最终输出的效果如下。

整个风景矢量图就画好了,别说我没提醒你,在我的微盘里可以下载EPS源文档哦。

四、后记

掌握了绘制方法,你就可以利用网络中数以千记的素材进行创作了。你可以运用其他纹理,也可以画人物像,都没有关系。我的收藏夹里有还有大量提供免费纹理下载。


EPS源文档下载点击这里

本文出自我的同名博文:自然清新!教你绘制纹理矢量风景画,欢迎进入我的个人网站

相关文章

  • 自然清新!教你绘制纹理矢量风景画

    版权申明:请转载和引用本文时载明原文出处和作者,尊重原创,谢谢! 前言: 矢量画的运用范围非常广泛,不管是网页设计...

  • (3)绘制纹理

    绘制纹理,

  • OpenGL ES 分屏滤镜

    想要绘制滤镜首先我们需要清楚如何绘制纹理,如果不了解的可以参考 OpenGL ES 纹理绘制。这篇文章中绘制的图片...

  • Egret矢量绘图与遮罩

    绘制矢量图形 Egret中封装了Graphics类实现矢量绘图功能,可以绘制矩形、圆形、直线、曲线、弧线等。Gra...

  • CDR绘制标准心形的三种方法

    CorelDRAW简称CDR,是一款功能强大的矢量图形制作与排版软件,对于矢量图形的绘制自然不在话下。本文小编分享...

  • sketch新手入门(中文版)-4 矢量编辑

    一.绘制一个新图形 要使用矢量工具绘制新的形状层,请从工具栏中选择“插入>矢量”(Insert>Vector)(或...

  • HTML5

    #SVG矢量图绘制 SVG标签用于绘制矢量图。 与HTML标签相比:它们都是XML标签的衍生产物,属于平级的兄弟关...

  • android-opengles3.0开发【5】绘制纹理

    简介 本文在上一篇文章的基础上完成纹理的绘制。 绘制纹理流程也不复杂: 一张作为纹理的图片 编写相应的着色器 准备...

  • 2020-04-21

    今日目标 flex 中的纹理绘制 flex 中的体纹理绘制(无数据,暂时搁置) 运动 2 组(未完成,忘了晚上加班...

  • 哥特风格《爱丽丝梦游仙境2:镜中奇遇记》插画作品

    继去年《美国恐怖故事4/畸形秀》全矢量角色绘制后,今年选材于《爱丽丝梦游仙境2:镜中奇遇记》,全矢量绘制,重新诠释...

网友评论

    本文标题:自然清新!教你绘制纹理矢量风景画

    本文链接:https://www.haomeiwen.com/subject/qarbxttx.html