PS教程

文字在海报设计中有两个作用:一是说明作用,二是作为图片或者主视觉元素存在。在设计工作中大部分文字的字体不可随意使用,文字的字体是有版权的,当必须使用有版权的文字字体时,要么购买字体版权,要么自己设计字体来满足设计需求。本节主要讲解字体设计方法和字体设计案例。


一.字体设计方法

字体设计的主要方法如下。

●分割法:将原本需要连接的笔画断开,设计时需要控制断开数量,如图16-27所示。

image.png

16-27


●共用借型:将一个笔画用于多个文字能够减少笔画数量,使多个文字的整体性更强,如图16-28所示。

image.png

16-28


●替换法:将文字中的某个笔画用与内容相关的形状替换,或使用其他文字的笔画替换已有笔画,如图16-29所示。注意,替换的方式一定要恰当,不要生搬硬套,并控制替换数量。

image.png

16-29


●象形法:将文字的外观按照文字或产品的含义进行变形,如图16-30所示。

image.png

16-30


提示

在进行字体设计时,注意风格的统一性,横竖笔画的粗细应保持一致。


二.字体设计案例

字体设计根据难易程度分为3个层级。最容易掌握且比较好实现的层级就是在字库字体的基础上进行修改。第二个层级就是根据字库字体的框架重新绘制笔画。更高的层级就是创建字体,这是最难的层级,需要设计师具备丰富的设计经验和良好的审美能力。对于初学者来说,直接在字库字体的基础上进行字体设计,是比较容易掌握的设计方法。除了对文字外形进行修改之外,还可以通过图层样式等进行特殊效果的字体设计。接下来,结合两个字体设计案例,讲解字体设计的技巧。第一个案例,采用字库造字法,第二个案例采用玻璃质感设计法。


【案例1】“长征行”金属字体设计

最终效果如图16-31所示,案例所用素材如图16-32所示。

image.png

图16-31

image.png

16-32


1.搭建背景

新建一个尺寸为1920×1920像素、分辨率为72像素/英寸的文档。给画布填充暗色,置入背景素材并添加图层蒙版,使用黑色画笔工具编辑图层蒙版,使图片与背景更加融合;添加色相/饱和度调整图层,将背景素材去色并压暗,如图16-33所示。

image.png

图16-33


在背景图层上方添加火焰素材,并设置图层的“混合模式”为“滤色”,营造烽火连天的氛围,效果如图16-34所示。

image.png

16-34


2.选择字体

搭建好背景后,进入字体的设计环节。在进行设计之前,首先要分析文字的含义,不同的文字表达的意义也不同。字体主要分为无衬线和有衬线两大类。黑体字是无衬线字体的代表,字体末端没有装饰,字体细节简洁,年轻、时尚,使用广泛,多用在以年轻人为主要用户群的运动品牌的海报设计中。宋体字是有衬线字体的代表,字体末端有装饰,有细节处理,给人精致感,显得端庄大气,多用在高档品牌、女性品牌的海报设计或具有文化感和历史感的海报设计中。本案例的主题文字“长征行”,文字内容所传达的含义可作为字体选择的依据,这里选择思源宋体Heavy字体样式。


3.进行字体设计

选择文字工具,设置字体为思源宋体的Heavy体,输入主题文字“长征行”并放大文字至合适大小。选择文字图层,将文字转换为形状。使用直接选择工具和钢笔工具对文字进行修改,将多余的装饰角和弧度删除,使文字更加简洁,效果如图16-35所示。注意,横竖调整保持一致。

image.png

图16-35


设置文字颜色,给文字添加斜面和浮雕样式、内发光样式和投影样式,打造立体字效果,如图16-36所示。具体设置如图16-37所示。

image.png

图16-36

image.png

16-37


置入金属材质素材并为下方文字图层建立剪切蒙版,将金属材质图层的“混合模”设置为“正片叠底”,调节图层的不透明度为60%。使用画笔工具在文字图层上方添加橘色图层,设置图层的“混合模式”为“柔光”,并为下方文字图层建立剪切蒙版,为文字添加环境光。在文字受光面,使用画笔工具添加亮色调整图层,设置图层的“混合模式”为“柔光”,增强文字的明暗对比。新建图层,填充50%

的灰色并设置图层的“混合模式”为“叠加”,使用减淡工具在灰色图层中沿字体亮部进行局部涂抹,打造金属效果,如图16-38所示。

image.png

16-38


选择钢笔工具,在其属性中关闭填充,设置描边粗细为3~4像素,沿文字的几个关键位置添加描边效果,并添加图层蒙版用于制作光线过渡效果,效果如图16-39所示。

image.png

图16-39


置入星光素材和高光素材并设置图层的“混合模式”为“滤色”,对高光素材和星光素材可复制多层,分别沿文字结构添加发光效果,进一步提升其质感。在“长征行”下方添加辅助文字“红军不怕远征难,万水千山只等闲。”,文字颜色可与上方文字颜色相同;复制“长征行”的斜面和浮雕样式与投影样式,粘贴到下方文字上,效果如图16-40所示。

image.png

16-40


4.调整氛围

将火星素材置入文档,放在文字图层上方,设置图层的“混合模式”为“滤色”;添加图层蒙版,使用画笔工具编辑图层蒙版,使火星素材与背景的过渡更自然,效果如图16-41所示。在图层上方添加曲线调整图层和色彩平衡调整图层,对整体画面进行色调统一并进一步增强画面的明暗对比。按Shift+Alt+Ctrl+E快捷键,盖印图层,并选择“滤镜”→“其他”→“高反差保留”命令,同时设置图层的“混合模式”为“叠加”,增强画面质感,如图16-42所示。

image.png

图16-41

image.png

16-42


【案例2】“玻璃”字效设计

最终效果如图16-43所示,案例所用素材如图16-44所示。

image.png

图16-43

image.png

16-44


1.搭建背景

新建一个尺寸为1080×1920像素、分辨率为72像素/英寸的文档。在Photoshop中,新建图层并为其填充浅蓝色。使用椭圆工具绘制圆形并将其转换为智能对象。选择“滤镜”→“模糊”→“高斯模糊”命令,将该滤镜复制多次,利用颜色叠加样式为画面填充不同的颜色,实现多彩背景效果,如图16-45所示。

image.png

16-45


2.创建标题文字,制作文字特效

选择笔画对比比较明显的衬线字体,分别创建“玻”“璃”文字图层(在这里文字不仅起到识别的作用,还是画面的主视觉元素),将两个文字适当放大并进行旋706转,让画面更加生动,如图16-46所示。

image.png

图16-46


分别为文字添加效果,打造出玻璃质感。以“玻”字为例,将文字图层的不透明度调节为0%,为其添加斜面和浮雕样式,以塑造立体感;添加内阴影样式、光泽样式等,进一步增强文字的质感;添加投影样式,拉开文字与背景之间的距离,如图16-47所示。

image.png

16-47


复制一次文字图层,将复制的图层放在上方,同样将文字图层的不透明度调整为0%,添加斜面和浮雕样式,为文字打造光影效果,如图16-48所示。

image.png

图16-48


“璃”字的制作方法与“玻”字的相同,可以直接复制其图层样式,再调整颜色,如图16-49所示。

image.png

16-49


置入网格素材并添加颜色叠加样式,设置图层的“混合模式”为“颜色加深”,选“智能滤镜”→“液化”命令,使文字部分的网格扭曲,以模拟玻璃的折射效果。将智能滤镜蒙版进行反向,载入“玻璃”文字选区,填充白色,使网格中仅文字部分有扭曲效果;为网格图层添加图层蒙版,将两侧进行隐藏以突出中间部分,如图16-50所示。

image.png

16-50


3.添加辅助说明文字和装饰元素

根据画面布局,文字排版方式采用垂直居中,配合画面色调进行文字颜色设置。添加箭头素材、波浪线素材及星星素材,丰富画面,如图16-51所示。

image.png

图16-51


4.整体调色

添加渐变映射调整图层,增强画面的色调对比;添加曲线调整图层,增强画面的明暗对比。按Shift+Alt+Ctrl+E快捷键,盖印图层,并选择“滤镜”→“其他”→“高反差保留”命令,将盖印图层的“混合模式”设置为“线性光”,增强画面质感,如图16-52所示。

image.png

16-52


设计的构成元素是图片、文字、形状、色彩,设计师学习软件的目的是更好地运用这些元素表达自己的设计思想。想要成为一名优秀的设计师,就要不断地提升自己的审美,并善于总结和借鉴。