The plugin comes with preset styles, but if you want, you can easily create your own bespoke style to tightly match your vision. Here’s how to do it:
Begin by right clicking on the content browser, heading to the Expressive Textsection and selecting Expressive Text Style asset.
⚠️
Make sure to use a suitable name since the asset name can be used to refer directly to the stylelater.
Creating a new Expressive Text Style asset
Open the newly created asset by double clicking it. This will prompt the Style Editor to show up — here you’ll be able to add different parameters to your style and personalize it to your liking. Things such as specifying a font, font color, reveal rate and animation, etc…
List of styling parameters available - image might not be up to date
💡
A more comprehensive list of parameters can be found on
If you want to add materials to your custom text style, we recommend reading the following page on how do it.
Now feel free to specify and adjust any number of parameters until you’re happy with the final result! Here’s an example of a style we made ourselves:
Example of a custom text style - It only takes a few minutes, from concept to delivery
Save your custom style! You can use it either as the default style for you expressive text, or use it with the style tag.
💡
Pro tip: You can use the light/dark background toggle and test how your custom text style might look in different scenarios!
💡
Pro tip 2: You can shrink the editor window to collapse the preview panel and only show the parameters list area. This lets you dock the window to the side and use it to tweak text already being shown in the editor viewport.
Using your custom style
Now that you’ve created your custom text style, you can choose two different ways to use it.
On a Expressive Text asset
Open the Expressive Text asset and assign a base style. Each text asset can have its own base style.
The base style selection field can be found under the text box on every Expressive Text asset.
Inheriting from other styles allows you to automatically share properties across styles, while adding or overwriting specific parameters that differentiate them.
This is how you can do it:
Have a parent style and add all the common parameters you want to be shared.
Have the child style inherit from the parent style by adding an entry to the list of Inherited Styles
The Inherited Styles category found on the Style editor
You can always redefine a previously set parameter.
Done! Now you can keep certain design elements consistent across all of your styles.