3d y animación

Shortcuts essenciais de Animate e Photoshop para animação em 2025

O designer Pablo Cuello compartilha os atalhos de teclado mais populares de animação com esses dois programas

Não é necessário ferramentas complicadas para criar animações impressionantes. Aprendendo alguns truques, você poderá simplificar seu processo de design e realizar animações quadro a quadro.

Neste post, o designer e animador Pablo Cuello (@pablocuello) compartilha os atalhos de teclado mais populares dos programas Adobe Animate e Adobe Photoshop para que você economize tempo ao criar sua próxima animação cativante.

Pablo Cuello
Pablo Cuello

O que você precisa saber sobre animação no Photoshop

Embora o Photoshop ainda esteja muito longe de permitir a criação de animações cinematográficas profissionais como o After Effects, ele possui recursos suficientes para produzi-las. Isso é bastante útil para quem já familiarizado com o Photoshop e não deseja investir um tempo extra para aprender a dominar um novo software.

O Photoshop permite o uso de técnicas de animação suficientemente sofisticadas para produzir os resultados desejados em apenas alguns passos. O programa permite, por exemplo, que você execute uma técnica chamada rotoscopia, que envolve o redesenho de uma forma - traçando cada cena com qualquer técnica de desenho - quadro a quadro, com base em uma sequência de imagens de ação real, como um vídeo.

A rotoscopia foi usada em filmes como O Homem Duplo e Waking Life, ambos de Richard Linklater. Em geral, esse tipo de animação não pode ser feita em mais de seis etapas. Além disso, o Photoshop também apresenta muitas outras ferramentas para animar imagens.

Freepik
Freepik

Atalhos essenciais do Adobe Photoshop para animação

Nota 1: Use Ctrl para Windows e Command para Mac.
Nota 2: Use Alt para Windows e Option para Mac.

Desenhar

- B → Pincel
- E → Borracha
- R → Girar Visualização

Transformar

- Command/Ctrl + A → Selecionar tudo
- Command/Ctrl + D → Desfazer seleção
- M → Letreiro
- L → Laço
- Command/Ctrl + X → Cortar
- Command/Ctrl + C → Copiar
- Command/Ctrl + Shift + V → Colar
- Command/Ctrl + E → Mesclar camadas

Cor

- I → Conta-gotas
- X → Alternar cores de primeiro plano/plano de fundo
- D → Cores de primeiro plano/plano de fundo padrão
- Command/Ctrl + Delete → Preencher com a cor do primeiro plano
- 0-9 → Definir opacidade da camada

Usar o painel Animação no modo Quadros

- Ctrl + T → Transformação livre
- [ → Diminuir tamanho do pincel
- ] → Aumentar tamanho do pincel
- { → Diminuir dureza do pincel
- } → Aumentar dureza do pincel
- Setas esquerda/direita → Girar a ponta do pincel em 1 grau
- Shift + seta esquerda/direita → Girar a ponta do pincel em 15 graus
- D → Cores de primeiro plano/plano de fundo padrão
- X → Alternar cores de primeiro plano/plano de fundo
- Alt - clique na camada → Ajustar camadas na tela
- Ctrl + J → Nova camada por cópia
- Shift + Ctrl + J → Nova camada por recorte
- Qualquer ferramenta de seleção + arrastar + Shift → Adicionar a uma seleção
- Clique no pincel ou na amostra + Alt → Excluir pincel ou amostra
- Ctrl + clique → Alternar seleção automática com a ferramenta Mover
- Esc → Cancelar qualquer janela da caixa de diálogo modal (incluindo o espaço de trabalho inicial)
- Enter → Selecionar o primeiro campo de edição da barra de ferramentas
- Tab → Navegar pelos campos
- Tab + Shift → Navegar entre os campos na direção oposta
- Alt → Alterar Cancelar para Redefinir

Freepik
Freepik

Adobe Animate, o sucessor do Flash Professional

Por quase duas décadas, o Flash Professional foi a ferramenta ideal para a criação de animações sofisticadas online. Desde o lançamento do HTML5, houve uma demanda por animações que sigam os padrões da web, por isso os desenvolvedores do Flash Professional o redesenharam completamente nos últimos anos para torná-lo mais compatível.

Para marcar a mudança, o programa recebeu um novo nome em fevereiro de 2016, quando a versão atualizada foi lançada: Adobe Animate CC.

Para que serve o Adobe Animate?

- O programa é usado para criar gráficos vetoriais e animações. Você pode usar o Adobe Animate para produzir o tipo de animação que vemos todos os dias em programas de TV, vídeos online, sites, aplicativos e videogames.
- Também pode ser usado para conteúdo para web e mobile e experiências de realidade aumentada.

Atalhos essenciais do Adobe Animate para animação

Nota 1: Use Ctrl para Windows e Command para Mac.
Nota 2: Use Alt para Windows e Option para Mac.

Desenhar

- B → Pincel
- Y → Lápis
- P → Caneta
- E → Apagar

Transformar

- V → Seleção
- A → Subseleção
- Q → Caixa de transformação
- Shift + Barra de espaço → Rotacionar folha de trabalho

Linha do tempo

- F5 → Estender fotograma
- F6 → Acrescentar fotograma chave
- F7 → Acrescentar fotograma vazio
- Shift + F5 → Eliminar fotograma
- Shift + F6 → Tirar fotograma chave

Reprodução

- Enter → Reproduzir
- < → Retroceder um quadro
- > → Avançar um quadro

Adobe Animate, o sucessor do Flash Professional
Adobe Animate, o sucessor do Flash Professional

Arquivo

- Ctrl + R → Importar imagens/som/etc...
- Ctrl + Shift + R → Exportar para .swf/.spl/.gif e assim por diante
- Ctrl + Shift + O → Abrir como biblioteca
- Ctrl + L → Mostrar/Ocultar a biblioteca
- Ctrl + M → Seleção de comentários
- Ctrl + E → Alternar entre o modo de Editar filme e Editar símbolo
- Ctrl + Shift + L → Mostrar/Ocultar a área de trabalho
- Ctrl + Shift + W → Mostrar/Ocultar a linha do tempo

Adobe Animate, o sucessor do Flash Professional
Adobe Animate, o sucessor do Flash Professional

Editar e modificar

- Ctrl + A → Selecionar tudo
- Ctrl + Shift + A → Cancelar todas as seleções
- Ctrl + G → Agrupar
- Ctrl + U → Desagrupar
- Ctrl + B → Separar
- Ctrl + D → Duplicar
- Ctrl + Shift + V → Colar no local
- Ctrl + Shift + O → Importar uma biblioteca
- Ctrl + K → Alinhar janela
- Ctrl + Alt + S → Dimensionar e girar
- Ctrl + Shift + Z → Remover transformação
- Ctrl + Seta para cima → Mover adiante
- Ctrl + Seta para baixo → Mover para trás
- Ctrl + Shift + Seta para cima → Trazer para a frente
- Ctrl + Shift + Seta para baixo → Enviar para trás
- Ctrl + T → Mostrar ou ocultar o painel Transformar
- Ctrl + Shift + T → Modificar Parágrafo
- Ctrl + Alt + Seta esquerda → Espaço mais estreito entre as letras (kerning)
- Ctrl + Alt + Seta direita → Espaço mais largo entre as letras (kerning)

Outros truques

- Ctrl + Shift + Alt + R → Mostrar ou ocultar as réguas
- Ctrl + Shift + F9 → Mostrar ou ocultar o painel Cor
- Ctrl + Alt + K → Abrir uma nova janela na simulação que está mais à frente que é uma duplicata da janela ativa

Se quiser aprender mais com Pablo, faça o seu curso Criação de histórias animadas em loop e aprenda a criar animações de personagens quadro a quadro com desenhos simples.

Versão em português de @ntams.

Você também pode se interessar por:

- Atalhos de teclado do Premiere Pro para dominar a edição de vídeos
- Tutorial Photoshop: principais atalhos para criar texturas
- A inspiradora história das mulheres que criaram os grandes clássicos da Disney
- Animação em loop com técnicas mistas de ilustração digital, um curso de Itsacat&Goodog
- Animação em loop no Cinema 4D, um curso de Fabricio Lima

Cursos recomendados

Crea Cortometrajes con Inteligencia Artificial. Un curso de 3D, Animación e Inteligencia Artificial de Diego Velasquez
Intensivo Aprende IA

Crea Cortometrajes con Inteligencia Artificial

Un curso de Diego Velasquez

Descubre cómo dirigir un proyecto audiovisual completo utilizando herramientas generativas de IA.

  • 425
  • 100% (2)
GRATIS CON PLUS
98% Dto.
Precio original $39.99USD
Comprar $0.99USD
Blender para principiantes. Un curso de 3D y Animación de Carlos Sifuentes Haro
Domestika Basics · 7 cursos

Blender para principiantes

Un curso de Carlos Sifuentes Haro

Aprende a dominar las herramientas básicas del software para crear contenidos audiovisuales 2D y 3D como un profesional

  • 78.463
  • 93% (1.2K)
GRATIS CON PLUS
97% Dto.
Precio original $59.99USD
Comprar $1.99USD
Crea VFX hiperrealistas con inteligencia artificial y Veo3. Un curso de 3D, Animación e Inteligencia Artificial de Diego Velasquez
Intensivo Aprende IA

Crea VFX hiperrealistas con inteligencia artificial y Veo3

Un curso de Diego Velasquez

Crea efectos visuales hiperrealistas con inteligencia artificial usando Veo3 y técnicas avanzadas en Flow de Google

  • 600
  • 100% (14)
GRATIS CON PLUS
98% Dto.
Precio original $39.99USD
Comprar $0.99USD
0 comentarios