Shape

3d Text

A word or line extruded into a solid with bevelled edges, from the same fonts as the text looks; takes any material. Use for logos, signs, titles and chunky labels.

  • text
  • 3d-text
  • extruded
  • letters
  • logo
  • sign
  • title

Settings and defaults

Material

Color
#ffffff
Opacity
1

shape

Size
1
Depth
0.2
Letter spacing
0
Bevel
On
Bevel depth
0.02
Bevel size
0.015
Bevel segments
3

3D Text turns a word or a line into a solid: the letters of the font are extruded to a depth, with a bevelled edge that catches light. It takes any material, so the same word can be gold, glass, chrome or wood, and it moves, spins and casts light like any other object.

Shape settings

  • Text is the word or line to show.
  • Font picks the typeface: clean faces such as Inter, Montserrat, Oswald, Bebas Neue and Playfair Display, or handwriting faces such as Caveat, Dancing Script and Pacifico. They are the same fonts the animated text looks use.
  • Size sets the letter height, Depth how far the letters are extruded, and Letter spacing the gap between them.
  • Bevel switches the rounded edge on or off; Bevel depth, Bevel size and Bevel segments set how deep, wide and smooth it is.

Materials and display modes

Gold or chrome give logo-style lettering; clear glass makes refracting glass letters. The display modes also turn the word into particles or outlines. For flat, animated lettering such as neon or handwriting, see the text looks.

Use it for

  • Logos, brand names and titles
  • Signs and chunky labels in a scene
  • Hero headlines with real depth

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More shapes

Works well with