Come creare un’illustrazione animata con Photoshop

1. Scarica ilfile di esercitazione e apri "shyama_download.psd" in Photoshop.

2. Seleziona il livello "shyama_golden_pattern" nel pannello Livelli e fai clic sull’icona a forma di occhio per renderlo visibile.

3. Con il livello selezionato, vai su Livello > Crea maschera di ritaglio. Ora il pattern è all’interno della camicia.

Suggerimento: le maschere di ritaglio in Photoshop sono strumenti efficienti per controllare la visibilità di un livello. Servono due livelli per creare una maschera di ritaglio. Il livello inferiore controlla la visibilità di quello superiore. In altre parole, il livello inferiore è la maschera, mentre il quello superiore è agganciato alla maschera.

6. Sulla timeline, espandi il livello rosso "shyama_golden_pattern" facendo clic sulla piccola freccia a sinistra del nome. Verranno visualizzati tre controlli di animazione con dei cronometri.

7. Fai clic sul cronometro a sinistra della proprietà Trasformazione per creare un fotogramma chiave della proprietà Trasformazione. Il fotogramma chiave appena creato ora è visibile sotto forma di rombo giallo sulla timeline.

8. Per animare una proprietà usando i fotogrammi chiave, è necessario impostare almeno due fotogrammi chiave per quella proprietà (primo stato –> anima a –> secondo stato). Per creare un'animazione della posizione del pattern che hai creato, imposta un primo fotogramma chiave in corrispondenza della posizione 0:00:00:00. Ora trascina la testina di riproduzione verso destra e posizionala a 0:00:04:29 sulla timeline.

Suggerimento: dopo che avrai spostato la testina di riproduzione dal primo fotogramma chiave e la proprietà Trasformazione sarà stata modificata, in questa posizione verrà inserito automaticamente un altro fotogramma chiave.

10. Ora sposta il pattern a sinistra verso il basso: tenendo premuto Maiusc, trascina il pattern -500 px a sinistra e 500 px in basso. Per controllare se hai spostato con il pattern in modo preciso, puoi anche fare clic sull'icona della piramide nella barra di controllo e correggere il movimento digitando i numeri esatti: x a -500 e y a 500.

Suggerimento: per ottenere un'animazione perfettamente in loop, è importante che il primo fotogramma chiave (a 00) e il secondo (a 04:29) abbiano lo stesso aspetto, ma mostrino comunque una sezione diversa del pattern. In questo caso è importante impostare le coordinate a incrementi di 500.

11. Conferma la trasformazione facendo clic sul segno di spunta.

12. La trasformazione del livello crea automaticamente un nuovo fotogramma chiave sulla timeline a 04:29, visibile sotto forma di rombo giallo.

13. Infine, fai clic sull’icona delle impostazioni nel menu della timeline e verifica che il segno di spunta sia impostato sulla casella Riproduzione ciclica.

Fai clic su Riproduci nelle opzioni di riproduzione per testare l’animazione.

Ecco fatto! Ora tocca a te creare un’illustrazione animata con Photoshop. Scarica le risorse disponibili oppure usa le tue e condividi l’animazione finale su Facebook, Twitter e Instagram con l’hashtag #MadewithPhotoshop per ricevere commenti e restare in contatto con le altre menti creative della nostra community.

Scarica i materiali di esercitazione

PER RESTARE IN CONTATTO

Facebook:http://facebook.com/adobecreativecloud

Twitter:http://twitter.com/creativecloud

Instagram:http://www.instagram.com/adobecreativecloud

YouTube:https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q

Behance:https://www.behance.net/live Segui i nostri streaming dal vivo tenuti da professionisti del settore, su progetti reali in tempo reale e trova l’ispirazione giusta.