杰瑞科技汇

photoshop 字体 教程

Photoshop 字体终极指南:从入门到精通

Photoshop 不仅仅是修图和做设计的利器,它也是一个功能强大的文字排版和创意工具,掌握字体相关的技能,能让你的设计作品(如海报、宣传图、社交媒体配图等)提升一个档次。

photoshop 字体 教程-图1
(图片来源网络,侵删)

第一部分:基础入门 - 掌握文字工具

如果你是新手,请从这里开始。

如何添加文字

  • 工具栏中的文字工具:在左侧工具栏中找到 T 图标,按住不放会看到四种文字工具:

    • 横排文字工具:最常用的工具,用于从左到右输入水平文字。
    • 直排文字工具:用于从上到下输入垂直文字,常见于中文设计。
    • 横排文字蒙版工具:创建一个文字形状的选区,而不是文字图层。
    • 直排文字蒙版工具:创建一个垂直文字形状的选区。
  • 创建文字图层

    1. 选择任意一种文字工具。
    2. 在画布上单击,会看到一个闪烁的光标,直接输入文字即可,这会创建一个可编辑的文字图层
    3. 或者,按住鼠标拖动,可以创建一个固定大小的文本框,文字会自动换行。

文字图层的特性

Photoshop 中的文字是“活”的,这意味着你可以在任何时候双击图层来修改内容、字体、大小和颜色,而不会损失质量。

photoshop 字体 教程-图2
(图片来源网络,侵删)

字符面板

这是控制文字样式的核心面板,如果看不到,请通过菜单栏 窗口 > 字符 打开。

字符面板中最重要的设置:

  • 字体系列:选择你想要的字体。
  • 字体样式:如常规、粗体、斜体等。
  • 字体大小:设置文字的尺寸。
  • 行距:控制文字行与行之间的垂直距离。
  • 字距调整:手动调整两个字符之间的间距,对于中文,这个功能不常用,但对英文标题非常有用。
  • 垂直缩放水平缩放:不建议使用,它会拉伸字体,导致变形,正确做法是选择不同字重的字体(如从“Regular”到“Bold”)。
  • 颜色:点击颜色框可以更改文字颜色。
  • 消除锯齿:让文字边缘更平滑,根据你的设计背景选择“无”、“锐利”、“犀利”、“平滑”或“浑厚”。

段落面板

当你使用文本框时,段落面板尤其重要,通过 窗口 > 段落 打开。

  • 对齐方式:左对齐、居中对齐、右对齐、两端对齐等。
  • 缩进:控制段落首行或整体的缩进距离。
  • 段前间距 / 段后间距:控制段落与段落之间的距离。

第二部分:进阶技巧 - 让文字更出彩

掌握了基础后,我们来学习如何让文字变得更有设计感。

photoshop 字体 教程-图3
(图片来源网络,侵删)

文字变形

这是 Photoshop 的经典功能,可以轻松创建弧形、波浪、旗帜等效果。

  1. 选中你的文字图层。
  2. 在顶部菜单栏找到 文字 > 文字变形
  3. 在弹出的窗口中,选择一种样式(如“扇形”、“弧形”、“旗帜”),然后调整“弯曲”、“水平扭曲”和“垂直扭曲”的参数,实时预览效果。

注意:变形会稍微降低文字的可读性,适合用于标题或装饰性文字。

将文字转换为形状

当你需要随意编辑文字的某个笔画时,这个功能就派上用场了。

  1. 右键点击文字图层,选择“转换为形状”。
  2. 文字图层变成了一个矢量形状图层,你可以使用直接选择工具钢笔工具 像编辑普通图形一样,拖动锚点来改变文字的形状。

优点:创意无限,可以做出独特的艺术字。 缺点:文字将无法再作为文本编辑(如更改字体),所以建议先编辑好文字内容再转换。

创建文字路径

想让文字沿着一条曲线走吗?使用路径功能。

  1. 先用钢笔工具 在画布上画出一条你想要的曲线路径。
  2. 选择横排文字工具,将鼠标光标移动到路径上,当光标变成 I 形状带波浪线时,单击输入文字。
  3. 文字会自动沿着路径排列。
  4. 你可以使用路径选择工具 来移动整个文字路径,或使用直接选择工具 来调整路径的形状。

图层样式

这是最常用、最强大的效果制作工具,双击文字图层(不要双击图层名称),在弹出的“图层样式”窗口中进行设置。

  • 投影:为文字添加后方阴影,增加立体感和层次感。
  • 内阴影:在文字内部边缘添加阴影,常用于制作凹陷效果。
  • 外发光 / 内发光:让文字发光,非常酷炫,适合科技、霓虹风格。
  • 斜面和浮雕:制作3D立体效果,是制作金属质感、浮雕质感文字的核心。
  • 描边:给文字边缘添加颜色或渐变描边。
  • 渐变叠加:为文字填充丰富的渐变色彩,是制作彩虹字、金属字的关键。
  • 图案叠加:用图案填充文字。

技巧:勾选“图层样式”窗口左下角的“将图层效果挖空”,可以让文字的“内发光”或“内阴影”效果穿透文字本身,而不是被文字本身遮挡。


第三部分:实战案例 - 制作三种流行效果

金属质感立体字

  1. 打字:使用粗壮的字体(如思源黑体 Bold、Arial Black)输入文字,颜色设为灰色。
  2. 斜面和浮雕:双击图层,添加“斜面和浮雕”样式。
    • 样式:内斜面
    • 方法:平滑
    • 深度:300%
    • 方向:上
    • 大小:约 5-10px(根据画布大小调整)
    • 高光模式:滤色,颜色设为白色
    • 阴影模式:正片叠底,颜色设为深灰色
  3. 渐变叠加:在同一个图层样式中,添加“渐变叠加”。
    • 渐变:选择一个从亮到暗的银色渐变(如 #e0e0e0#808080)。
    • 样式:线性,角度设为 -45 度。
  4. 描边:再添加一个“描边”样式。
    • 大小:1px
    • 位置:内部
    • 颜色:深灰色(#505050
  5. 微调:可以适当添加“投影”,让字与背景分离。

霓虹发光字

  1. 打字:使用较细的无衬线字体(如 Helvetica Neue Light),颜色设为白色或亮色。
  2. 外发光:添加“外发光”样式。
    • 混合模式:滤色(这是发光效果的关键)
    • 不透明度:100%
    • 杂色:0%
    • 颜色:选择你想要的霓虹色(如粉色、蓝色、绿色)。
    • 方法:柔和
    • 扩展:0%
    • 大小:调大,直到看到柔和的光晕(如 15-20px)。
  3. 内发光:添加“内发光”样式。
    • 混合模式:滤色
    • 颜色:与外发光相同或更亮。
    • 源:居中
    • 大小:调到合适,让文字边缘也亮起来。
  4. 描边:添加一个“描边”样式。
    • 大小:1px
    • 位置:内部
    • 颜色:与发光色相同,增加边缘的亮度。
  5. 背景:将背景图层填充为深色(如深蓝色或黑色),霓虹效果会立刻凸显出来。

创意撕纸字

  1. 打字:输入文字,颜色为白色。
  2. 栅格化文字:右键文字图层,选择“栅格化文字”,这一步将文字转换为像素,才能使用滤镜。
  3. 添加图层蒙版:点击图层面板下方的“添加图层蒙版”按钮。
  4. 应用粗糙化滤镜
    • 确保你选中了图层蒙版(不是图层本身)。
    • 执行菜单 滤镜 > 渲染 > 纤维,设置参数,创建一些随机的纹理。
    • 执行 滤镜 > 滤镜库 > 纹理 > 颗粒,选择“垂直”,强度和对比度调高,模拟撕开的毛边。
  5. 动感模糊:再次确保选中图层蒙版
    • 执行 滤镜 > 模糊 > 动感模糊,角度设为 90 度,距离拉长,让毛边有撕裂的动感。
  6. 调整颜色:双击文字图层,添加“颜色叠加”图层样式,选择你想要的颜色。
  7. 添加阴影:添加一个“投影”图层样式,让文字看起来像是从纸上撕下来的。

第四部分:排版与导出技巧

好的设计离不开优秀的排版。

排版原则

  • 对比和正文的字体、大小、颜色要有明显区别。
  • 对齐:保持元素的对齐(左对齐、居中对齐或右对齐),让画面更整洁。
  • 重复:在设计中重复使用某些字体、颜色或元素,增加统一性。
  • 亲密性:将相关联的信息放在一起,形成一个视觉单元。

文字图层栅格化

栅格化就是将矢量文字转换为像素图像,一旦栅格化,你就不能再编辑文字内容或字体,但可以使用所有像素滤镜(如模糊、扭曲、锐化等)。

  • 何时栅格化?:当你需要对文字应用像素滤镜,或者准备最终导出为位图(如 JPG、PNG)时。
  • 如何栅格化?:右键文字图层,选择“栅格化文字”。

导出为 Web 所用格式

  1. 完成设计后,执行 文件 > 导出 > 导出为
  2. 在右侧的设置面板中:
    • 格式:通常选择 PNG-24,它支持透明背景,并且色彩质量高,如果不需要透明背景且希望文件更小,可以选择 JPG
    • 缩放:可以调整导出图片的大小。
  3. 点击“导出”,保存你的图片。

总结与资源

  • 多练习:教程看再多,不如自己动手做一遍,尝试模仿你喜欢的海报或设计作品中的文字效果。
  • 字体资源
    • 免费商用:Google Fonts (fonts.google.com)、思源字体系列、站酷字体。
    • 付费高质量:Adobe Fonts、MyFonts、Fontspring。
  • 灵感来源:Behance、Dribbble、Pinterest,多看优秀的设计,培养审美。

希望这份详细的教程能帮助你成为 Photoshop 字体大师!祝你玩得开心!

分享:
扫描分享到社交APP
上一篇
下一篇