ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(1)

一首来自蔡琴的《白》献给大家

写在前面

近来的字体设计作品发到网上后,很多朋友都问我字体怎么做、字体效果怎么添加,准备了 一番之后我抱着跟酷友交流的心态写下了“字说”这个系列,我会在这个系列中分享自己做字的方法、效果的添加和创意思路的演变等,希望与各位加油互勉!这也是个自我总结的过程。

这篇文章分为两部分。第一部分讲基本的造字方法,主要是帮助还没入门,想学习字体设计 却不知方法,不知如何下手的朋友丨门;第二部分就是效果的添加制作了。

关于字体设计创意思路的文章以后我会陆续与大家分享,毕竞我始终觉得要想进步的快,与 同行的切磋交流是必不可少的。

最后四个字,行胜于言,只看不做对人的帮助是微乎其微的,这一点我是深有体会的,所以 我希望大家能够动起手来!

基本造字法

基本造字法其实站酷的平台上有好多大神都写过了,我再写感觉有点老生长谈,但我觉得做 一个系列的文章能够帮助更多想学习字体设计的人,所以这也是不可或缺的一部分,希望我的老生常谈能给大家带来新的感觉和尝试吧!

1.1矩形造字法

所谓矩形造字法,就是用矩形来拼字,拼好字后可以给矩形做一些变化以突出个性。这里用 “厚朴”这个例子来给大家做一下,这里用AI。

用矩形把字体撸出来,从 一个矩形开始,经过复制旋转切变可以组成各种字。厚中间 的“日”可以直接用色块来表 示,不影响识别就0K。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(2)

字形撸完了,但是太普通,中规中矩,且没有厚朴俩字所表达的“厚德朴素”的意境,所 以我们需要调整。

个人认为像这种表达意境的字可以用韵律的方式来呈现,使韵味表达出来。下图为调整之 后的。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(3)

最后添加修饰来突出主题,使之字意体现出来就OK了,关于厚朴后面笔触形状在下面效果 添加部分会讲到。

可能有朋友会问我何为韵律?

韵律如同音乐里的高低起伏,一首好的曲子必然是有韵律节 奏的,否则只会是刺耳的杂乱无章。运用到设计中可以是空间或大小上的关系层次,也可以是 笔画之间的粗细长短变化,字体设计中我们可以尝试打破对齐、大小的方式来找寻韵律感。实 在不惓就多多尝试,总会有收获的。

1.2钢笔造字法

所谓钢笔造字法,就是用钢笔工具勾出字体,钢笔勾的线条可直可曲十分方便。钢笔造字有两种方式,一种方式是直接用钢笔勾的线条做横竖等笔画,如下面的“最mei的你”案例;

另 一种是用钢笔勾出字体的笔画形状,这个方法可以与矩形造字法结合使用,比如先画一个矩形 ,然后用钢笔添加锚点来改变笔画形状,如下面的“老树”案例。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(4)

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(5)

首先我们创建一个矩形并使用钢笔工具添加锚点改变笔画形状,如下图左所示 做好后我们可以用这个笔画通过变化去拼字,如下图右

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(6)

只所以选这种形状的笔画,是因为构思早就想好了的原因。老树有很多种,有枝繁叶茂的,也 有日渐凋零的,我想表达的是后者,那种残枝败叶、揺揺欲坠的感觉。

这个形状能代表树干,缩小之后也能代表树叶,所以做成了这样。

我认为思维想法是在制作技法之上的,字体设计不能为了变形而变形,想法很重要。

设计本来就是以思维为导向的,软件技能只是辅助而已

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(7)

1.3曲线造字法

曲线造字法跟钢笔造字法是离不开的,何为曲线造字法?其实曲线造字法就是字形中包含曲线,或者用曲线勾勒的笔画,上面的“老树”笔画末端细节通过钢笔工具变化并调整锚点, 其实就是一个曲线造字的过程。当然,除了上面老树那种宽笔画形式的,还有直接用钢笔勾线 条的线形式的,下面用“深渊”来做演示。

深渊有很多种,但是我想表达的不是一般意义上的深潭,而是基于精神上的深渊,苦难的深 渊、罪恶的深渊。

设计以思维为导向,这组字也是在做之前就想好了要表达的感觉,禅意、罪恶、苦海无边的 深渊,试着寻找那种感觉并做出来。

首先我们用钢笔工具把深渊两个字勾出来,这里俩字共用了三点水的偏旁,最右边的大弧作 为装饰与平衡整体的作用,同时也使整组字更具意境。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(8)

到了这一步先不要急着扩展外观,咱选择画笔工具里的笔触,使钢笔线变为更有意境的笔触 最后再加入效果突出意境就0K 了,还是要声明一点,所加的效果是为你的创意和思维服务的 不能为了效果而加效果,不然只会起到画蛇添足的作用

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(9)

1.4像素造字法

像素造字法用PS等位图工具更为快捷,简单说来就是通过画像素点来做字,像素造字法不 仅仅局限于做像“方正基础像素”那样的字,也适合常规的横平竖直的字形,适合做有中国传统文化的字,也可以当矩形造字法来用。下面以“梦想碎了”来做像素字感觉的演示。

首先PS新建一个文档,然后用放大镜一直放到最大,3200%。然后我们选铅笔工具,这样每点 一下就会生成一个像素的格子,如下图

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(10)

为了能让大家看清楚网格,我 把背景色变成了灰色,上面的 黑色像素点就是放大到极限用 铅笔工具画上去的,大家可以 试一试,下面回归正题。

“梦想碎了”字表达的感觉就是失落,是难过,是彷徨,是感觉的生活没有了一丝光亮,那我 们有像素造法,用那种断断续续的感觉来表达这种情绪。

我们用铅笔工具把字拼出来,感觉不妥就用橡皮工具将不妥的像素点擦掉重来,下面是我拼完 的。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(11)

当然,你们不用可以模仿我的,每个人的思维模式不同,做出来东西也不一样,我在这里仅仅 是介绍一种方法供大家使用。

这里可以做的像素多一点更细致一点,也可以做的像素更少更精简,只要能保持基本的识别性 就OK。

那我们现在也可以放大把它截个图放到AI里用矩形工具做出来(记得CTRL H去掉像素网格), 当然也可以图像描摹,但是个人不推荐使用图像描摹的方法,这样会造成像素边缘一定的变形 。在PS里图像变选区,选区变路径,路径变矢量形状的方法也会造成一定的变形,所以在这里我不推荐哈。用PS做像素字起到的是快速找到感觉的作用。

虽然我不推荐,但我这里用的是AI图像描萃(哎哟,谁在打我),我为的是节约时间哈,要是商业项目,肯定就要认真的用矩形拼了,其实前期创意做好了,用矩形拼也是分分钟的事儿, 奈何我是一只懒猫〜

说一下为什幺要用截屏,要是不用截屏的话,那图片不管怎幺保存都是那几个像素的大小,且放大图像会失真,这样基本用不了AI里的自动描摹,所以我们将图放大后截屏。要是准备自己用矩形描,那可以直接将像素的图层拖到AI里去,再用矩形拼,但是那样就用不了自动描摹, 大家可以试一试哈。

第一部分总结

以上四种造字方法并不是全部,其他的诸如三点曲线造字法、调和或者混合工具造字法、 雕字法、手绘法等等。虽然方法众多,但核心是不变的,就是表达字意,那用在商业上就是表 达行业的气质。

其实不必拘泥于造字的方法,俗话说的好“不管白猫黑猫,能抓到老鼠就是好猫”,那用到这里就是不管什么方法,能做字就可以了,重要的是体现你的想法。但是有几点要注意的

1. 造字方法仅是一种称呼,不能以偏概全,比如矩形造字法,其实我们不仅仅局限于矩形, 我扪也可以用三角形、梯形甚至是圆形来做字。不要被名称及工具禁锢住思维。

2. 各种方法可以结合使用,一组字里可能会用到多种方法。

3. —切归于软件的问题都不算问题,不管什么工具,能实现你的想法就行。

效果添加

这一部分看图就能明白,我就不啰嗦了,看图吧

2.1巧用AI画笔工具

不管矩形也好,钢笔勾的线条也好,我们都可以用AI画笔的效果加强字意的表达,前提是 ,字意要的就是笔触的那种感觉。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(12)

该方法举例:

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(13)

上面“厚朴”后面的书法笔触,其实也是用这个方法做的。

2.2 AI飞白效果

主要用画笔艺术效果里的粉笔铅笔炭笔笔触。

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(14)

该方法应用举例:

ps怎么做出一个立体感的字体 字体教程PS造字的原理方法大讲解(15)

PS字体教程总结

不知不觉已经写了这幺多了,那就先到这里,大家看完之后是不是有所收获呢?其余的效果添加 我会在后面的文章当中以实例的形式讲述。

后面的文章以创意来源、字意与字体气质为主,也算是我们思维碰撞的过程吧!

那就先到这儿吧,最后说一句,我是大猫,我喂自己袋盐!

乐于分享,让我们彼此成长!

投稿邮箱:wx@cgvoo.com

新浪微博:@CG窝数字艺术家园

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页