Busca de Artigos

Selecione um Produto

Diretório de suporte de null

Explore todos os artigos de null (Last Updated )

Nenhum artigo encontrado.

Resultados da pesquisa

Nenhum artigo encontrado.

AI Assistant: usando solicitações de IA para criar animações de entrada em JavaScript

Artigo atualizado pela última vez em 16 de jan. de 2026

Os autores de e-learning sabem que as animações de entrada podem transformar um curso estático em uma experiência de aprendizado mais dinâmica. No entanto, transformar essa visão criativa em realidade às vezes pode ser um desafio.

É aí que entra a nova funcionalidade AI JavaScript Entrance Animations no Storyline 360. Basta conversar com o AI Assistant para descrever a animação que você deseja. Ele converte suas palavras simples em código e até gera automaticamente o gatilho necessário.

As dicas e exemplos a seguir vão além do básico para ajudar você a aproveitar ao máximo essa funcionalidade baseada em IA, oferecendo ideias criativas e técnicas práticas para dar vida aos seus cursos. Continue lendo para se inspirar.

Comece com instruções simples

Com o AI Assistant, você não precisa saber programar para criar animações de entrada atraentes. Basta descrever seu objetivo em linguagem simples. Algo tão simples quanto “Faça esse objeto aparecer lentamente” fará com que o AI Assistant crie um efeito de esmaecimento para o objeto do slide. Você também pode tentar instruções como “Fazer essa forma deslizar da esquerda” ou “Fazer essa imagem girar” para ver como palavras diferentes produzem resultados diferentes.

Quando estiver satisfeito com sua animação básica, você pode continuar a conversa para refiná-la. Por exemplo, você pode dizer: “Acelere”, “Adicione um pequeno atraso” ou “Repita esta animação”. O AI Assistant se baseia em suas instruções anteriores, permitindo que você agrupe os prompts naturalmente, sem precisar recomeçar a cada vez.

Essa abordagem conversacional facilita a experimentação e o refinamento de suas animações até que elas se movam exatamente como você imaginou. Comece de forma simples, crie passo a passo e deixe que o AI Assistant cuide dos detalhes técnicos enquanto você se concentra no lado criativo.

Ajuste as propriedades do objeto

Você pode referenciar as propriedades básicas dos objetos de slide em seus prompts para controlar o comportamento das animações. A tabela abaixo lista propriedades comuns de objetos junto com exemplos para ajudar você a descrever os efeitos desejados e orientar o AI Assistant na geração da animação certa.

Propriedades do objeto	Efeitos	Exemplo de uso em prompts
Movimento e temporização	Facilitando	“Facilite a entrada” (começa devagar e acelera.) “Facilite” (começa rápido e diminui a velocidade no final) “Entrada e saída fáceis” (começa e termina lentamente, com movimentos mais rápidos no meio) “Elástico” (como um elástico) “Linear” (sem alteração de velocidade)
	Em loop	“Faça um loop infinito” “Faça um loop para sempre” “Tire a animação da linha do tempo”
	Rapidez	“Diminua a velocidade da animação” “Diminua a velocidade da animação em 2x” “Acelere a animação para que leve 2 segundos no total”
	Cambaleado	“Desvanecer sequencialmente” “Desvanecer um após o outro”
Posição e movimento	3D	“Gire o objeto em 3D” “Gire o objeto em 3D com perspectiva” “Adicionar uma inclinação 3D”
	Distância	“Mova o retângulo para a direita em 200 px” (pergunte ao AI Assistant qual é o tamanho do slide para ter uma ideia de quantos pixels especificar.)
	Posição	“Mover para a esquerda/direita” “Vá para o centro do slide” “Ir para a parte inferior do slide”
	Escala	“Escala 200%” “Encolha 50%” “Aumentar o tamanho 3x” (300%)
Visual e estilo	Desfoque	“Blur in”
	Matiz	“Adicionar uma rotação de matiz” (cria efeitos de cores aleatórios)
	Opacidade	“Desvanecer” “Desvanecer” “Anime a opacidade de 1 a 0,5” (observe que 0 é completamente transparente e 1 ou 100% é completamente opaco.)

Crie animações em várias etapas (exemplos de vídeo)

Quer ver o que é possível? Os vídeos abaixo demonstram como adicionar movimento, profundidade e energia visual aos seus projetos. De sequências de cronograma a movimentos em loop e revelações de máscaras, esses exemplos mostram o alcance criativo que você pode alcançar com animações de entrada em JavaScript com IA.

Sequências da linha do tempo

No vídeo abaixo (sem som), observe como as animações de entrada e saída funcionam juntas em um fluxo contínuo. Fades, transformações e temporização escalonada adicionam ritmo e polimento a essa sequência coordenada.

Animação sequencial

O vídeo de exemplo abaixo (sem som) conecta perfeitamente vários efeitos — giros, pulsos e desfoques — para criar movimentos que evoluem ao longo do slide, resultando em um fluxo narrativo suave.

Loops de movimento fora da linha do tempo

O vídeo abaixo (sem som) mostra um movimento contínuo em loop que ocorre fora da linha do tempo. Oscilações suaves e mudanças de cor criam movimentos suaves e persistentes que enriquecem o humor.

Revela a máscara

Assista ao vídeo abaixo (sem som) para ver as imagens reveladas por meio de máscaras, criando um efeito suave em camadas. Quando combinado com entradas escalonadas e transições subsequentes, ele cria um momento visual semelhante a uma história.

Desperte sua criatividade

Se o slide estiver cheio de objetos e você não tiver certeza do que mover, esmaecer ou destacar, peça ideias ao AI Assistant. Por exemplo, pergunte ao AI Assistant quais objetos animar, como simplificar o movimento ou quais estilos de animação podem funcionar melhor juntos. Às vezes, um aviso rápido como “Qual é uma boa maneira de animar esse slide?” é tudo o que é preciso para fazer as coisas funcionarem.

No vídeo abaixo (sem som), você verá o AI Assistant em ação, oferecendo sugestões inteligentes para melhorar um slide movimentado. Observe como ele analisa objetos e sugere a organização de animações para criar um slide mais limpo e intencional sem perder a criatividade.

Suporte

Treinamento

Eventos

Contato