当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI制作复古手绘文字教程

2019/1/16 12:19:28 人评论

手绘字体风格将成为一大平面设计趋势。这些手绘字体看起来像是通过复杂的传统雕版创作出来的,但其实只要在Illustrator软件中只要运用几种简单的工具就能创作出来。先看看效果图我们将创建一个“HAPPY NEW YEAR ”的英语短语字体设计,相信聪明机智的你可以很快上手。本次设计制 ...

手绘字体风格将成为一大平面设计趋势。这些手绘字体看起来像是通过复杂的传统雕版创作出来的,但其实只要在Illustrator软件中只要运用几种简单的工具就能创作出来。

先看看效果图

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

我们将创建一个“HAPPY NEW YEAR ”的英语短语字体设计,相信聪明机智的你可以很快上手。

本次设计制作过程除了在Illustrator 中进行,还需要一张拥有纸张纹理的底纹素材,这张素材会成为你整个设计作品的点睛之笔。素材可以到大图网找合适的下载:http://www.daimg.com/

1. 如何创建字体设计中所需要的辅助线和调色板

步骤1:打开 Illustrator,将文档设置为你所需要的大小,如果有特定用途的(例如贺卡,海报或社交图片)图像最好在设置中进行尺寸编辑。 在这里,我将画布的宽度和高度设置为相同11英寸(单边长为1080px),这样我们就获得一个正方形画布。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

单击 确定,创建所需要的画布。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤2:在标尺可见的情况下(如果没有,快捷键 command+R 显示标尺),从画布顶端拖动标尺向下 移动,创建出两条辅助线。你可以通过这两条辅助线来标记所要创作的第一行文字的顶部和底部(基线)。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

选中两条辅助线,复制 并 粘贴,将辅助线副本拖动至原辅助线下方,为所要创作文本的第二行制作辅助线,重复此方式创建第三行的辅助线。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤3:打开“ 色板”面板(“窗口”>“色板”),然后从面板的下拉菜单中选择“ 新建色板 ” 。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

这时你可以创建此次创作所需的第一个色板。(请注意,如果你打算将此次的设计应用于制作印刷品,请从“ 新色板 ”窗口的“ 颜色模式 ”菜单中选择“ CMYK ”色彩模式 。如果你只是打算在电脑上使用它,请选择“ 颜色模式 ”的“ RGB ” 色彩模式,本文中的色彩以RGB色彩模式为标准。)


_ueditor_page_break_tag_

首先将第一个颜色命名为黄色, R = 245 G = 192 B = 34。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤4:像之前创建色板的方式一样,创建更多会使用到的颜色,数值如下:

· 淡粉色 - R = 230 G = 167 B = 149

· 粉色 - R = 233 G = 114 B = 159

· 番茄红 - R = 230 G = 64 B = 41

· 薄荷绿 - R = 142 G = 204 B = 185

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

你会发现,所有新建的色板都将被添加到“ 色板”面板的列表中以方便我们在设创作时使用这些颜色。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

2.如何绘制手绘字体

步骤1:现在正式开始我们的创作之旅!在这过程中,我们将使用一些 Illustrator 中的基础绘画工具,这些工具都位于工具栏左侧的“ 工具”面板中。

我开始绘制“ HAPPY NEW YEAR ”这个短语。首先我们需要创建字母中出现的基本笔画元素,例如“HAPPY”中 “H”的笔画,这里我们使用钢笔工具(P),在之前画好的辅助线中创建一个矩形轮廓。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

为了让绘制出的文字更有手绘质感,可以创作一些并不规律的图形,不完全对称的效果看起来会更自然。使用直接选择工具(A)选中绘制的矩形轮廓中单独的锚点,进行位置修改,直到对形状的外观感到满意。

步骤2:将刚绘制的不规则矩形填充成已设置好的粉色。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

使用钢笔工具(P)创建“H”的另一个笔画,并填充为淡粉色。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤3:使用线段工具(\)绘制“H”的最后一个笔画。将轮廓设置为黑色,然后在“ 描边”面板来修改线段的“ 重量pt”,使线条变粗。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网


_ueditor_page_break_tag_

重复复制粘贴线段,并修改“重量pt”。使“H”变得更有手绘质感。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤4:接下来我们绘制字母是“A”。(在绘制的过程中尽量以简单的图形来表示字母)。 “A”在这里可以呈现为简单的三角形,使用钢笔工具创建字母的基本形状,绘制一个三角形并填充为薄荷绿。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

复制粘贴三角形并进行等比缩放,将其叠加在原三角形的上一层。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤5:使用铅笔工具(N)绘制波点元素进行装饰。在画布的空白区域使用“ 铅笔工具”绘制出几个粗糙的小圆形,不要担心自己绘制的圆不够完美,因为手绘字体的美感正是存在于这些不完美的元素中。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

给圆形一个固定的填充色,然后反复复制粘贴,形成一组手绘波点图案。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

全选并群组刚才的手绘波点图案,放置在“A”图形的上方。

步骤6:移动手绘波点图案来覆盖“A”字母,并将它们填充为白色。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

单击右键>排列,把字母上的元素向前一或向后移动一层。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网


_ueditor_page_break_tag_

步骤7:继续在第一行辅助线上进行创作。使用钢笔工具绘制“P”字母的竖笔划 。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

使用铅笔工具(N)来创建字母“P”的圆圈,然后使用“ 平滑工具”对圆圈进行处理。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

添加刚才绘制的手绘波点图案,字母“P”就完成了。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤8:复制创作好的字母“P”。并填充新的颜色

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

使用“ 线段工具”(\)在圆形图案上一层绘制一些长条并填充颜色。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤9:使用钢笔工具为单词 “Y”创建一个圣杯形状。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

并在顶部添加一些手绘波点来进行装饰。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网


_ueditor_page_break_tag_

步骤10:接下来是下一个单词“NEW”,这时我们需要使用第二行的辅助线了。使用钢笔工具绘制字母“N”的两个笔划,并填充为番茄红。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

一个粉红色的笔划加手绘波点增加了画面的对比和一复古气质。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤11:使用钢笔工具绘制出纯色色块来组成字母“E”。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

使用钢笔工具再次创建一个三角形的图形组合,看起来像“W”形状。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

使用线段工具(\)将线段装饰添加到“W”右侧。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

步骤12:根据前两个词组的字母,已经有足够的元素可以重复使用,大家可以自由创作最后一个单词“YEAR”。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

当你绘制完成所有的字母时,你可以试着调解短于中的字间距和行间距,来保持画面的整洁和美观。

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

如果对以上的词组设计感到满意,我们就可以开始为画面添加一些纹理。将之前准备好的纸纹素材导入画面进行叠加就完成了此次创作~~~

Illustrator绘制复古风格的手绘艺术字教程,PS教程,思缘教程网

utobao编注:更多AI教程学习进入优图宝AI实例教程栏目: http://www.utobao.com/news/61.html

相关资讯

  • 自控AI渐变网格节点画黑金弯钩

    网上很多教程都介绍说,“在使用Illustrator渐变网格建立一个不规则的形状网格时,最好先用基本图形建立,然后再用白箭头拉成想要的形状……”但个人感觉这似乎是个非常被动的做法,特别对我这种点半天都点不中 ...

    2019/1/16 14:25:26
  • AI绘Q版超人:身体造型

    当时正好给我的学生讲到了Illustrator的渐变网格,《超人总动员》正在热映,所以随手就拿来当例子了。现在想想幸亏当时热映的不是《冰河世纪》!当然案例是分三次做完的,大概用两天时间,最难画的地方是超人的 ...

    2019/1/16 14:25:25