![明日之风:潮流插画绘制技法实例教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/363/47184363/b_47184363.jpg)
1.2.5 锦上添花的字体设计
商业插画中通常都需要配字,主要有两个目的:一是让传递的信息更加直观,二是字体可以作为一个元素让画面更加完整。不过,单调的字体会让画面显得呆板无趣,适当改变字体的造型和风格更能贴合画面的整体调性,让画面显得更加生动有趣。
绘制字体时我们需要把字看作一个图形,重点考虑字体的造型、颜色和质感方面的表现效果。接下来演示几种常见字体的设计方法。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-024-1.jpg?sign=1739258492-ZCz3X5r0Zwkky5kVv0JY63YZb9o9WRlI-0-45620088343e4f99b2f1cbf9774132c4)
◎ 金属风格字体
金属风格的物体通常拥有明亮的光泽效果。下图为正常物体的光泽和金属物体的光泽对比。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-024-2.jpg?sign=1739258492-7oLQ4uEBC83P2PHu3aaz9okYWScRthV6-0-c51f091c1a1424860a4712ce0cbb7dfd)
我们可以看出正常物体的暗部和亮部比较简单规则,而金属物体的暗部比较复杂,反光十分明显,亮部的高光也比较集中。另外,金属物体的边缘也会有比较明显的光泽。接下来,使用“尖头”笔刷绘制金属风格的字体。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-024-3.jpg?sign=1739258492-fUrgvvqKssxeJbQeVK2SCiLZWapYCbd7-0-468bddce21a829ef3e7607a02291ed6b)
01 可以把字体的基本位置和大小确定下来,用系统字体或者手写均可。打出单词Dazzles(意为“使目眩”),按照正常的字体结构调整单个字母之间的大小关系,并将造型设计成一款吊坠的形状。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-024-4.jpg?sign=1739258492-HxTHL4P5yHHK9o3wU6j9y1qM6n6lSZlB-0-1fe18c084b620dfa411cc1c8b55cdf28)
02 添加厚度,加强立体感。在描边的过程中适当调整造型的细节,单个字母之间的衔接要自然,注意造型边缘要平滑一些。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-024-5.jpg?sign=1739258492-gYILccygOsARZzTfF5jeP5YUqIgLptnP-0-f1c40b206ef9e7596c4419dc94fbf810)
03 用黄色作为固有色,注意色彩饱和度不宜过高,然后绘制暗部颜色。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-025-1.jpg?sign=1739258492-tCBVpLOo9yLlPWP9CzbeQeNC4gTNRuNO-0-2841b39418f9b08b2dd7ba33fc2ce579)
04 用与暗部颜色相同的颜色绘制字体表面的光泽,从美观角度增强色块造型的丰富性。用更深的颜色添加细节,让整体对比更加强烈。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-025-2.jpg?sign=1739258492-npwfW74PeUMcraIUyvV2B9BVQvH9nwNI-0-8f9b3f44a89d24c23a522b882afa6071)
05 添加高光,增强金属质感。尽量多添加一些弧形高光,模拟金属表面的光滑质感,让表面色块之间过渡得更柔和。完成之后给画面添加深色背景,可以突出字体的光泽感。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-025-3.jpg?sign=1739258492-gXoyROhFL5swJn6RcfWYwn9MoSCzU8e3-0-673618095e754163509378ee80eefd36)
06 双击字体图层,调取“图层样式”对话框,分别添加“外发光”和“投影”效果,然后添加白色的闪光图案,增强字体的光泽感。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-025-4.jpg?sign=1739258492-e3QXIaRX0ZTKocTKgVZu8sNviuH3KWh9-0-848d2bb8853a2e3a5c947a86b9597641)
◎ 石块风格字体
石块风格的字体具有石块的体积感和表面斑驳的感觉。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-025-5.jpg?sign=1739258492-BUItVcscGXwtRoJQKSchk2i0l7EZFKKE-0-7db05f2e4ae13f2ad91540ab4096baff)
01 打出单词“ROCK”(意为“石头”),并调整字母形状,做轻微的透视变形。用折线去表现字体整体弧度,以更符合石块的造型。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-1.jpg?sign=1739258492-aj9VgTAibZSLHl95I2E9scWsneTNmywT-0-1ff00d705457830a71b2cbd5b58d4d47)
02 添加厚度,加强立体感。在描边的过程中适当调整造型的细节,单个字母之间的衔接要自然,注意造型边缘要平滑一些。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-2.jpg?sign=1739258492-9YAtBOkkxISXDhv7cuKFLIb2cviB4r7x-0-79e55d002a82d81d68b1816f5948da37)
03 选用灰色给字体上色,以更贴近真实石块的颜色。添加暗部的颜色,注意字体暗部的转换,以及颜色之间的深浅差别,增加画面颜色的层次。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-3.jpg?sign=1739258492-4aSjakH1WdRGdfh1XieBeT4dkJ4Jy8mI-0-a678acd37c4fd9ef570c44c4cbb260d9)
04 添加绿色的苔藓纹理,增加亮部,加强字体的立体感。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-4.jpg?sign=1739258492-zrocuPSjKZBdG8ZoxEGWsgscbxkNhqHI-0-b43d2b46c2ee63d22219067582d8ea4f)
05 填充深色的背景突出主体。添加淡黄色的闪电图案,闪电从四周向中心聚集,增强画面冲击力。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-5.jpg?sign=1739258492-8GcmZTsw9xNmnoCamk6VPVwr6bbe5S66-0-f7d029ef303ff6bd0faa074f324634ff)
06 给闪电添加“外发光”和“内发光”效果,外发光的颜色使用橙色。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-026-6.jpg?sign=1739258492-n1E9KC0YSpfCLN6UJ1U1gM73MmGJxyBZ-0-f6884e21e691d3d6f2b7263a799163ce)
07 加入一些小闪电和碎石来丰富细节,让画面更具有冲击力。注意给小闪电添加“外发光”效果。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-027-1.jpg?sign=1739258492-QrzBNj5ARWbRmhoMDv9wEURFUrGX8IRo-0-6d6321dc312e7df7dc81dcede8eed0fe)
◎ 融化风格字体
融化风格的字体可以用蜡烛熔化的形态呈现。相比前面两种风格,融化风格的质感更加柔软,造型的可塑性比较强。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-027-2.jpg?sign=1739258492-mWrGLnHNwtqID8AijWoBLEhkDiyFOUb5-0-6348c05e0430cd5b5d7936fd73a71f48)
01 打出单词“WARM”(意为“温暖的”),并调整字母形状。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-1.jpg?sign=1739258492-4AJynD307720iMe7g5Qz7DLGnGWaz6Se-0-957cddbe263ffbdf8d979f51b05a1877)
02 表现出蜡烛熔化的状态,画一些坠落的蜡滴。注意蜡滴和蜡烛主体之间的衔接关系。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-2.jpg?sign=1739258492-sTWDgDQfw9Q2XcrZDxP3zoI41CoWUfKr-0-c0c6210b465c21cd2d731718c8132cdc)
03 将绿色作为固有色进行填充。然后自上而下添加绿色的渐变效果,让颜色自然过渡。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-3.jpg?sign=1739258492-RfPoLbirNRHRI54dZKQF5MCM65Twxj4u-0-8851d61a7960671dcf608d34cb6a9ff6)
04 添加火焰的造型,并填充红黄色的渐变效果,强化火焰的流动性,增强画面动感。同时添加阴影细节。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-4.jpg?sign=1739258492-p1uUMPPqSqbIdKXQ1fwizDIHAONgJsUT-0-8a9869c14a0f5036f19b2349795c59d5)
05 将字体图层复制并垂直翻转,然后单击“创建新的填充或调整图层”按钮给图层添加蒙版,再使用“渐变工具”
添加渐变效果,最后调整渐变效果的不透明度,将翻转后的图层作为字体的倒影。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-7.jpg?sign=1739258492-69iJ3qmvDQDMNoScEhc8ePHgWlW2frLh-0-cc12fe0097f6f1d2b45b7824e1bd3099)
06 用深色填充底色,并添加火光的细节,让画面更完整。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-028-8.jpg?sign=1739258492-X9jGvSTr3xPgiv1xDGKq9ZbF0jyWHsPp-0-d9a8212d2683503145b8eafff4081f5b)
小提示
想表现其他材质风格的字体时,首先要弄清楚物体的材质特性,再将字体看成容器或者框架进行填充,这样设计出的字体才会比较自然。
◎ 涂鸦风格字体
涂鸦风格的字体也是常用的一种表现方式。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-029-1.jpg?sign=1739258492-fBUnWO54JBg43MZ0UMJwu08yjncWMryS-0-4fd72a4fc45d079e6c42cd5318e5142e)
01 打出单词“Freestyle”(意为“自由式的”),并对这几个字母进行一些简单的设计。可以安排得紧凑一些,线条要保持流畅。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-029-2.jpg?sign=1739258492-gM35Bjy4e4nxdIocWV2nBAfPtJd6Tn6w-0-28cf3d2b4b74f673ccaa7af53b222528)
02 添加阴影,加强字体的立体效果。注意保持字体的整体性。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-029-3.jpg?sign=1739258492-35hJvlIXrA16SjACQa7p2l3GzklGGeAa-0-80bc3250bb65d3d89b9955ad32f89edf)
03 使用不同的颜色进行填充,可以丰富画面的颜色层次。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-030-1.jpg?sign=1739258492-jWftdBgziauk0Dv0q9CAQKUXs4J9M1JG-0-d7d046634f0b998bfb233f2de504f69c)
04 用“喷枪”笔刷在字体边缘喷涂,让颜色过渡得更加柔和,然后添加高光,高光随结构走向分布。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-030-2.jpg?sign=1739258492-inLiAjA8SybyPKZmUAOoJhG1YYws2vXY-0-0ea65fc2b13d0fd64f1c5adbce9e44a4)
05 在字体背后添加油漆喷溅的效果,丰富画面细节,然后加入一些其他单词,表现出涂鸦的效果。
![](https://epubservercos.yuewen.com/F9A08E/26540166401045906/epubprivate/OEBPS/Images/60377-00-030-3.jpg?sign=1739258492-HSwkwqjMfflUe936LdAGbnPn0ceWRNy1-0-849bdc601f0bb1e4894ca66df4c54f4e)