- 明日之风:潮流插画绘制技法实例教程
- 晓前编著
- 1629字
- 2025-02-18 06:33:35
1.2.5 锦上添花的字体设计
商业插画中通常都需要配字,主要有两个目的:一是让传递的信息更加直观,二是字体可以作为一个元素让画面更加完整。不过,单调的字体会让画面显得呆板无趣,适当改变字体的造型和风格更能贴合画面的整体调性,让画面显得更加生动有趣。
绘制字体时我们需要把字看作一个图形,重点考虑字体的造型、颜色和质感方面的表现效果。接下来演示几种常见字体的设计方法。

◎ 金属风格字体
金属风格的物体通常拥有明亮的光泽效果。下图为正常物体的光泽和金属物体的光泽对比。

我们可以看出正常物体的暗部和亮部比较简单规则,而金属物体的暗部比较复杂,反光十分明显,亮部的高光也比较集中。另外,金属物体的边缘也会有比较明显的光泽。接下来,使用“尖头”笔刷绘制金属风格的字体。

01 可以把字体的基本位置和大小确定下来,用系统字体或者手写均可。打出单词Dazzles(意为“使目眩”),按照正常的字体结构调整单个字母之间的大小关系,并将造型设计成一款吊坠的形状。

02 添加厚度,加强立体感。在描边的过程中适当调整造型的细节,单个字母之间的衔接要自然,注意造型边缘要平滑一些。

03 用黄色作为固有色,注意色彩饱和度不宜过高,然后绘制暗部颜色。

04 用与暗部颜色相同的颜色绘制字体表面的光泽,从美观角度增强色块造型的丰富性。用更深的颜色添加细节,让整体对比更加强烈。

05 添加高光,增强金属质感。尽量多添加一些弧形高光,模拟金属表面的光滑质感,让表面色块之间过渡得更柔和。完成之后给画面添加深色背景,可以突出字体的光泽感。

06 双击字体图层,调取“图层样式”对话框,分别添加“外发光”和“投影”效果,然后添加白色的闪光图案,增强字体的光泽感。

◎ 石块风格字体
石块风格的字体具有石块的体积感和表面斑驳的感觉。

01 打出单词“ROCK”(意为“石头”),并调整字母形状,做轻微的透视变形。用折线去表现字体整体弧度,以更符合石块的造型。

02 添加厚度,加强立体感。在描边的过程中适当调整造型的细节,单个字母之间的衔接要自然,注意造型边缘要平滑一些。

03 选用灰色给字体上色,以更贴近真实石块的颜色。添加暗部的颜色,注意字体暗部的转换,以及颜色之间的深浅差别,增加画面颜色的层次。

04 添加绿色的苔藓纹理,增加亮部,加强字体的立体感。

05 填充深色的背景突出主体。添加淡黄色的闪电图案,闪电从四周向中心聚集,增强画面冲击力。

06 给闪电添加“外发光”和“内发光”效果,外发光的颜色使用橙色。

07 加入一些小闪电和碎石来丰富细节,让画面更具有冲击力。注意给小闪电添加“外发光”效果。

◎ 融化风格字体
融化风格的字体可以用蜡烛熔化的形态呈现。相比前面两种风格,融化风格的质感更加柔软,造型的可塑性比较强。

01 打出单词“WARM”(意为“温暖的”),并调整字母形状。

02 表现出蜡烛熔化的状态,画一些坠落的蜡滴。注意蜡滴和蜡烛主体之间的衔接关系。

03 将绿色作为固有色进行填充。然后自上而下添加绿色的渐变效果,让颜色自然过渡。

04 添加火焰的造型,并填充红黄色的渐变效果,强化火焰的流动性,增强画面动感。同时添加阴影细节。

05 将字体图层复制并垂直翻转,然后单击“创建新的填充或调整图层”按钮给图层添加蒙版,再使用“渐变工具”
添加渐变效果,最后调整渐变效果的不透明度,将翻转后的图层作为字体的倒影。

06 用深色填充底色,并添加火光的细节,让画面更完整。

小提示
想表现其他材质风格的字体时,首先要弄清楚物体的材质特性,再将字体看成容器或者框架进行填充,这样设计出的字体才会比较自然。
◎ 涂鸦风格字体
涂鸦风格的字体也是常用的一种表现方式。

01 打出单词“Freestyle”(意为“自由式的”),并对这几个字母进行一些简单的设计。可以安排得紧凑一些,线条要保持流畅。

02 添加阴影,加强字体的立体效果。注意保持字体的整体性。

03 使用不同的颜色进行填充,可以丰富画面的颜色层次。

04 用“喷枪”笔刷在字体边缘喷涂,让颜色过渡得更加柔和,然后添加高光,高光随结构走向分布。

05 在字体背后添加油漆喷溅的效果,丰富画面细节,然后加入一些其他单词,表现出涂鸦的效果。
