圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(1)

简 介: 带有边缘的空心字体被广泛使用在各类视频的字母显示中,本文给出了一种简单的通过字体震动显示的方式产生空心字体的方法。这种方法可以在原来任何字体都生成相对应的空心字体。 关键词空心字体字幕

01 文字边缘一、为什么需要文字边缘?

在制作视频节目的过程中,为了能够在屏幕下面叠加字幕,需要以下几种模式:

如果统计在头条上的视频字幕形式,其中 具有白色(浅色)文字具有黑色(深色)变换字母形式居多(也就是模式4)。这种方式具有以下优点:

因此,在图片中生成这类带有文字边缘的方法对于叠加字幕,特别是 TEASOFT教学软件[1] 中自动生成字幕非常重要。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(2)

▲ 图1.1 在头条上不同视频的字母形式

二、如何生成文字边缘?1、选择空心字体

在普通的字体中,绝大部分是没有这种带有文字边缘的字体,即所谓 的空心字体。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(3)

▲ 图1.1.1 不同的字体

在常用的Windows下的华文彩云字体具有这类空心字体,但这是这类文字在实际的字幕中使用不多。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(4)

▲ 图1.1.2 华文彩云字体

2、生成字体边缘

文字边缘轮廓制作教程-百度经验[2] 给出了使用PS制作文字边缘的方法。

下面介绍一种产生文字边缘的简单方法 - 文字抖动方法

(1) 基本原理

文字抖动方法产生带有边缘文字原理很简单:就是首先使用边缘颜色,比如黑色,将文字在画面中进行显示,显示的位置往左右上下移动,它们叠加之后形成了原来文字加粗的形式。然后在将原来文字显示以白色显示在原来的位置。叠加之后便形成了带有边缘的字体了。

文字抖动方法就是指将文字上下左右位移叠加显示形成加速黑色背景的过程。

(2) 实验结果

下面分别是将测试文字上下左右各分别移动1,2之后叠加的结果。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(5)

▲ 图1.2.2 移动原来文字进行叠加显示形成加粗的形式

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(6)

▲ 图1.2.2 移动原来文字进行叠加显示形成加粗的形式移动距离为2

然后在将原来的文字使用白色进行显示,叠加在原来加粗文字的上面,于是便形成了带有边缘的字体了。

下面是分别移动1,2之后叠加出来的效果。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(7)

▲ 图1.2.3 叠加之后的效果

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(8)

▲ 图1.2.4 叠加之后的效果

三、阴影空心文字

如果在原来上下左右移动 1 的情况下,再叠加一个往右下方移动 2 的阴影,则可以产生具有阴影的空心文字效果。

具体结果如下图所示:

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(9)

▲ 图1.3.1 带有阴影边缘空心文字

※ 测试结论 ※

带有边缘的空心字体被广泛使用在各类视频的字母显示中,本文给出了一种简单的通过字体震动显示的方式产生空心字体的方法。这种方法可以在原来任何字体都生成相对应的空心字体。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(10)

▲ 图2.1.1 楷体字体空心文字

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(11)

▲ 图2.1.2 宋体字体空心文字

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(12)

▲ 图2.1.3 华文行楷字体空心文字

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(13)

▲ 图2.1.5 中心颜色为黄色的空心字体

最终这种方法在 TEASOFT 软件中得到了应用。

圆形字体是怎么做出来的(如何形成带有边缘的空心字体)(14)

■ 附件参考资料

[1]

TEASOFT教学软件: https://zhuoqing.blog.csdn.net/article/details/107465301

[2]

文字边缘轮廓制作教程-百度经验: https://jingyan.baidu.com/article/72ee561a1b748de16138df27.html

,