一、矩形造字

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

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

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

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

这种文字还是很常见的。

案例实操

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

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

（1）分析

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

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

<2>用矩形工具描绘

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

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

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

（2）实操

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

<2>调整字体

将这些字用【选择工具】选中，按Alt加键盘左右方向键调整字之间的宽度，稍微宽一点。

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

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

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

<3>用钢笔工具描摹

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

这里用钢笔工具演示。

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

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

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

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

比如，这两个效果：

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

右边显得过于普通。

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

比如，铁：

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

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

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

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

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

比如这样：

再随便写一些拼音：

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

这里随手画了一个。

<7>加一些标志

比如，最常见的这种：

放在图案右边即可。

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

<8>补充

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

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

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

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

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

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

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

可以用锚点工具（小白工具）去调整一下。

二、钢笔造字

案例实操

（1）分析

“东街胡里”这几个字。

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

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

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

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

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

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

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

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

（2）实操

该如何操作？

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

实操一

先来参照第一个。

1）分析文字如何变动的

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

来看一下“礼承雅韵”。

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

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

2）方块造字

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

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

也可以这样。

我们借助方块来造字。

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

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

<2>多复制几个方块

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

这里再演示一遍。

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

②按住Alt键加鼠标按住拖拽

③保持这种状态，按Ctrl+d继续上一步操作，即再次复制一个矩形。

按多少次Ctrl+D就有多少次复制。

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

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

<4>将这些矩形用【选择工具】选中，然后锁定（快捷键Ctrl+2）。

锁定之后方便操作。

不用快捷键，可以在菜单栏寻找锁定：

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

解锁快捷键Ctrl+Alt+2。

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

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

从“东”开始。

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

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

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

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

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

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

可以让角度变小一点。

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

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

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

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

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

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

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

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

然后是第二个字“街”。

①先是左边

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

然后再画一个竖线。

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

就用这个来代替啦。

②然后是中间的。

两个“土”。

③最后是右边的。

先画两横。

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

将底部对齐。

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

没事，咱们待会再调整。

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

然后是第三个字“胡”。

①左边是一个“古”。

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

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

②右边是一个“月”。

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

然后的笔画就很简单了。

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

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

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

向上拖拽。

稍微调整一下即可。

最后是“里”。

这个很简单啦。

这里就不做过多赘述了。

<7>调整

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

背景方块也要一起复制过来（记得先解锁–>快捷键Ctrl+Alt+2）。

①背景方块调整

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

怎么办呢？

先选中一个背景方块，然后按住Shift键一一选中。

把底部往上抬一抬。

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

然后将背景方块锁定。

②进一步调整

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

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

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

“东”：

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

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

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

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

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

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

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

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

“街”：

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

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

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

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

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

那么就连笔。

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

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

“胡”：

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

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

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

“里”：

脖子太长了。

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

看着稍微调整就好。

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

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

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

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

然后用【选择工具】选中这个锚点，按Delete键删除，这样左边的竖线就被删除了。

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

这里用了三个手法，总结一下：

1、将头部高度拉长

2、底部做倾斜

3、上边做断肢

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

<8>优化

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

然后单独一个字体选中，Ctrl+G编一个组，给四个字各自都编一个组。

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

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

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

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

第二步，合并。

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

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

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

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

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

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

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

实操二

我们再来看第二个方案。

1）分析文字如何变动的

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

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

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

①横线基本是这种结构：

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

②竖线基本是这种结构：

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

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

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

大概是这些地方：

2）方块造字

<1>背景和摆放

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

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

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

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

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

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

然后快捷键Ctrl+7剪切蒙版。

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

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

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

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

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

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

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

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

<3>每个字体稍做调整

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

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

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

3）总结

整个字体如何得来的？

咱们梳理一下。

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

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

②进行笔画设计

③做出大致样子

④进行调整

三、原有字体基础上造字

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

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

这里再介绍一个案例。

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

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

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

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

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

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

2）实操

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

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

比如，这种字体。

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

选中，然后右键单击“创建轮廓”（快捷键Ctrl+Shift+O）。

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

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

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

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

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

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

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

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

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

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

当给对方矢量文件的时候，不管当前画面有没有文字，都全部选中，转曲一下（执行Ctrl+Shift+O）。

然后将描边都拓展一下，转化成面。

拓展两种方法：

第一种：

然后确定就可以。

第二种：

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

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

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

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

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

LOGO特训营 第六节 字体设计实操（矩形钢笔造字）相关推荐

1. LOGO特训营 第七节 字体的断肢与连笔

   文章目录 一.赏析 (1)断肢 (2)连笔 二.如何断肢连笔 (1)断肢 (2)连笔 (3)横线边缘处理 一.赏析 (1)断肢 ① ② ③ ④ ⑤ ⑥ 断肢的目的很简单,为了让整个文字看起来不是特别死 ...

2. 字体设计灵感|浓墨重彩！代表“墨”字设计案例

   做中国风海报字体不好看? 如今越来越多国潮崛起, 中国风设计也越来越受到关注 而将传统中国风字体运用到现代平面设计中 不仅可以丰富设计的视觉效果 增加设计的文化韵味,还能体现设计的民族性. 集设网 w ...

3. “钢笔造字法”字体设计方法分享

   录制了一个字体设计视频,与大家分享交流,表达的不够好,普通话不够标准~~~~大家凑合看~~~ 本视频的高清下载地址在这里:http://115.com/file/bebih2f9 大家感兴趣的话,也可 ...

4. LOGO特训营 第二节 文字与图形的搭配关系

   第二节 文字与图形的搭配关系 文章目录 一.辨识图文Logo好坏 案例一 案例二 案例三 案例四 二.标准制图 (1)几个标准制图案例 (2)制作标准制图 <1>规范制图 <2> ...

5. 突破设计瓶颈，懂得字体造字可以让你的设计锦上添花

   文丨夏莎莎 你看>丨创意视觉设计(ID:fvatm0525) 大多数的设计师都卡在了思维上 有技术没想法 (做出来的图没创意,只会套套版) 或者 有想法没技术 (设计都只能停留在想象阶段,没法实 ...

6. 《创意特训营——30天超级灵感唤醒术》目录—导读

   版权声明 创意特训营--30天超级灵感唤醒术 Creative Boot Camp (ISBN: 978-0-321-88464-0) Stefan Mumaw Copyright © 2013 Au ...

7. 视频教程-AI软件与字体设计-Illustrator

   AI软件与字体设计 专注提供优质教学内容 CSDN就业班 ¥136.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最少立减5元 ↓↓↓ 订阅 ...

8. c语言汉字属于什么类型_设计源于传承｜为什么字体设计太难？独属于我们的汉字—甲骨文...

   数千年来,自文字产生,他就发挥着重要的作用,我国现今使用的文字都是汉字,从艺术的角度来观察汉字,汉字属于象形文字,其本身不仅具有文字的特性,还是一件完美的艺术品.大家都应该听过这样一句话,汉字中每一个 ...

9. c语言汉字属于什么类型_设计源于传承 |为什么字体设计太难？独属于我们的汉字—甲骨文...

   随着互联网的发展,信息传递越来越方便了,咱们现在都会看手机,看报纸,看电视,看广告,无论你看什么你都离不开一样,那就是字,你说你看的什么没有字吧,文字就是我们文化的载体,是信息的媒介. 数千年来,自文 ...

10. 《创意特训营——30天超级灵感唤醒术》—第1章1.6节小结

    本节书摘来自异步社区<创意特训营--30天超级灵感唤醒术>一书中的第1章1.6节小结,作者[美]Stefan Mumaw,更多章节内容可以访问云栖社区"异步社区"公众号 ...

最新文章

1. iOS开发异常错误总结之——wait_fences: failed to receive reply: 10004003
2. Linux sar分析网卡流量
3. Visual C++6.0安装教程（win10版）及“应用程序无法正常启动（0x0150002）”解决办法
4. excel 复制数据 sql server 粘贴_win32 实现 excel 快速复制粘贴
5. 检测电脑硬件的软件_【软件分享】PowerDVD | PotPlayer | AIDA64
6. java8 自动关闭资源_java9系列第二篇-资源自动关闭的语法增强
7. Sublime 编译运行JavaScript
8. 试用cmd markdown
9. 关于opencv在vs201x中的设置 2020-02-04
10. Vue3 npm run serve 太慢的解决方法
11. obj-c编程11:内存管理和ARC(自动引用计数)
12. 使用CMFCShellTreeCtrl类作为打开文件窗口一例
13. 前端大屏页面布局经验
14. php入门写法PHP入门基础之php代码写法
15. 郑大计算机专业多少分,2020年，郑大各专业分数线公布，里面门道很多，给你们一一分析...
16. 讲真，java学习是有些困难，但迎难而上正是男儿本色（附学习资料） ！
17. 关于直通车与万相台的区别，你知道多少
18. 语音识别入门第五节：基于GMM-HMM的语音识别系统
19. [搜索]波特词干（Porter Streamming）提取算法详解（3）
20. 军武科技获5000万元B轮融资 男性用户占比达到90%以上

热门文章

1. 旅美见闻：美国贫民百姓众生相
2. php斗鱼弹幕接口,php实现斗鱼弹幕，一起来欣赏弹幕吧~,斗鱼怎么看自己发过的弹幕...
3. Push rejected: Push master to origin/master was rejected by remote
4. 【程序人生】为什么开通博客？
5. 微信查询四六级成绩代码
6. 四川全国计算机一级考试查询系统,2013四川计算机一级成绩查询入口
7. 7-39 龟兔赛跑 (20 分) 乌龟与兔子进行赛跑，跑场是一个矩型跑道，跑道边可以随地进行休息。T分钟后乌龟和兔子谁跑得快？PTA：中M2021春C、Java入门练习第I段—变量、表达式、分支、循环
8. 提高DevExpress winform 控件加载速度
9. sklearn.metrics.accuracy_score/precision_score/recall_score、micro/macro/weighted(准确率、召回率)
10. 【解题报告】Kattis - adjoin 树形dp