Scorciatoie di animazione essenziali per Adobe Animate e Photoshop

Il designer Pablo Cuello condivide le scorciatoie più popolari per animare con questi due programmi.

Non servono strumenti complicati per creare animazioni di grande effetto. Imparando solo alcuni trucchi, potrete semplificare il processo di progettazione e realizzare animazioni fotogramma per fotogramma.

In questo post del blog, il designer e animatore Pablo Cuello (@pablocuello) condivide le scorciatoie più popolari di Adobe Animate e Adobe Photoshop, in modo da poter risparmiare tempo durante la creazione della prossima animazione ipnotica.

Cosa c'è da sapere sulle animazioni in Photoshop

Sebbene Photoshop sia ancora lontano dall'essere in grado di creare animazioni di alta qualità e di tipo cinematografico come quelle possibili con programmi come After Effects, ha abbastanza funzioni per poter creare animazioni. Questo è particolarmente utile se si ha già familiarità con Photoshop e non si vuole investire ulteriore tempo per imparare a padroneggiare un nuovo software.

Photoshop consente di utilizzare tecniche di animazione abbastanza sofisticate da produrre i risultati desiderati in pochi passaggi.

Ad esempio, il programma consente di eseguire una tecnica chiamata rotoscoping, che consiste nel ridisegnare una forma - tracciando ogni scena con una qualsiasi tecnica di disegno - fotogramma per fotogramma, basandosi su una sequenza di immagini di azione reale, come un videoclip. Questa tecnica è stata utilizzata in film come A Scanner Darkly e Waking Life di Richard Linklater. In generale, questo tipo di animazione non può essere realizzato in più di sei fasi. Photoshop presenta anche molti altri strumenti per animare le immagini.

Scorciatoie essenziali di Adobe Photoshop per l'animazione

Nota 1: Utilizzare Ctrl per Windows, Command per Mac.
Nota 2: Usare Alt per Windows, Option per Mac.

Disegnare

- B → Strumento pennello
- E → Gomma
- R → Ruota tela

Trasforma

- Comando / Ctrl + A → Seleziona tutto
- Comando / Ctrl + D → Deseleziona tutto
- M → Controsenso
- L → Lazo
- Comando / Ctrl + X → Taglia
- Comando / Ctrl + C → Copia
- Comando / Ctrl + Shift + V → Incolla
- Comando / Ctrl + E → Unisci giù

Colore

- I → Tratto con il contagocce
- X → Scambia i colori
- D → Colori predefiniti (B&N)
- Comando / Ctrl + Canc → Riempimento con lo sfondo
- 0-9 → Imposta l'opacità del livello

Utilizzare il pannello Animazione in modalità Frames

- Ctrl + T → Trasformazione libera
- [ → Riduci dimensione pennello
- ] → Aumenta la dimensione del pennello
- → Riduci la durezza del pennello
- } → Aumenta la durezza del pennello
- Frecce del cursore → Ruota di un grado il punto del pennello
- Freccia sinistra/Freccia destra → Diminuisce/aumenta la dimensione del pennello di 2, o la densità, la pressione, il tasso o il jitter turbolento di 1.
- D → Colori predefiniti di primo piano/sfondo
- X → Cambia i colori di primo piano/sfondo
- Ctrl + clic sulla miniatura del livello → Carica la trasparenza del livello come selezione
- Ctrl + J → Nuovo livello tramite copia
- Maiusc + Ctrl + J → Nuovo livello tramite taglio
- Qualsiasi strumento di selezione + Shift + trascinamento → Aggiungi a una selezione
- Alt + clic su pennello o campione → Elimina pennello o campione
- Ctrl + clic → Attiva la selezione automatica con lo strumento di spostamento
- Escape → Annulla qualsiasi finestra di dialogo modale (compresa l'Area di lavoro iniziale)
- Invio → Seleziona il primo campo di modifica della barra degli strumenti
- Tab → Navigare tra i campi
- Tab + Shift → Navigare tra i campi in direzione opposta
- Alt → Cambiare Annulla in Reimposta

Adobe Animate, il successore di Flash Professional

Per quasi due decenni, Flash Professional è stato lo strumento di riferimento per la creazione di animazioni sofisticate online. Da quando è stato lanciato l'HTML5, c'è stata una richiesta di animazioni che seguissero gli standard web, quindi gli sviluppatori di Flash Professional hanno completamente riprogettato lo strumento negli ultimi anni per renderlo più compatibile.

Per segnare questo cambiamento, hanno rinominato il programma Adobe Animate CC nel febbraio 2016, quando è stata rilasciata questa nuova versione aggiornata.

A cosa serve Adobe Animate?

- Questo programma viene utilizzato per progettare grafica vettoriale e animazioni. È possibile utilizzare Adobe Animate per creare il tipo di animazioni che vediamo ogni giorno in programmi televisivi, video online, siti web, app e videogiochi.
- Può anche essere utilizzato per creare contenuti web e mobili ed esperienze di realtà aumentata.

Scorciatoie essenziali di Adobe Animate per l'animazione

Nota 1: Utilizzare Ctrl per Windows, Command per Mac.
Nota 2: Utilizzare Alt per Windows, Option per Mac.

Disegno

- B → Pennello
- Y → Matita
- P → Penna
- E → Gomma

Trasformazione

- V → Seleziona
- A → Sottoselezione
- Q → Trasforma
- Shift + Barra spaziatrice → Ruota tela

Timeline

- F5 → Estendi cornice
- F6 → Aggiungi keyframe
- F7 → Aggiungi keyframe vuoto
- Maiusc + F5 → Elimina fotogramma
- Maiusc + F6 → Cancella keyframe

Riproduzione

- Invio → Riproduzione
- < → Fotogramma precedente
- > → fotogramma successivo

File

- Ctrl + R → Importa immagine/suono/ecc...
- Ctrl + Shift + R → Esportazione in .swf/.spl/.gif/, e così via
- Ctrl + Shift + O → Apri come libreria
- Ctrl + L → Mostra/Nascondi libreria
- Ctrl + M → Modifica le proprietà del filmato
- Ctrl + E → Alterna tra la modalità Modifica filmato e Modifica simbolo
- Ctrl + Shift + L → Mostra/Nascondi area di lavoro
- Ctrl + Shift + W → Mostra/nascondi timeline

Editare e modificare

- Ctrl + A → Seleziona tutto
- Ctrl + Shift + A → Deseleziona tutto
- Ctrl + G → Raggruppa
- Ctrl + U → Disgrega
- Ctrl + B → Separa
- Ctrl + D → Duplica
- Ctrl + Shift + V → Incolla al suo posto
- Ctrl + Shift + O → Ottimizza curve
- Ctrl + K → Allinea finestra
- Ctrl + Shift + S → Scala e ruota
- Ctrl + Maiusc + Z → Rimuovi trasformazione
- Ctrl + Freccia su → Sposta avanti
- Ctrl + Freccia giù → Sposta indietro
- Ctrl + Shift + Freccia su → Porta in primo piano
- Ctrl + Shift + Freccia giù → Manda indietro
- Ctrl + T → Modifica carattere
- Ctrl + Shift + T → Modifica paragrafo
- Ctrl + Freccia sinistra → Spaziatura più stretta (kerning)
- Ctrl + Freccia destra → Spaziatura delle lettere più ampia (crenatura)

Altri trucchi

- Ctrl + Shift + Alt + R → Mostrare o nascondere i righelli
- Mostrare o nascondere il pannello dei colori → Ctrl + Shift + F9
- Aprire una nuova finestra nella simulazione frontale che sia un duplicato della finestra attiva → Ctrl + Alt + K

Se volete imparare di più da Pablo, iscrivetevi al suo corso Creare storie di animazione in loop, e imparate a creare semplici animazioni di personaggi, fotogramma per fotogramma.

Versione inglese a cura di @eloiseedgington

Potrebbe piacerti anche:

- Corsi online di Adobe After Effects
- Creazione di storie animate in loop