Como distorcer elementos no Adobe Edge Animate

Como distorcer elementos no Adobe Edge Animate

Você pode usar o painel Propriedades do Adobe Edge Animate para criar três dos mesmos efeitos de animação criados com a ferramenta Transform:

  • Enviesamento

  • Dimensionamento

  • Rotativo

Usar a ferramenta Transformar oferece mais controle fluido sobre a animação. Ao usar o painel Propriedades, você define números específicos - o que fornece maior precisão na criação da animação.

Desviar seus elementos é um efeito muito legal. No Adobe Edge Animate CC, inclinar seu elemento significa animá-lo por meio de uma transição de ângulos oblíquos ou mudar sua direção ou posição repentinamente. A melhor maneira de descobrir o que o enviesamento faz é experimentá-lo.

Um exemplo de inclinação é trazer o texto para o Palco. Você pode usar a inclinação como uma abordagem alternativa para esmaecer ou rolar o texto. O enviesamento faz com que o texto diminua de tamanho à medida que os diferentes ângulos torcem as palavras.

Ferramenta de transformação

Com a ferramenta Transformar e o elemento selecionados, posicione o cursor diretamente ao longo de uma aresta, conforme mostrado nesta figura, para ver as linhas duplas com meias setas. Agora você pode clicar e arrastar para inclinar o elemento.

Como distorcer elementos no Adobe Edge Animate

Se você não quiser animar o efeito de inclinação, certifique-se de desabilitar o modo Quadro-chave automático ao usar a ferramenta Transformar.

Se você deseja animar a inclinação, defina o pino e o indicador de reprodução em pontos diferentes na linha de tempo ao usar a ferramenta Transformar e certifique-se de que o cronômetro esteja vermelho.

Painel de propriedades

Para usar Skew por meio do painel Propriedades, siga estas etapas:

Importe uma imagem ou crie um elemento.

Ajuste o indicador de reprodução da linha de tempo e fixe onde deseja que ocorra a distorção.

No painel Propriedades, ajuste o número de graus de inclinação.

Você pode especificar valores de inclinação horizontal e vertical para o objeto. Esses valores afetam o objeto em seus eixos X e Y (respectivamente). Para encontrar o melhor efeito, tente usar os dois valores em vários graus; também ajustar a duração da animação.

Depois de definir os valores de inclinação, você pode testar o efeito da seguinte maneira: Mova o pino na linha do tempo para frente ou para trás para permitir pelo menos uma duração de 5 segundos (para fornecer tempo suficiente para que você possa realmente ver o efeito em ação), e em seguida, redefina os valores Skew de volta para 0 para exibir o objeto sem qualquer Skew.

Ajustar a duração da animação para Skew tem um efeito dramático em como a animação é reproduzida. Com uma animação mais longa, o efeito Inclinar tem mais tempo para mostrar os diferentes ângulos pelos quais o objeto é torcido antes de voltar a 0 (ou qualquer valor final definido para o objeto).

Como distorcer elementos no Adobe Edge Animate

O máximo que você pode inclinar um elemento é 89 graus. Se você usar um valor superior a 89, o Edge Animate reverte o valor para 89. Você provavelmente desejará usar um valor de inclinação muito inferior a 89 para sua composição final. Um valor de 89 torce e transforma muito o elemento e pode ser um pouco demais.


Trabalhando com pranchetas no Photoshop CC

Trabalhando com pranchetas no Photoshop CC

Aprenda a trabalhar com pranchetas no Photoshop CC, criando telas separadas para projetos de design, como aplicativos móveis e folhetos.

Como aplicar transparência a SVGs

Como aplicar transparência a SVGs

Aprenda como aplicar transparência a gráficos SVG no Illustrator e explore dicas sobre como gerar SVGs com fundos transparentes.

Como ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Aprenda a ajustar as propriedades do texto no Adobe XD para melhorar a legibilidade e a apresentação do seu projeto. Veja como escolher fontes, tamanhos e estilos de forma eficaz.

Como usar a ferramenta Free Transform em documentos do InDesign CS6

Como usar a ferramenta Free Transform em documentos do InDesign CS6

A ferramenta Free Transform no Adobe InDesign permite transformar objetos de várias maneiras, como mover, girar e dimensionar. Confira como utilizá-la corretamente.

Como dimensionar imagens no Adobe Fireworks CS6

Como dimensionar imagens no Adobe Fireworks CS6

Aprenda a dimensionar suas imagens no Adobe Fireworks CS6 de forma correta. Otimize suas imagens e evite problemas de pixelização e lentidão no download.

Captura de tela uma seção de um arquivo PDF

Captura de tela uma seção de um arquivo PDF

Você pode usar a ferramenta Snapshot no Adobe Acrobat CS5 para selecionar texto e imagens e criar uma imagem de uma determinada área em um arquivo PDF. O resultado é comumente referido como uma captura de tela de uma seção em um arquivo PDF. O resultado é uma imagem, e seu texto não é [...]

Medindo, contando e analisando pixels no Photoshop CC

Medindo, contando e analisando pixels no Photoshop CC

Projetado para pesquisadores e cientistas, os recursos de medição do Photoshop CC são bastante poderosos. Você pode medir qualquer coisa e contar o número de qualquer coisa em uma imagem técnica, talvez de um microscópio ou telescópio. Se você sabe o tamanho exato de qualquer elemento em uma imagem, você pode descobrir quase tudo [...]

As ferramentas Liquify no Adobe CS5 Illustrator

As ferramentas Liquify no Adobe CS5 Illustrator

Ao usar as ferramentas Liquify no Adobe Creative Suite 5 (Adobe CS5) Illustrator, você pode dobrar objetos - torná-los ondulados, pegajosos ou pontiagudos - criando distorções simples a complexas. As ferramentas Liquify podem realizar todos os tipos de distorções criativas ou malucas (dependendo de como você as encara) em seus objetos. Vocês […]

Como criar códigos QR no InDesign CC

Como criar códigos QR no InDesign CC

Você pode usar o InDesign para criar e modificar gráficos de código QR. Os códigos QR são uma forma de código de barras que pode armazenar informações como palavras, números, URLs ou outras formas de dados. A usuária escaneia o código QR usando sua câmera e software em um dispositivo, como um smartphone, e o software faz uso [...]

Quebrar texto em Adobe Illustrator CC

Quebrar texto em Adobe Illustrator CC

Empacotar texto no Adobe Illustrator CC não é exatamente o mesmo que embrulhar um presente - é mais fácil! Uma quebra automática de texto força o texto a envolver um gráfico, conforme mostrado nesta figura. Esse recurso pode adicionar um pouco de criatividade a qualquer peça. O gráfico está forçando o texto a envolvê-lo. Primeiro, crie [...]