3D Text Generator
What is 3D text generator?
3D text generator is a free online tool to generate 3D texts and export to PNG. You can use it to generate 3D logos or 3D texts for advertisements, games, apps or anything you want.
Sometimes you want to generate a simple 3D text image but don't want to spend time learning how to use complex 3D software. In this case, this online tool can be very helpful. You can create 3D texts quickly and easily.
How to generate a 3D text online?
With this online tool you can easily generate 3D texts by following these steps:
- Enter the text that you want in the text field.
- Choose the font, color and size of the 3D text you want to generate.
- Configure the additional properties, like the text position, text rotation, text geometry, bevel, shadows, camera position, camera rotation, field of view, lights, background and other.
- Choose the canvas size (the width and height of the image in pixels).
- Download the image as PNG, by clicking button "download image".
Controls
With the mouse over the canvas, you can use the mouse wheel to move camera forward or backward. This will change the camera position attributes (position x, position y and position z). The result will be similar to zoom in and zoom out.
You can also drag with the left mouse button to change camera rotation. Dragging horizontally will change camera rotation y, while dragging vertically will change camera rotation x.
Finally, you can drag with the right mouse button to change camera position. Dragging horizontally will change camera position x, while dragging vertically will change camera position y.
Examples
Below you can find some examples of 3D texts generated with this tool.
| Image | Description |
|---|---|
 | 3D text with perspective camera and directional light. |
 | 3D text with perspective camera and point light. |
 | 3D text with orthographic camera and point light, with a rotation on X-axis and Y-axis. |
Documentation
There are many parameters you can configure when creating a 3D text. They are divided in sections.
Text
| Field | Description |
|---|---|
| text | In the text field, you type the text you want to generate. You can use line break to have multi-line text. |
| font | In the font field, you can select the text font to be used. At the moment, there are 7 different fonts: Helvetiker Bold, Roboto Regular, Roboto Bold, Nunito Regular, Nunito Bold, Lora Regular and Lora Bold. |
| color | In the color field, you can type the text color, in hexadecimal format. You can also click the square to select a color from the color picker. |
| size | The size of the text. In the size field, you can type the size of the text you want to generate. You can also use the slider to change the 3D text size. Although the slider has a minimum and maximum value, you can type a value outside the range of the slider if you need. |
Text geometry
| Field | Description |
|---|---|
| height | Thickness of the text. |
| curve segments | The number of points on the text curves. Greater number means smoother curves. |
Text position
The text has a position in 3D space. This position is represented by 3 components (x, y and z).
| Field | Description |
|---|---|
| x | The position of the 3D text, in the X-axis. |
| y | The position of the 3D text, in the Y-axis. |
| z | The position of the 3D text, in the Z-axis. |
Text rotation
You can rotate the 3D text around the X, Y and Z axis.
| Field | Description |
|---|---|
| x | The rotation of the 3D text around the X-axis. |
| y | The rotation of the 3D text around the Y-axis. |
| z | The rotation of the 3D text around the Z-axis. |
Bevel
| Field | Description |
|---|---|
| bevel size | How far from text outline is bevel. |
| bevel segments | Number of bevel segments. Must be an integer. |
| bevel thickness | How deep into text bevel goes. |
| bevel offset | How far from text outline bevel starts. |
Text shadow
| Field | Description |
|---|---|
| cast shadow | If this option is checked, the text will cast shadows on another objects (and on itself). |
| receive shadow | If this option is checked, the text will receive shadows from other objects (and from itself). |
Camera
There are two types of camera that you can use: perspective and orthographic.
| Field | Description |
|---|---|
| camera type | The type of the camera. Can be perspective and orthographic. |
| field of view | The camera frustum vertical field of view, from bottom to top of view, in degrees. Must be a number between 0 and 180. This field is enabled only for the perspective camera type. |
| left | Camera frustum left plane. This field is enabled only for the orthographic camera type. |
| right | Camera frustum right plane. This field is enabled only for the orthographic camera type. |
| top | Camera frustum top plane. This field is enabled only for the orthographic camera type. |
| bottom | Camera frustum bottom plane. This field is enabled only for the orthographic camera type. |
Camera position
You can click the "move forward" button to move a step in the direction the camera is facing, and also click "move backward" to move a little in the opposite direction.
You can also move the camera with the mouse wheel. With the mouse on the image canvas, use the mouse wheel to move camera forward or backward (the result is similar to using the "move forward" and "move backward" buttons).
If the camera is facing at the center of the text, moving forward will have an effect similar to increasing the size of the text.
| Field | Description |
|---|---|
| position x | The position of the camera, in the X-axis. |
| position y | The position of the camera, in the Y-axis. |
| position z | The position of the camera, in the Z-axis. |
Camera rotation
With the mouse on the image canvas, drag with the left mouse button to change camera angle and with the right mouse button to change camera position.
You can also click the button "Look at text (center)" to make the camera point towards the center of the text.
| Field | Description |
|---|---|
| rotation x | The rotation of the camera around the X-axis. |
| rotation y | The rotation of the camera around the Y-axis. |
| rotation z | The rotation of the camera around the Z-axis. |
Lights
There are 3 types of light: directional light, point light and ambient light.
Directional light is a type of light that gets emitted in a specific direction. This light will behave as though it is infinitely far away and the rays produced from it are all parallel. The common use case for this is to simulate daylight; the sun is far enough away that its position can be considered to be infinite, and all light rays coming from it are parallel.
You can set the directional light position (x, y and z coordinates). The directional light will point from it's position towards the origin position (0,0,0). If you want he directional light to shine from the top down, you can set it's position to (0,1,0). If you want he directional light to shine from right to left, you can set it's position to (1,0,0).
Point light is a type of light that gets emitted from a single point in all directions. A common use case for this is to replicate the light emitted from a bare lightbulb.
Ambient light is a type of light that globally illuminates all objects in the scene equally. This type of light cannot be used to cast shadows because it does not have a direction.
Directional light and point light can cast shadows, while ambient light can't.
Each light have a color and an intensity. Directional and point light have also a position (x, y and z coordinates).
When you open the 3D text generator, it will have one default light. You can add additional lights by clicking "add light" and can remove lights by clicking "remove light".
You need to have at least one light, otherwise the text will be completely dark.
Lights can produce shadows. To make a 3D text produce shadows, you need to check the option "cast shadow" in the "Text shadow" section. You also need to check the option "receive shadow" in the object you want to receive the shadow.
| Field | Description |
|---|---|
| type | The light type. Can be directional light, point light or ambient light. |
| color | The color of the light in hexadecimal format. |
| intensity | The light's strength (intensity). |
| position x | The light position (x coordinate). |
| position y | The light position (y coordinate). |
| position z | The light position (z coordinate). |
| cast shadow | If set to true, the light will cast shadows. You also need to enable "receive shadows" at all objects that you want to receive shadows. |
Objects
In addition to the 3D text itself, you can also include other 3D objects. These objects can be boxes or spheres.
For example, you can include a floor above to receive the the shadows of the 3D text.
| Field | Description |
|---|---|
| type | The type of 3D object. Can be box or sphere. |
| color | The color of the 3D object, in hexadecimal format. |
| x | The position of the 3D object, in the X-axis. |
| y | The position of the 3D object, in the Y-axis. |
| z | The position of the 3D object, in the Z-axis. |
| width | The width of the 3D object. |
| height | The height of the 3D object. |
| depth | The depth of the 3D object. |
| radius | The radius of the sphere. |
| receive shadow | If this option is checked, the 3D object will receive shadows from other objects. |
| cast shadow | If this option is checked, the 3D object will cast shadows on another objects. |
Background
The background can be a solid color or transparent.
| Field | Description |
|---|---|
| transparent | Select this option if you want transparent background. |
| color | The color of the background, in hex format. This option is only enabled if the background is not transparent. |
Canvas
| Field | Description |
|---|---|
| image size | The image size (width x height) in pixels. |
| canvas width | The width of the image, in pixels. |
| canvas height | The height of the image, in pixels. |
Download
After you finished configuring the parameters, you can download the result image as PNG.