# Animators

## :tv: Tutorial em vídeo

{% embed url="<https://vimeo.com/399699626>" %}

## :heart: Conheça os *Animators*

Os *Animators* são composições criadas pelo **Simple Text** para comandar suas animações de texto.

{% hint style="info" %}
Para manter a animação do texto com o mesmo aspecto da animação do *Animator*, é importante manter o tamanho 50 para o tamanho da fonte em média, utilizando o parâmetro de escala do layer de texto para ajustar seu tamanho final.
{% endhint %}

### :bulb: *Criando Animators*

Cada vez em que o **Simple Text** é aplicado a um layer de texto, um novo *Animator* é criado. Os *Animator* são identificados por seus respectivos números.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-FwumQPR16PAQF1Q5i%2F-M-FyDPcUPnmOZgl-7Hp%2FSimple-Text_AnimatorsID.png?alt=media\&token=b3f52e72-35d2-4943-83f8-caa296b3a629)

Em seu layer de texto é possível alternar entre os *Animators* já criados digitando o número desejado no campo *Animator* do efeito 2DF SimpleText.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-FwumQPR16PAQF1Q5i%2F-M-FyjzWowew7aZDYzMj%2FSimple-Text_Choose-Animator.png?alt=media\&token=2b550e84-419c-420e-9257-23f834c7ccb6)

É possível utilizar o mesmo *Animator* em diferentes layers de texto, basta aplicar o **Simple Text** com o Animator selecionado no projeto. Caso o layer de texto já tenha o **Simple Text** aplicado, basta selecionar o número do animador no efeito *2DF Simple Text*.

Caso o **Simple Text** seja aplicado a mais de um layer de texto, será criado um animador para todos eles.

Para criar variações de um animador basta duplica-lo.

{% hint style="info" %}
Selecione o animador no projeto e clique `Ctrl (Cmd no Mac) + D`
{% endhint %}

### :dividers: Organizando Animators

Para facilitar a organização dos animadores você pode utilizar comentários e subpastas no projeto.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-G4MzzOeuKSCgao0lQ%2F-M-G4SmKDwFI3wV2qs3Z%2FSimple-Text_Organizing-Animator.png?alt=media\&token=f0442dcb-7c66-41ec-95a8-20080b9e7357)

É possível salvar seus animadores favoritos. Basta salva-los em um projeto e importar esse projeto quando necessário.

### :gear: Técnicas avançadas

Com os Animators você tem controle total sobre as animações. É possível manipular os beziers do path da animação.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-G4f7366ldJHD29Llf%2F-M-G5rD-gyLeEiIqR41e%2FSimple-Text_Bezier-Patch.png?alt=media\&token=1bc61988-949c-4fcb-bbe5-b0c2a0773aae)

Utilize o Graph Editor para ajustar as curvas de velocidade entre os keyframes.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-G4f7366ldJHD29Llf%2F-M-G6UrtZCU4DvM_ffom%2FSimple-Text_Graph-Editor.png?alt=media\&token=b4c46f64-8d60-44c0-9489-21f4480e55f1)

É possível aplicar expressões nos parâmetros de animação.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-G4f7366ldJHD29Llf%2F-M-G8Loio43aj1evy210%2FSimple-Text_Expressions.png?alt=media\&token=7e17cec3-5a83-427c-83e4-41726755c8e4)

Divida seu texto em partes para utilizar mais de um animador com tipos de delays diferentes na mesma frase.

![](https://2729757134-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M-FH8nT3m1XK8RiKym3%2F-M-G4f7366ldJHD29Llf%2F-M-GCfeGRcn6BHOzwUjw%2FSimple-Text_Split-Text.gif?alt=media\&token=bc6902b7-49d6-4d21-ab12-22ea9fc01f17)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://2deadfrog.gitbook.io/simpletext-pt-br/animators.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.