Text Effects Help?

How can i add and remove text effects??
Like. If i want to add text effects to some words, then when i want it to go back to normal again.?

How to use Text Effects in YOUR Story!

What are text effects?

Text effects are font customizations that allow you to put more emphasis on certain parts of the dialogue in your story.

Text effects can be applied anywhere your story has text:

  • Narrator boxes
  • Speech bubbles
  • Thought bubbles
  • Reader messages
  • Choice Buttons*

We also have 3 types of effects that can be applied:

  • Formatting
  • Colors*
  • Animations

*NOTE: Color effects cannot be used with choices as we want to maintain readability for all speech bubble styles.

How do I add text effects into my script?

All text effects require the | character to start and end the command.

Multiple commands can be used together when separated by a comma (,) meaning you can mix and match formatting, colors and animations.

NARRATOR

You see a picnic in the park, with a bottle of |color:maroon| wine and all of your favorite foods.

MINA (talk_agree_happy)

This so |underline, bold, color:pink| CUTE!

ERIC (talk_sheepish_rubneck)

Whew! I was |italic, color:blue, animation:shake| preeeeeeeetty worried there for a bit…

MINA (blush_shy)

(What should I do |underline, italic|now?)

choice “Give him a |bold, animation:shake| big kiss!”

{

readerMessage Your |bold, color:red| first kiss with Eric!

}

“Give him a |bold| friendly hug.”

{

readerMessage You’re playing it |bold, color:blue| cool with Eric.

}

Text effects that are applied will be reset after each dialog. To end an effect before the end of the dialogue, you’ll want to use |reset|.

NARRATOR

You see a picnic in the park, with a bottle of |color:maroon| wine |reset| and all of your favorite foods.

MINA (talk_agree_happy)

This so |underline, bold, color:pink| CUTE |reset|!

ERIC (talk_sheepish_rubneck)

Whew! I was |italic, color:blue, animation:shake| preeeeeeeetty |reset| worried there for a bit…

MINA (blush_shy)

(What should I do |underline, italic|now?)

choice “Give him a |bold, animation:shake| big kiss!”

{

readerMessage Your |bold, color:red| first kiss |reset| with Eric!

}

“Give him a |bold| friendly |reset| hug.”

{

readerMessage You’re playing it |bold, color:blue| cool |reset| with Eric.

}

What formatting effects are available?

Here’s the full list of formatting command at this time:

  • bold
  • italic
  • underline
  • strikethrough
  • superscript
  • subscript
  • outline
  • shadow

These would be written as |formatName| and can be combined using a comma.

  • Example: |bold, italic| or | underline |

What color effects are available?

Here’s the full list of formatting command at this time:

The exact syntax is |color:colorName| for text colors, OR |highlight:colorName| for highlight colors, and can NOT be combined using a comma.

What animation effects are available?

Here’s the full list of available animation commands at this time:

  • shake
  • flash

These would be written as |animation:animationName| and can NOT be combined using a comma.

  • Example: |animation:shake|

You can also find these using the right-hand side bar here:

What if I want to do some advanced effect work?

To create some more advanced effects you can use the no-space command. This will prevent space from being added in between words, letters or punctuation that have text effects applied.

Doing this can help you create effects like the one here:

MINA (talk_excited_happy)

Enjoy using |bold, italic| Text Effects |reset, no-space| , on | color:yellow, italic | E | no-space, color:lightpink, italic | p | no-space, color:blush, italic | i | no-space, color:pink, italic | s | no-space, color:lavender, italic | o | no-space, color:skyblue, italic | d | no-space, color:cyan, italic | e |no-space, bold| !

Which translates to this!

4 Likes

Hello!

You can find a great tutorial at the link below, which will tell you everything you need to know about text effects.

1 Like

You can find more on The Guides!

1 Like

Thankyou, Very, Much. All f you… ;*

How come the |bold| text effect doesn’t work for me??

It should work. But know that it’s very subtle on the web previewer. Use the app previewer to make sure it’s working.

1 Like

Thank you so much! <3