Illustrator创建粗略风格的矢量图形

2016-02-16 19:57 14 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Illustrator创建粗略风格的矢量图形,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Illustrator 】

扫描和描摹

真实的手绘并扫描插图是获得粗略风格作品的最简易方法。对于这项技巧来说 ,AI 的实时描摹和实时上色功能很棒。

步骤1 – 手绘

我通常是用铅笔绘图,完成以后再用墨水为插图上色。为插图上色能产生插图间的对比。因而更容易得到好的描摹效果。

步骤2 – 扫描

以 300 dpi 扫描图像。当描摹插图的时候,300 dpi 的画质有助于得到完美的手绘细节。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

步骤3 – 在 PS 里调整色阶

在 PS 或其它编辑软件里调整色阶,这样插图便可有高对比度。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

第四步 – 置入到 AI 里

使用 文件-置入 ,把扫描图置入到 AI 文件里。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

步骤5 – 实时描摹

选中扫描图,控制面板会默认弹出实时描摹选项。点击实时描摹按钮旁边的箭头并选择描摹选项。也可以使用 对象-实时描摹-描摹选项 。以下是我通常描摹图像时选用的参数。

模式:黑白

路径拟合:1px

最小区域:1px

Corner Angle: 1

拐角角度:1

忽略白色:勾选

从我以前的教程中,你可能还认得这些设置。即使用过这些设置许多次,我通常还是改动改动,看看能否获得不同的线条效果。在描摹图像以后,使用控制面板里的扩展按钮扩展对象。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

步骤6 – 实时上色选项

现在是为素描图填充颜色的关键时刻了。方法之一是使用 AI CS 3 中的实时上色功能。选中扩展后的插图,使用 对象-实时上色-建立 ,会发现对象边界框发生了轻微的变化,边界框的锚点里有小精灵点。从工具箱中选择实时上色工具 (K)为对象填充颜色。用实时上色工具在插图上移动时会发现插图上的一些区域被高光显示了。如果点击,该区域即被填色。使用方向键可以循环变换色板中的颜色样本。

有时候实时颜色会溢出到插图外面去,这取决于插图的状况,可以通过改变实时上色间隙选项修复。使用 对象-实时上色-间隙选项 ,在弹出的间隙对话框中把间隙检测改大或改小,视插图而定。

做完上色的工作以后,使用 对象-实时上色-扩展,把插图转为正常编辑模式。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

步骤7 – 自由手绘上色

实时上色功能用起来很棒,但也许你手头没有 CS 3 或者你就想搞点新花样。通常可以使用铅笔工具(N),然后在插图外层画个形状,创建出不同的手绘感。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

结果

以下是使用这些技巧绘制出的最终作品。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

画笔库

也可以使用 AI 的画笔库添加手绘风格。有大量的画笔可创建出这种效果。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

点击画笔面板左下方,弹出菜单打开 AI 的画笔库。菜单打开后,看一下艺术画笔。只要选中须应用的对象然后选中一种画笔即可。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

创建自定义画笔

倘若不喜欢 AI 提供的画笔,亦可从扫描过的画笔笔划中自建。

步骤1 – 制作印记

首先要在纸上制作一些印记。尽量使用颜料画笔、墨水、蜡笔、记号笔、海绵、手写体、印章、或者其它你觉得有趣的标记。

步骤2 – 扫描,调整,描摹

按照上文讲过的步骤做。

步骤3 – 创建画笔

描摹完扫描图以后,把它拖到画笔面板中去。在艺术画笔选项中选择新艺术画笔选项,把方式改为色彩,即可应用画笔到任何对象中。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

其它可行的创建方法

如果没有扫描仪,又不想用 PS 处理,可以只在 AI 中用铅笔工具创建画笔。首先,在工具箱的铅笔工具(N)中双击弹出铅笔工具选项。把保真度改为0.5获得砂石般的边缘。绘制一个画笔形状,以黑色填充,然后再使用先前讲过的步骤创建艺术画笔。

Illustrator创建粗略风格的矢量图形,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573117.html

延伸阅读
标签: Illustrator
图标设计要求熟练运用软件,涉猎各种矢量特性、蒙板以及构造实体几何,因此,会需要同学们运用不同的软件工具与技巧,今天的译文全都是超实用的技巧干货,来补充点有料的。 图形创建 vs 图形样式 我认为,对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的,因为它们需要通过两种截然不同的设计软件来实现——Photoshop 和 Ill...
最终图像预览,下面是最终的设计样品,也是我们要努力达到的效果。 第四步 复制左半部分,然后图层置顶。设置较小的渐变度和multiply模式的100%透明度。 第五步 用钢笔工具勾画曲边形状,用Pathfinder工具切出图形。 第六步 在下层制作深色渐变,使之看起来象是一块阴影。 第七步 画一个半圆,色彩淡一些。将它置于曲线下...
先看一下最终效果: (3) 单击工具栏上的文字工具,在工作区域键入SIBADA或任意你想键入字母,在字符面板将字体设为Mesquite Std Medium字体大小设为200左右。 (4) 右键点击字母,在弹出的快捷菜单里点选创建轮廓。 (5) 再次右键点击字母,在弹出的快捷菜单里点选取消编组。 (6) 利用工具栏里的选择工具框选除S以外的其余字...
标签: Web开发
库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。 这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。 Raphael的语法也很简单,基本上了解SV...

经验教程

865

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部