一、矩形造字

上节课,我们看到矩形造字,这里再给大家欣赏几个案例。



只有判断准确当前文字的字形风格,才能知道这种风格适不适合当前这个案例。

上面示范的字体,都很灵活、自由,由几个矩形组成。

只是这几个矩形并不是等距离的,是一边大一边小,有些反差。

这种文字还是很常见的。

案例实操

那么该如何设计呢?我们来演示一下。

比如,我们现在要将“铁板烧”改为“干哈呀”这种风格的字体。

(1)分析

先来分析一下”干哈呀“的字形结构。

<1>用【文字工具】,写上"干啥呀",字体一般使用微软雅黑

<2>用矩形工具描绘

先来观察一下,“干”的两个横线一个大一个小;

“哈”的上边是直接用矩形进行了衔接,“口”字在上方都有断开;

“呀”也是同样,变成了上边宽、下边窄的矩形。

(2)实操

<1>用【文字工具】,在空白处敲上铁板烧,字体为“微软雅黑”。

<2>调整字体

Alt

稍微降低一下它的不透明度。

这样,我们大致的骨骼线就做好了。

骨骼线:大致构成文字的骨骼。

<3>用钢笔工具描摹

用矩形工具也是可以的,不过【钢笔工具】更加便捷。

这里用钢笔工具演示。

第一个字“铁”。
显示不完全,点击这里跳转观看。

第二个字“板”。
显示不完全,点击这里跳转观看。

第三个字“烧”。
显示不完全,点击这里跳转观看。

<4>适当加强一下每个文字笔画之间的对比

比如,这两个效果:

明显左边的对比度要比右边强。

右边显得过于普通。

我们可以把刚才对比不强烈的地方加强一下。

比如,铁:

<5>调整每个字的大小比例

我们刚才做出来的图形,过于单一、死板。

这是等大骨骼线为基础,做出来的,所以字体一样大。

像“铁板烧”这样风格的字体,应该是一个很灵动的效果。

所以,我们可以调整一下它们之间的大小比例。(记得先将骨骼线移走)

比如这样:

再随便写一些拼音:

<6>加一些图案,利用图文结合的手法

这里随手画了一个。

<7>加一些标志

比如,最常见的这种:

放在图案右边即可。

这种字体,适合做快餐类、有特色的产品Logo。

<8>补充

①我们将刚才的“铁板烧”全部选中,合并一下。

②执行“效果–>风格化–>圆角”

③根据自己的字体情况,调整到一个合适的度数

将衔接的部分转化为圆角。

比较适合做一些比较中式,但又不是非常传统,一个现代中式又很有民族特色的品牌。

调整的时候,数值不要太大。

如果发现,某些地方不太合适,圆角弧度不是很大。

可以用锚点工具(小白工具)去调整一下。

二、钢笔造字

案例实操

(1)分析

“东街胡里”这几个字。

给人一种,很精致、很安静、很中式的感觉。

使用上面“铁板烧”的技法并不合适。

在给字体做设计的时候,不能够随便下手。

应该先分析一下,文字本身,是活泼的?还是中式、复古的?

分析完,直接上花瓣网,搜索“字体设计”,看看哪些文字,比较贴合当前所需要的方向。

我在这里找到两个,比较贴合的案例。

这两个形式,都比较中式。

不过,相比较而言。右边的比左边更美。

(2)实操

该如何操作?

和上面的案例一样,我们先将字体敲出来,字体“微软雅黑”(这种字体没有任何特点,中规中矩,容易看出笔画结构)。

实操一

先来参照第一个。

1)分析文字如何变动的

同样将“礼承雅韵”用微软雅黑字体敲出来。用于观察文字前后的变化。

来看一下“礼承雅韵”。

分析一下每个笔画之间的变动。

这里大致找了几个笔画变动较大的。

2)方块造字

分析完上边“礼承雅韵”每一个笔画的变动之后,再来看“东街胡里”。

这里如何处理呢?可以和上面案例“铁板烧”一样,降低透明度,直接在字体上面操作。

也可以这样。

我们借助方块来造字。

<1>先用【矩形工具】画一个方块(灰色),不一定要正方形,多大面积自己定。

有时候正方形显得过于呆板了,而长方形显得文字更加飘逸。

<2>多复制几个方块

之前教过大家如何快捷复制多个。

这里再演示一遍。

①用【选择工具】(又叫小黑工具)将刚才画的矩形选中。

Alt
Ctrld
CtrlD

<3>将矩形的颜色浅一点,这里只起到边框作用。

整体用【选择工具】选中,然后双击这个图框,选一个浅点的颜色,点“确定”即可。

Ctrl2

锁定之后方便操作。

不用快捷键,可以在菜单栏寻找锁定:

对象–>锁定–>所选对象

CtrlAlt2

<5>将要变的字体(东街胡里)和意向参照图(礼承雅韵)摆在两边作为参照。

<6>用【钢笔工具】开始临摹。

从“东”开始。

①先画一横,用【钢笔工具】画一横线就好,注意转化为描边,稍微粗一点。

②中间是一个框,可以用【矩形工具】画一个长方形描边。

③剩下的笔画和上面雷同,就是用【钢笔工具】来画啦。

先将大致的框架画出来再说。

④两撇怎么处理?我们可以参照左边的变化。

继续用【钢笔工具】来画。

可以让角度变小一点。

右边的可以先将它复制,然后对称过去。

上边教过大家如何复制了,复制完鼠标右键“变换–>对称”。

然后选择“垂直”,确定就好。

稍微调整一下复制完的位置。

⑤做完整体感觉,头重脚轻。

上边笔画比较复杂,下边比较简单。而且上边的面积较大。

这里中规中矩反而不太好看,需要做一些调整。

先不要着急哈,把整体框架搭出来,咱们统一做调整。

然后是第二个字“街”。

①先是左边

用【钢笔工具】画一个直线,向下复制。

然后再画一个竖线。

但是我们发现,这样更有设计感。

就用这个来代替啦。

②然后是中间的。

两个“土”。

③最后是右边的。

先画两横。

然后是一个钩,可以借鉴一下“韵”。

将底部对齐。

目前这样看也不是很好看,显得头重脚轻。

没事,咱们待会再调整。

一定不要单独调整,你会发现第一个字做的好看,第二字如果风格不统一,回头还要再改。

然后是第三个字“胡”。

①左边是一个“古”。

先画一个横线,然后竖线,再加一个“口”。

注意,我们在这将字体拉长了,为了表现那种中式风格。

②右边是一个“月”。

“月”第一笔是一个弯曲,同样,用刚才的笔画代替。

然后的笔画就很简单了。

我们还可以对它做一点调整。

用【钢笔工具】在这里添加一个锚点(在路径上点一下即可)。

然后用【直接选择工具】点一下这个锚点。

向上拖拽。

稍微调整一下即可。

最后是“里”。

这个很简单啦。

这里就不做过多赘述了。

<7>调整

将刚才的整体复制一个出来做调整。

CtrlAlt2

①背景方块调整

看一下“里”,下边的空间太大了。

怎么办呢?

Shift

把底部往上抬一抬。

再看一下“东”,头部比较宽,我们还可以压窄一点。

然后将背景方块锁定。

②进一步调整

将字体都调整进灰色底框中。

当发现文字头重脚轻,应该要学会调整。

将高度收缩,宽度变窄即可。

“东”:

可以将下边的两个拐往两边挪一点。

原理是什么呢?看下边两个图,明显右边的更加平和、舒适。

如果还是觉得头比较重,可以将它们往里边再收缩一点。

有的人就要问了,为啥可以收缩进去呀?

那个灰色边框的目的不就是为了让边缘统一贴合的吗?

再来看两个对比图,明显右边头部显得更加轻盈。

当你发现,某一个偏旁部首比较重的时候,可以稍微减弱两边的距离,即可减缓头部较重的问题。

最后将边边角角的地方与方块贴合一下。

“街”:

字体设计中,有两个常用的技巧:断肢和连笔。

顾名思义,断肢就是将一个笔画断开,一分为二;连笔就是将断开的部分合并,二分为一。

如何断肢与连笔,是有技巧的,后边会说,不用着急。

我们可以发现,这两个地方的间隙太小了,要么不留,要么就大一点。

明显,这个位置不能留大一点。

那么就连笔。

相同的,这个地方,也可以做一下衔接。

再稍微做些边缘调整即可。

“胡”:

这两横可以和“街”对齐一下。

“古”的那一横可以不和“街”对齐,我们追求整体统一,局部稍做调整,达到最美观的视觉体验。

最后将边缘修整一下就好。

“里”:

脖子太长了。

把横线往下挪一挪,但不要幅度太大,也不是很好看。

看着稍微调整就好。

但是“里”这个字太简单了,还是觉得不是很舒适。

我们这里可以将底部也变成小斜角(做法很简单,将底部往上挪,然后用钢笔工具画一个斜拐)。

还可以再做一个设计感的调整。

先用【钢笔工具】在左边路径上点一个锚点。

Delete

然后将下方衔接上(用钢笔工具画一下)。

这里用了三个手法,总结一下:

1、将头部高度拉长

2、底部做倾斜

3、上边做断肢

最后将边缘调整一下就好了。

<8>优化

将整体文字复制一组,移到一边。

CtrlG

稍微增加文字之间的间距。

我们再将它们复制一组,挪到一边。(反复复制的目的也是怕出错,这样还有原本的字体可以重新修改)

一起选中,将线转化为面,具体操作如下。

第一步,“对象”–>“路径”–>“轮廓化描边”。

第二步,合并。

由于描边太琐碎,所以在执行圆角操作之前,先要把文字都给合并一下。

然后再执行“效果”–>“风格化”–>“圆角”。

执行圆角的操作之前,必须保证当前是面,而不是边。

边的话是执行不了这个效果的!!!

圆角大小自己估算,选择一个合适的即可。

“圆角”效果,可以让文字整体变得非常优雅。

在使用前,需要注意,文字一定是合并状态,并且是面不是线。

实操二

我们再来看第二个方案。

1)分析文字如何变动的

同样道理,将“子昂故里”敲出来,字体使用微软雅黑。

然后前后比较一下,看看哪些地方做了改动。

明显的看到,这个字体使用的是衬线体,类似于宋体那种,笔画边缘有角。

①横线基本是这种结构:

如何制作这种线条,看下图:
如果显示不出来,就点击这里跳转观看。

②竖线基本是这种结构:

同样给大家演示一下,这个线条如何绘制:
显示不完整,大家点这里跳转观看。

③这里我简单标记了一下哪些地方有这些变化(因为是网图,所以不太清晰)。

④这个字体设计,还用到了断肢的手法。

大概是这些地方:

2)方块造字

<1>背景和摆放

和上面的案例一样,我们同样画几个长方形背景,颜色为浅灰色。

这里就不再演示怎么具体画的了,不懂得上面重新看看,这里的方块要比上边的窄一点、瘦一点,因为要做的是精致的字体。

现在我们将“子昂故里”放在一侧。

有点大呀,这里教大家一个蒙版小技巧。

先用【矩形工具】(黑色填充,不要描边)画一个黑色方块,大小就是我们想要呈现的大小。

选中两个对象,刚才画的矩形和图片。

Ctrl7

创建剪切蒙版,需要注意的是,一定要选中两个对象,而且上下顺序也不能错!!!

我们将它们摆放在合适的位置上。

<2>根据每个字体的笔画,来制作相应的设计。

上边我们画了横线和竖线,这里可以直接拿过来使用。

①东
显示不完全,点击这里跳转观看。

②街
显示不完全,点击这里跳转观看。

③胡
显示不完全,点击这里跳转观看。

④里
显示不完全,点击这里跳转观看。

<3>每个字体稍做调整

这里比较简单,大家可以按照自行将字体调整到合适的地方。
转存失败了,大家点击这里跳转观看。

然后稍微加大一下间距即可。

注意:“街”这个地方,如果觉得识别度过低,可以稍微断开一下。

3)总结

整个字体如何得来的?

咱们梳理一下。

①首先是输入“子昂故里”,看一下原来的字体与之后变化的字体有什么区别。

比较一下前后字体横竖撇捺是怎么进行调整的。

②进行笔画设计

③做出大致样子

④进行调整

三、原有字体基础上造字

其实钢笔造字、矩形造字,都是结合使用的。

上面的案例也可以看出来,分的并不是很明确。

这里再介绍一个案例。

这是一个很动感、很有力度感的Logo。

比如我们现在想做一个“潮流先锋”。

1)分析原来字体如何变动

还是老规矩,先用微软雅黑字体敲出“枪战季”。

然后将原来的字体和变动之后的字体进行比对。

特点:1、横细竖粗 2、运用了大量的倾斜线 3、拐角

2)实操

这里我们介绍另外的造字方法。

直接用一种和这个变动后文字相近的字体,在它上边进行改动。

比如,这种字体。

<1>先将字体转化为图形

CtrlShiftO

然后,右键单击“取消编组”。

“创建轮廓”又叫“转曲”。

客户有时候会让你发转曲的文件。

⭐️ 这里提一个题外话,注意一下哈。

当我们做好了一个字体设计,还给它们加了一个白色描边(原位复制一个置后,白色描边)。

这时候,如果对方要做广告牌,将字体放大到一米至两米。

我们可以发现,放大之后,描边变细了。

因为描边是保持了它原本的粗细。

但我们希望的是,图形在放大、缩小以后,它的描边面积,也要随着当前文字的面积进行等比例放大缩小。

所以,我们要养成一个习惯。

CtrlShiftO

拓展两种方法:

第一种:

然后确定就可以。

第二种:

“对象”–>“路径”–>“轮廓化描边”

然后我们就可以将原文件给对方了。

注意养成这个职业习惯,转曲然后拓展一下。

在PS里面所做的文件,一般都是输出原大小。不要栅格化,栅格化就会转化成位图(像素图)了。右键单击转化为智能对象即可。

不过一般不会在PS里面做10cm,后来放大100cm。图像清晰度是肯定有损耗的。

💅注意

1、如果PS做1m×1m的,就直接新建这么大的图纸。

2、在AI里面,可以做20cm×20cm的,到时候告诉对方,将当前文件放大5倍,实际制作文件为1m×1m的。AI里面的图是矢量图,不管怎么放大缩小,清晰度不会改变。

🎿总结

CtrlShiftO

2、将描边(线)转化为面:“对象”–>“路径”–>“轮廓化描边”。

<2>调整边边角角

上边我们讲到取消编组了,从这里继续哈。

将边角倾斜然后再加一些尖角。

这里就不详细演示了。

四、补充造字技法

这里再给大家介绍一种字体设计手法。

这种字体,适合做一些比较潮流的Logo。

<1>最简单的方法是,拿笔自己写,导入AI,图像描摹然后添加描边、颜色。

<2>第二种方法说之前,先介绍一个知识点–>原位粘贴。

此时我们画一个矩形,黑色填充。

CtrlCCtrlV

但是复制的结果是灵活的,会在任意位置出现。

②现在我们想让粘贴置后,就是在当前图形正下方复制一个。

CtrlCCtrlB

这样看不出来,我们随便改个颜色,将上边的挪走。

注意:

“Ctrl+B”是粘贴置后,“Ctrl+F”是粘贴置顶。

③操作

用【画笔工具】(无填充,仅描边)随便写两个字母,加粗。

然后“对象–>路径–>轮廓化描边”。

然后填充为白色。

CtrlCCtrlB

然后给置后的添加黑色描边并加粗(不要乱动,复制粘贴完直接添加就好)。

至于手写体,后边再说。