WEBVTT

00:00:03.407 --> 00:00:13.597
[Música]

00:00:15.540 --> 00:00:19.320
ADICIONE ANIMAÇÕES EM GENIALLY

00:00:20.380 --> 00:00:21.299
Oiê!

00:00:21.518 --> 00:00:24.110
Dar vida à sua criação
com apenas alguns cliques

00:00:24.110 --> 00:00:26.453
deixaria até o Frankenstein 
com inveja, não acha?

00:00:27.050 --> 00:00:30.822
Agora, você pode adicionar 
efeitos de animação com Genially.

00:00:31.730 --> 00:00:33.967
O movimento chama
a atenção das pessoas,

00:00:33.967 --> 00:00:36.039
as surpreende
e reforçar a sua mensagem,

00:00:36.039 --> 00:00:39.140
fazendo que ela apareça
no momento perfeito.

00:00:40.110 --> 00:00:41.925
Vejamos as possibilidades.

00:00:42.120 --> 00:00:44.640
Você pode animar
qualquer elemento na página,

00:00:44.910 --> 00:00:46.639
como esta imagem, por exemplo.

00:00:47.340 --> 00:00:51.146
Ao clicar nela,
você verá o botão de animação:

00:00:51.330 --> 00:00:53.199
nosso cometa imparável.

00:00:53.199 --> 00:00:55.049
Ou será um meteorito?

00:00:55.699 --> 00:00:57.290
Digamos que é um cometa.

00:00:58.240 --> 00:01:01.348
Ao clicar nele, um menu 
de configurações aparece à direita.

00:01:01.438 --> 00:01:04.559
Aqui você verá os diferentes tipos 
de animação que pode adicionar.

00:01:04.719 --> 00:01:07.370
O movimento do ícone dá uma ideia.

00:01:08.270 --> 00:01:11.260
Por exemplo, a animação Entrada

00:01:11.260 --> 00:01:14.814
indica o movimento de um elemento 
ao aparecer na tela.

00:01:15.267 --> 00:01:17.567
Clique para escolher
o efeito de sua preferência.

00:01:17.840 --> 00:01:19.850
Não consegue decidir?
Sem problemas!

00:01:19.850 --> 00:01:22.993
Passe o cursor sobre as opções
para visualizá-las.

00:01:22.993 --> 00:01:26.423
E se você ainda não encontrou
o efeito que tinha em mente,

00:01:26.423 --> 00:01:28.164
tente mudar de direção.

00:01:28.184 --> 00:01:30.486
Você decide como e quando.

00:01:30.491 --> 00:01:33.611
Escolha o momento exato em
que deseja que o elemento apareça

00:01:33.611 --> 00:01:36.603
e com que rapidez você deseja
que o efeito seja reproduzido.

00:01:36.603 --> 00:01:40.183
Pronto? Um ponto amarelo
indicará que a animação está ativa.

00:01:40.493 --> 00:01:44.022
Se a animação de Entrada
é o "olá" do seu elemento,

00:01:44.022 --> 00:01:46.589
a animação de saída é o "até mais".

00:01:46.589 --> 00:01:49.590
Aqui você pode ver como ele 
desaparece antes de virar a página

00:01:49.590 --> 00:01:51.360
com qualquer efeito que você deseja.

00:01:51.480 --> 00:01:52.672
Viu só?

00:01:52.672 --> 00:01:55.841
Cada vez que você seleciona uma animação,
os efeitos mudam.

00:01:55.841 --> 00:01:57.603
Mas espere! Tem mais!

00:01:57.842 --> 00:02:02.002
Com animação Contínua,
os elementos se moverão o tempo todo.

00:02:02.002 --> 00:02:06.209
Você pode criar efeitos cinematográficos,
como este relâmpago.

00:02:06.209 --> 00:02:09.609
Ou chamar a atenção do seu público
para que cliquem.

00:02:10.819 --> 00:02:13.319
E agora que chamamos
sua atenção...

00:02:13.319 --> 00:02:14.540
vamos ver o que acontece.

00:02:14.750 --> 00:02:16.410
Uau, olha como fica bacana.

00:02:17.660 --> 00:02:20.010
A magia da animação Mouse por cima.

00:02:20.250 --> 00:02:23.902
Você pode dar ao seu público 
o poder de ativar efeito

00:02:23.902 --> 00:02:27.420
como zoom ou fazer algo se mover
com o mouse.

00:02:27.420 --> 00:02:31.860
Eles chamam a atenção, e também 
ajudam a criar experiências incríveis

00:02:31.860 --> 00:02:33.783
com a animação Clique.

00:02:34.201 --> 00:02:37.031
Se a abóbora se mover
quando você passar o cursor sobre ela...

00:02:37.031 --> 00:02:39.034
o que acontecerá quando clicarmos?

00:02:39.244 --> 00:02:40.994
Todos os doces aparecem!

00:02:41.129 --> 00:02:45.906
Ao combinar essas duas animações,
criamos um efeito WOW.

00:02:46.270 --> 00:02:49.690
Para isso, é só adicionar 
a animação Desaparecer

00:02:49.690 --> 00:02:51.680
para revelar a camada abaixo.

00:02:51.680 --> 00:02:53.669
Viu só o poder de Genially?

00:02:53.669 --> 00:02:56.720
Você pode fazer coisas incríveis
de uma forma muuuito fácil.

00:02:56.720 --> 00:02:59.436
E se você gostou de alguma animação
em especial,

00:02:59.436 --> 00:03:01.959
pode copiá-la e colá-la
em qualquer elemento.

00:03:01.959 --> 00:03:04.440
Clique em "Copiar"
no painel de animação...

00:03:05.140 --> 00:03:08.175
e depois, cole-a
no elemento que deseja animar.

00:03:09.020 --> 00:03:10.484
Não gostou do resultado?

00:03:10.484 --> 00:03:13.151
Selecione a animação 
e a envie para a lixeira.

00:03:13.701 --> 00:03:14.648
Simples assim.

00:03:14.648 --> 00:03:17.101
Você pode combinar
quantas animações quiser

00:03:17.101 --> 00:03:20.452
e pré-visualizar o genially
para saber como está ficando.

00:03:20.651 --> 00:03:21.800
E.. prontinho!

00:03:22.490 --> 00:03:24.819
Gostaria de testar
todas as animações disponíveis?

00:03:25.179 --> 00:03:27.495
Frankestein está dizendo:
"Vai com tudo!"