Amb la introducció del tauler de cronologia a Photoshop CS6, Adobe ha creat moltes de les seves noves funcions d’edició de vídeo que us permeten editar, millorar i representar vídeos directament a Photoshop. Tot i que Adobe ho destaca principalment com una eina d’edició de vídeo, el que és realment interessant per a mi és la possibilitat de crear ràpides animacions directament des de Photoshop sense la necessitat de canviar de paquet de programari.
Aquí us mostraré com podeu crear ràpidament una pantalla d’entrada animada curta per a l’iPad. Per als dissenyadors que estiguin acostumats a treballar amb Flash o After Effects, aquestes eines poden semblar bastant bàsiques, però per a qualsevol dissenyador que vulgui participar en gràfics en moviment, proporciona una introducció ràpida i senzilla a la noció de línia de temps i fotogrames clau. Per descomptat, la sortida final no ha de ser per a una pantalla de benvinguda de l’iPad, de manera que només us limita la vostra imaginació en què serveix la vostra sortida final.
01 Comenceu configurant un document nou a la resolució de l'iPad que vulgueu des del menú desplegable Mòbils i dispositius. Empleneu el fons amb el color que vulgueu (gris en aquest cas), creeu un quadrat blanc al centre sobre una nova capa i, a continuació, creeu dos punts negres i ajusteu-los a dues cantonades oposades, de nou en capes separades. Etiqueteu-ho tot de manera adequada per facilitar la vida més endavant.
02 Al tauler de cronologia, premeu Crea una cronologia de vídeo i apareixeran totes les capes dins de la cronologia. Establiu-lo a 00:00, seleccioneu Spot 01 i amplieu la capa mitjançant la icona del triangle. Ara premeu la pestanya Posició per crear un fotograma clau. Moveu la línia de temps a la 01:00 i creeu un altre fotograma clau de posició. Ara moveu el lloc a la part inferior esquerra del quadrat i repetiu el procés per al segon lloc utilitzant exactament els mateixos temps. Repetiu el procés amb els punts a intervals d’un segon fins a la marca de tres segons, creant fotogrames clau a mesura que aneu.
03 Torneu a les 00:00 i, sobre una nova capa just a sobre del fons, creeu una selecció diagonal i ompliu-la amb un color. Volem que aquesta forma passi per dins i per fora. Creeu un fotograma clau de posició a les 00:00 i, mantenint premuda la tecla Maj, moveu la forma del llenç. A la 01:00 creeu un altre fotograma clau i torneu a moure la forma a la seva posició original. Reproduïu-lo i sembla que es llisca cap a dins. Podeu veure com els fotogrames clau coincideixen amb els dels punts.
04 Ara moveu la línia de temps al llarg de 10 marcs a 01:10 i torneu a moure la forma a una posició just dins dels límits del document. Torneu a la línia de temps fins a la 01:00, on la forma està a la vista completa, seleccioneu-ho tot i copieu la capa. A la capa quadrada, premeu Cmd / Ctrl + A per fer una selecció i, a continuació, aneu a Edita> Enganxa a per enganxar la forma dins del quadrat en una nova capa. Ompliu-lo de negre, etiqueteu-lo adequadament i moveu-lo per sobre de la capa quadrada original.
05 Ara volem que la forma interior negra es llisqui amb la forma groga. Moveu la capa cap enrere a la línia de temps fins a les 00:00 i repetiu el procés des de la forma groga anterior, configurant el primer fotograma clau a les 00:00 amb la forma completament fora del llenç i a la 01:00 amb la vista completa, però després no afegiu cap altre fotograma clau perquè sembli lliscar-se amb la capa groga, però es mantingui en posició.
