AI绘制英文像素字体

2020-07-05 ai教程

今天要为你分享的是如何用AI制作英文像素的字体效果,学会这种效果,你可以制作各种创意的英文素材,制作方法超级简单,只需要构造字体然后进行着色就可以了,快快看下去吧!

1.创建Illustrator文件

步骤1将文件颜色模式设置为RGB。由于我们将创建具有固定宽度和像素形式的等宽字体,因此我们将在7x7块格式的50像素网格内工作。创建新文档 (Ctrl-N),然后在“ 新建文档” 对话框中,为“ 移动”,“ Web”,“ 电影和视频”或“ 艺术和插图”文件选择默认为RGB配置文件的文件。将文件命名为“ MonoPixel”,并将尺寸和 设置设置 为:

画板数:26(用于英文字母的AZ字母)

宽度:350像素

高度:350像素

单位: 像素

在“ 高级” 选项卡的“ 更多设置”对话框中,键入以下设置:

间距:50像素

专栏:26

色彩模式:RGB

栅格效果: 高(72 ppi)

预览模式: 默认

yiwan

步骤2接下来,让我们布置网格。转到Illustrator>首选项>指南和网格,然后将网格线设置为:50 px,然后单击确定。

yiwan

步骤3打开标尺:查看>标尺>显示标尺 (Ctrl-R)。启用“ 对齐网格”以将我们的形状对齐到网格:“ 视图”>“对齐网格”。为了使网格与画板对齐,请单击该正方形并将其拖到画板的左上角,以将网格设置为从第一个画板的左上角开始。您将看到“ 0”值移动。

yiwan

步骤4打开“ 图层”面板(“ 窗口”>“描边”)。我们的下一步是通过设置Fontself认可的指南来定义我们的字体指标(“ 解剖类型”)。每行字符应添加四个主要的标尺指南。您只需要设置一次。让我们将 标尺指南 放到画布上。要放置水平导轨,位置在顶部并拖动标尺下指针在画布上做一个标尺 水平引导。添加四个水平参考线。在“ 图层”面板中标记每个准则(双击要重命名的图层):

升序(升序或升序)

CapHeight(CAPHEIGHT或capheight)

基线(BASELINE或基线)

后降(DESCENDER或后降)

yiwan

步骤5现在,我们需要添加另外两行画板:一行用于数字 0-9的字形,另一行用于15个标点符号。转到文件>文档设置>编辑画板。选择前十个画板,按住Shift和Alt键,然后向下拖动以复制画板。接下来,抓住15个顶部的画板,按住Shift和Alt键,然后将其拖到“ 数字”行下。

yiwan

步骤6当您复制画板时,您会注意到“ 标尺指南”不会复制。选择四个水平 标尺参考线,然后按住Shift和Alt 键并将其向下拖动到“ 数字” 行。重复此过程,将标尺指南复制 到标点行。

yiwan

步骤7在设置的最后一部分,我们需要组织图层。在“ 层” 面板中,双击并将“ 第1层”重命名 为“ 准则 ”。锁定 “ 准则”层,然后点击“ 创建新层” 图标+。按以下顺序创建三层:字母,数字和标点。现在,我们的“ 图层”面板已经组织好了,我们可以开始构建字体了!

yiwan

2.构造等距像素字体

步骤1在7x7画板中,我们将在5x5的块宽内构建字母。首先,我们将逐个正方形地绘制每个字母,然后为每个正方形赋予颜色Fill,以创建我们的颜色字体。确保您在' 字母 '图层上,并转到第一个画板,因此我们可以开始绘制第一个字形'A'。抓住 矩形工具 (M),然后应用黑色和去掉描边。由于启用了“ 对齐网格 ”,因此我们可以轻松绘制正方形块以形成“ A”形。创建您的“ A”风格。

yiwan

步骤2继续,继续使用 矩形工具 (M)(应用黑色和去掉描边。)在每个单独的画板上创建绘制字形B到Z。请记住,所有字形均为大写。这是等宽字体的无衬线字体,应遵循五个块宽度尺寸。角色设计本身取决于您。确保放大后的字母简单易读。(需要耐心的时候到啦!)

yiwan

步骤3接下来,我们需要对每个字形的形状进行分组 -这将帮助Fontself Maker 将每个字符变成一个字形,而不是两个。抓住选择工具(V),然后拖动以选择每个字形的相应正方形形状,然后进行 分组(Ctrl-G)。将26个字形中的每一个分组。然后,在“ 图层” 面板中,我们需要为每个字形组指定其快捷键名称。“ A”代表A,“ B”代表B,依此类推。为了命名子层, 通过单击左侧的> 展开 ' Alphabet '层。双击相应的图层进行重命名。然后按字母顺序拖动图层,以将其从AZ保存到易于导航的层次结构中,如下所示。

yiwan

步骤4继续,让我们创建数字字形。折叠 “ 字母”层,将其锁定,然后移至“ 数字 ”层。从“ 工具”菜单中抓住“ 矩形工具” (M),然后应用黑色的“ 填充” 和“零位”笔划。绘制数字字形0-9(从画板到画板),与我们对字母字形所做的相同。提示:在创建零时,请确保从中心穿过零,以将其与“ O”区分开。

yiwan

步骤5接下来,我们需要对每个字形的形状进行分组,就像处理字母字形一样。抓住 选择工具 (V)以选择每个字形的形状,然后分组 (Ctrl-G)。之后,您可以 展开 “ 数字” 层,依次标记每个字形和层。

yiwan

步骤6接下来,我们将在无衬线无衬线字体集合中包含短字形,例如逗号,破折号和点号。最常用的是:@?&#!,。-x + =()/'创建标点符号字形时,您会注意到您无法创建宽度与字母和数字相同的字形。例如,以下标记。!'无法保持相同的宽度或高度,因此无论适用于何处,都应尽可能与CapHeight或Baseline对齐 。在“ 层”面板中,锁定 “ 数字 ”层,然后转到“ 标点符号 ”层。使用我们在步骤1和5中使用的相同创建方法和过程,创建标点符号。

yiwan

步骤7完成后,选择每个字形的形状和组 (Ctrl-G)。之后,您可以 展开 “ 标点符号” 层并命名每个字形。

yiwan

3.给字形着色

步骤1为了本教程的缘故,我决定创建彩色的等距字体样式,而不是常规的黑色。一旦设计了字母,数字和标点符号,就可以继续为单色像素字体着色。在Coolor 或 Adobe Color上查找调色板 。我们的大脑会接受某些颜色公式,因此请选择一个有吸引力的调色板并将其上载到“ 色板”面板(“ 窗口”>“色板”)。作为一种有趣的方法,我决定使用七种彩虹蜡笔颜色:#ff6a4d#fcd363#65e0b3#66b1ed#925afb#ff83b6#d74983

yiwan

步骤2让我们开始着色!解锁 “ 字母 ”和“ 数字 ”层。我们将用字形为字形着色。 查看 > 隐藏网格,以获得更好的视觉效果。从“ 色板”面板中选择我们的色板组。使用选择工具(V)选择“ A ”字形。从“ 色板”面板中选择“ Live Paint Bucket工具”(K)和我们的柔和色色板,然后将不同的颜色应用于正方形块。

yiwan

步骤3在“ 层”面板中,单击“ 指南 ”层左侧的眼睛图标,以关闭可见性。继续使用相同的着色方法对剩余的50个字形进行着色。可能需要一些时间才能完成,因此请耐心完成。

yiwan

至此就完成啦!

yiwan

展开
相关推荐
AI有哪些绘制图标的技巧

AI有哪些绘制图标的技巧

ai教程 2020-06-09
AI绘制彩虹字体

AI绘制彩虹字体

ai教程 2020-06-09
ai制作办公桌背景图片

ai制作办公桌背景图片

ai教程 2020-06-09
AI制作3D小球

AI制作3D小球

ai教程 2020-06-02
AI制作小猫插画

AI制作小猫插画

ai教程 2020-06-02
AI制作吸管字体效果

AI制作吸管字体效果

ai教程 2020-06-02
AI制作漫画字体

AI制作漫画字体

ai教程 2020-06-02
AI设计清新艺术字

AI设计清新艺术字

ai教程 2020-06-02
AI绘制耳机效果方法

AI绘制耳机效果方法

ai教程 2020-06-01
ai绘制兔子头像图片

ai绘制兔子头像图片

ai教程 2020-06-01
AI画笔工具如何自定义

AI画笔工具如何自定义

ai教程 2020-05-30
如何用AI制作金刚狼头像

如何用AI制作金刚狼头像

ai教程 2020-05-30
怎么用AI制作人字形交叉图案

怎么用AI制作人字形交叉图案

ai教程 2020-06-01
如何用AI绘制地图

如何用AI绘制地图

ai教程 2020-05-30
AI钢笔工具怎么使用

AI钢笔工具怎么使用

ai教程 2020-05-30