【manim动画教程】-- 文本样式

manim,动画教程,文本,样式 · 浏览次数 : 153

小编点评

**文本颜色和字体设置** **Text对象** * **color属性**:设置单色或渐变色。 * **set_color_by_gradient方法**:设置渐变色。 * **t2c属性**:设置字符颜色。 * **t2f属性**:设置字体属性。 * **font_size属性**:设置字体大小。 **字体相关属性** * **font属性**:设置系统字体。 * **font_size属性**:设置字体大小。 * **weight属性**:设置字体粗体或斜体。 * **slant属性**:设置斜体。 **其他设置** * **t2w属性**:设置字符粗体。 * **t2s属性**:设置字符斜体。

正文

文本的样式主要指颜色字体相关的属性设置。

对于manim的两个文本对象 TextTex来说,
Text对象有更多的属性可以调整样式,相对来说,由于 Tex主要用来显示数学公式,所以关于样式的属性要少一些。

下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。

1. 颜色相关

颜色设置主要分为单色,渐变色两种,对于 Text对象,manim还提供了更加精细的按字符设置的属性。

1.1 单色

单色设置通过 color属性。

Text("hello world", color=RED)
Text("你好,世界", color=YELLOW)
Text("こんにちは世界", color=GREEN)
Tex(r"$a^2 + b^2 = c^2$", color=RED)
Tex(r"$E = mc^2$", color=YELLOW)
Tex(r"$e^{i\pi} + 1 = 0$", color=GREEN)

运行效果:
out01.gif

1.2 渐变色

渐变色设置通过 set_color_by_gradient方法。

Text("hello world").set_color_by_gradient((RED, GREEN))
Text("你好,世界").set_color_by_gradient((YELLOW, BLUE))
Text("こんにちは世界").set_color_by_gradient((BLUE, RED))
Tex(r"$a^2 + b^2 = c^2$").set_color_by_gradient((RED, GREEN))
Tex(r"$E = mc^2$").set_color_by_gradient((YELLOW, BLUE))
Tex(r"$e^{i\pi} + 1 = 0$").set_color_by_gradient((BLUE, RED))

运行效果:
out01.gif

1.3 按字符设置

如果一段文本中需要突出某些字符,可以用 t2c属性来设置特定字符的颜色。

Text("databook.top", t2c={"data": BLUE, "book": RED, "top": GREEN})

对于 Tex对象来说,虽然没有 t2c属性,也可以通过 set_color_by_tex方法来设置特定字符的颜色。

t = Tex(r"$a^2$", " + ", r"$b^2$", " = ", r"$c^2$")
t.set_color_by_tex("a^2", RED)
t.set_color_by_tex("b^2", YELLOW)
t.set_color_by_tex("c^2", GREEN)

运行效果:
out01.gif

2. 字体相关

manim可以直接使用系统中已有的字体,也可以设置字号,Text对象还可以设置粗体,斜体等等。

2.1 系统字体

manim通过 font属性设置字体。

Text("manim", font="Consolas")
Text("数学", font="STXingkai")  # 华文行楷
Text("之旅", font="STCaiyun")   # 华文彩云

运行效果:
out01.gif

2.2 字号

字号就是字体的大小,通过 font_size属性设置。

Text("manim", font_size=20)
Text("数", font_size=30)
Text("学", font_size=40)
Text("之", font_size=50)
Text("旅", font_size=60)

运行效果:
out01.gif

2.3 粗体

粗体通过 weight属性设置。

Text("NORMAL font weight")
Text("BOLD font weight", weight=BOLD)

运行效果:
out01.gif

2.4 斜体

斜体通过 slant属性设置。

Text("NORMAL font")
Text("ITALIC font", slant=ITALIC)

运行效果:
out01.gif

2.5 按字符设置

字体相关的属性也可以像颜色那样,按字符设置。相关的主要属性包括:

  1. t2f:按字符设置字体
  2. t2s:按字符设置斜体
  3. t2w:按字符设置粗体
Text(
    "manim 数学之旅",
    t2f={"数学": "STXingkai", "之旅": "STCaiyun"},
    t2s={"ma": ITALIC},
    t2w={"nim": BOLD},
)

运行效果:
out01.gif

3. 总结回顾

本篇主要介绍了文本的颜色和字体相关的设置,其中 Text提供了丰富的属性来设置文本的样式。
颜色相关的属性主要有:

  1. color:单色设置
  2. set_color_by_gradient:渐变色设置
  3. t2c:按字符设置颜色

字体相关的属性主要有:

  1. font:字体设置
  2. font_size:字号设置
  3. weight:粗体设置
  4. slant:斜体设置
  5. t2f:按字符设置字体
  6. t2s:按字符设置斜体
  7. t2w:按字符设置字体

文字说明和公式是制作数学视频时必不可少的部分,
通过设置其常用属性,让文字和公式在配合其他图形部分时,在色彩,大小等形式上保持一致性,更加美观的呈现最终的效果。

本文关联的微信视频号短视频:
manim-文本样式-视频号.png

与【manim动画教程】-- 文本样式相似的内容:

【manim动画教程】-- 文本样式

文本的样式主要指颜色和字体相关的属性设置。 对于manim的两个文本对象 Text和 Tex来说, Text对象有更多的属性可以调整样式,相对来说,由于 Tex主要用来显示数学公式,所以关于样式的属性要少一些。 下面介绍一些我在视频制作时最常用的一些颜色和字体相关的属性。 1. 颜色相关 颜色设置主

【manim动画教程】-- 文字和公式

manim中提供了两种方式来表示文字信息,一种是 Text系列,一种是 Tex系列。 从目前我自己的使用的体验来看, Text系列在显示文字信息方面,提供了更多的的属性来调整显示效果。如果有大段的文字要排版,或者对文字的显示效果要求高的话,建议使用 Text。 而 Tex系列最大的优势是支持 Lat

【manim动画教程】--常用动画效果

manim的主要功能就是制作动画,因此它提供了各类丰富的动画效果, 本篇主要介绍其中最常用的几种动画效果。 至于特殊的动画效果,以及自定义动画效果的方法以后再另外介绍。 1. 创建效果 展示某个元素或者文字时,一下子就全显示出来会显得比较突兀,通过创建效果的动画,让各个元素的出现更加的自然。 常用的

【manim动画教程】-- 安装

manim是基于python语言开发的开源框架,是由 3blue1brown 开发的。 本来是他们自己用来制作数学视频用的,因为其友好的API和漂亮的UI效果,在开源之后,立刻流行起来。 原先开源的地址是: 后来托管给了社区,现在安装最新的版本请从这里下载: 改版之后,命令行更加清晰,简单。 支持的

【manim动画教程】-- 基本图形

制作数学视频时,各类几何图形是使用最频繁的。 一般来说,常用的几何图形包括:点,线,圆以及多边形。 1. 点 点是最简单图形,也是其他所有图形的基础。 绘制其他任何图形时,都是用点来定位的。 manim中生成一个点很方便,只要给定一个坐标即可。 这里的坐标包含 [x, y, z]3个维度,如果绘制二

【manim动画教程】-- 图形样式

manim绘制图形时,除了上一节提到的那些必须的参数,还有一些可选的参数, 这些参数可以控制图形显示的样式。 绘制各类基本图形(点,线,圆,多边形等)时,每个图形都有自己的默认的样式,比如上一节的图形, 有的默认是白色,有的默认是红色。 控制图形样式的参数最常用的有以下四个: stroke_widt

【manim动画教程】-- 坐标系

没有引入坐标系之前,在绘制图形时,也有一个隐含的坐标系,它和屏幕的像素相关。 比如,我们之前示例中的各个图形,屏幕的中心就是坐标原点([0, 0]), 横轴坐标的范围大概是 [-3.5, 3.5],纵轴的坐标范围大概是 [-4, 4],这个范围与设置的视频分辨率有关,分辨率设置的越高的话,坐标范围越

【manim动画教程】--高级动画效果

在常用的动画效果中,介绍了一些元素的创建,销毁,移动和变换的方法,这些方法都是针对单个动画的。 如果需要多个动画互相关联,或者元素需要有更复杂的运动方式,那么,仅仅依靠常用的动画效果可能就无法满足要求了。 本篇的高级动画效果主要介绍一些更加灵活的元素运动方式,如何组合多个动画,以及如何联动多个动画的

【manim动画教程】--相机

相机(Camera)在二维的场景下使用不多,一般在3D场景中提及的比较多。 相机相当于我们看动画的视角,简单来理解的话,相当于我们的眼睛(实际情况会复杂一些,相机还有其他一些辅助功能)。 默认的相机焦点在屏幕的中心位置,相机默认是以俯视的视角查看所有的元素。 之前的介绍的常用动画效果和高级动画效果,

【manim动画教程】--目录(完结)

manim是一个生成数学教学视频的动画引擎。 它用编程的方式创建精美的数学动画,让数学更加易懂。 本教程简单介绍了 manim 的基本使用方式,基于 v0.17.2 版本 manim 安装 manim是基于python语言开发的开源框架,是由 3blue1brown 开发的。 本来是他们自己用来制作