Lyrics

The Lyrics component allows you to add, customize, and synchronize lyrics within your effect, offering a range of properties to style and personalize dynamic text. Key properties include selecting a lyrics template, text size, font, color, opacity, and alignment options for flexible layout. Additionally, you can enhance your lyrics with background colors, outlines, shadows, and spacing to create a striking visual impact!

Add a Lyrics Component

To add a Lyrics component:

1. Go to the Inspector panel
2. Click the Add Component button
3. Go to 2D
4. Select Lyrics

Properties

Property	Description
Lyrics Template	Let's you choose from creative, pre-designed styles to animate and synchronize your text. Options include Word pop, Typewriter, Bounce, and Headline
Text	Displays the characters on the screen
Size	Sets the size of the text on the screen
Font	Determines the font style of the text
Text Art	Assigns a Text Art texture to the text
Fill Mode	Determine if you want the text to be a Solid Color, Texture, or Gradient
Color	Sets the HEX color of the text characters
Opacity	Adjusts text transparency, ranging from 0.00 (fully transparent) to 1.00 (fully opaque)
Box Dimension	Controls the dimensions of the text bounding box
Resize to Fit	Automatically adjusts the text and background to fit text size
Style	Bold: Makes the text thicker and darker Italic: Slants the text to the right Underline: Adds an underline beneath the text
Direction	Horizontal: Displays the text horizontally Vertical: Displays the text vertically
Overflow	Controls how text is displayed when it exceeds the size of the text box. Choose from: Clip text: Truncates the text to fit within the defined text box, preventing overflow Show Ellipsis: Replaces overflowing text with an ellipsis (...) to indicate omitted content Clamp: Maintains the original font size and clamps the text content without shrinking or overflowing Shrink: Dynamically reduces the font size to fit the text within the box, down to the defined minimum font size
Horizontal Alignment	Horizontal Left: Displays the text horizontally and left-aligned Horizontal Center: Displays the text horizontally and center-aligned Horizontal Right: Displays the text horizontally and right-aligned Horizontal Justified: Aligns text evenly between the left and right margins, creating straight edges on both sides by adjusting spacing between words or characters for a unified, polished look
Vertical Alignment	Vertical Top: Displays the text vertically and top-aligned Vertical Center: Displays the text vertically and center-aligned Vertical Bottom: Displays the text vertically and bottom-aligned
Letter Spacing	How far apart the characters are from each other. The range is from 0.00 to 1.00
Line Spacing	How far apart the lines of text are from each other. The range is from 0.00 to 1.00
Background	Sets a color block behind the text. If selected, you can adjust the background color, opacity, corner radius, width, and height
Outline	Sets an outline around the text. If you click the Add button [+], you can add multiple outlines and adjust color, opacity, and size

Best Practices

• Experiment with different fonts and Text Art to make your lyrics visually pop
• Ensure your lyrics color and Fill Mode have high contrast against the background so they are easy to read
• Use Letter Spacing and Line Spacing to fine-tune the layout and readability of your lyrics
• Take advantage of Resize to Fit if your lyrics change length dynamically during the effect