Con l'introduzione del pannello Timeline in Photoshop CS6, Adobe ha sfruttato molte delle sue nuove funzionalità di editing video che ti consentono di modificare, migliorare e renderizzare i video direttamente in Photoshop. Sebbene Adobe lo pubblicizzi principalmente come strumento di editing video, ciò che è veramente interessante per me è la possibilità di creare punture animate rapide direttamente da Photoshop senza la necessità di cambiare pacchetto software.
Qui, ti mostrerò come creare rapidamente una breve schermata iniziale animata per l'iPad. Per i designer che sono abituati a lavorare con Flash o After Effects, questi strumenti potrebbero sembrare piuttosto semplici, ma per qualsiasi designer che desideri dilettarsi con la grafica animata forniscono un'introduzione rapida e semplice al concetto di timeline e fotogrammi chiave. Ovviamente, l'output finale non deve essere per una schermata iniziale dell'iPad, quindi sei limitato solo dalla tua immaginazione per ciò per cui viene utilizzato l'output finale.
01 Inizia impostando un nuovo documento alla risoluzione iPad desiderata dal menu a discesa Mobile e dispositivi. Riempi lo sfondo con un colore a tua scelta (grigio in questo caso), crea un quadrato bianco al centro su un nuovo livello, quindi crea due punti neri e agganciali a due angoli opposti, di nuovo su livelli separati. Etichetta tutto in modo appropriato per semplificarti la vita in seguito.
02 Nel pannello Timeline, premi Crea timeline video e tutti i tuoi livelli appariranno all'interno della timeline. Impostalo su 00:00, seleziona Spot 01 ed espandi il livello utilizzando l'icona del triangolo. Ora premi la scheda Posizione per creare un fotogramma chiave. Sposta la sequenza temporale su 01:00 e crea un altro fotogramma chiave di posizione. Ora sposta il punto in basso a sinistra del quadrato e ripeti il processo per il secondo punto usando esattamente gli stessi tempi. Ripeti il processo con i punti a intervalli di un secondo fino al segno di tre secondi, creando fotogrammi chiave mentre procedi.
03 Torna a 00:00 e, su un nuovo livello appena sopra lo sfondo, crea una selezione diagonale e riempila con un colore. Vogliamo che questa forma scivoli dentro e fuori. Crea un fotogramma chiave di posizione alle 00:00 e, tenendo premuto Maiusc, sposta la forma fuori dalla tela. All'01: 00 crea un altro fotogramma chiave e riporta la forma nella posizione originale. Riproducilo e sembra scorrere verso l'interno. Puoi vedere come i fotogrammi chiave corrispondono a quelli dei punti.
04 Ora sposta la timeline lungo altri 10 fotogrammi fino a 01:10 e riporta la forma in una posizione appena all'interno dei limiti del documento. Riporta la sequenza temporale all'01: 00 dove la forma è in piena vista, seleziona tutto e copia il livello. Sul livello quadrato premi Cmd / Ctrl + A per effettuare una selezione, quindi vai a Modifica> Incolla dentro per incollare la forma all'interno del quadrato su un nuovo livello. Riempilo di nero, etichettalo in modo appropriato e spostalo sopra il livello quadrato originale.
05 Ora vogliamo che la forma interna nera scorra con la forma gialla. Sposta nuovamente il livello sulla timeline su 00:00 e ripeti il processo dalla forma gialla precedente, impostando il primo fotogramma chiave a 00:00 con la forma completamente fuori dalla tela e alle 01:00 completamente in vista, ma poi non aggiungere altri fotogrammi chiave in modo che sembri scorrere con il livello giallo, ma rimanga in posizione.