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.


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 ajustar as propriedades do texto no Adobe XD

Como ajustar as propriedades do texto no Adobe XD

Quando você tem texto em seu projeto Adobe XD, pode começar a alterar as propriedades do texto. Essas propriedades incluem Família da fonte, Tamanho da fonte, Peso da fonte, Alinhamento, Espaçamento entre caracteres (kerning e rastreamento), Espaçamento entre linhas (entrelinha), Preenchimento, Borda (traço), Sombra (sombra) e Desfoque de fundo. Então, vamos revisar como essas propriedades são aplicadas. Sobre legibilidade e fonte [...]

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 [...]

Trabalhando com pranchetas no Photoshop CC

Trabalhando com pranchetas no Photoshop CC

Assim como no Adobe Illustrator, as pranchetas do Photoshop oferecem a capacidade de criar páginas ou telas separadas em um documento. Isso pode ser especialmente útil se você estiver criando telas para um aplicativo móvel ou um pequeno folheto. Você pode pensar em uma prancheta como um tipo especial de grupo de camadas criado com o painel Camadas. Seu […]

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 [...]

Como redimensionar formas no Illustrator

Como redimensionar formas no Illustrator

Ao projetar no Adobe Illustrator CC, geralmente você precisa que uma forma tenha um tamanho exato (por exemplo, 2 x 3 polegadas). Depois de criar uma forma, a melhor maneira de redimensioná-la para medidas exatas é usar o painel Transformar, mostrado nesta figura. Selecione o objeto e escolha Janela → Transformar para […]

Como aplicar transparência a SVGs

Como aplicar transparência a SVGs

Aprenda como aplicar transparência a gráficos SVG no Illustrator. Explore como gerar SVGs com fundos transparentes e aplicar efeitos de transparência.

Trabalho com imagens no Adobe XD

Trabalho com imagens no Adobe XD

Depois de importar suas imagens para o Adobe XD, você não tem muito controle de edição, mas pode redimensionar e girar as imagens como faria com qualquer outra forma. Você também pode arredondar facilmente os cantos de uma imagem importada usando os widgets de canto. Mascarando suas imagens, definindo uma forma fechada [...]