Tutorial Illustrator: Com fer animacions amb Illustrator

Avui us porto aquest senzill i no obstant útil tutorial on podreu aprendre a crear animacions Flash, utilitzant només l' Illustrator per fer-ho. L' Illustrator és un programa de disseny i dibuix vectorial que pertany igual que Photoshop als programes amb què porta treballant Adobe, i un dels que porto la companyia a convertir-se en l'estàndard de la indústria gràfica actualment.

La suite d'Adobe és cada cop més extensa i ens porta noves aplicacions per a noves branques de la creació a nivells que fa anys només podíem somiar, amb programes dedicats a la creació de formularis fins a editors d'àudio i vídeo. Els programes d'Adobe solen fomentar la integració de les diferents plataformes que porta la suite, incloent per exemple eines de les unes a les altres, o traslladant prestacions d'un programa a un altre. Avui com a mostra us mostrarem com fer una senzilla animació amb Illustrator i exportar-la a Flash. Avui us porto, Tutorial Illustrator : Com fer animacions amb Illustrator.

Farem una animació per a web en Flash ( SWF ), però la crearem amb Adobe Illustrator . Per començar obrirem un document nou, a la ruta Arxiu-Nou document i ens sortirà un quadre de diàleg amb un menú, on posarem el nom i ens assegurarem que el perfil que escollim és per a Web.

Ja en el nou document, començarem a treballar-hi. Per aquesta animació he triat un dibuix vectoritzat que m'he descarregat d'Internet, d'una pàgina de la qual parlem en una entrada anterior, Freepik, cercador de fotografies i vectors gratuïts , i ho he adaptat una mica. Ens dirigim a la finestra de Capas i l'anomenem correctament. És molt important ser ordenat amb les capes des d'un principi. L'anomenarem com Pollo01.

L' animació serà una mica senzilla, portarem el pollet d'una banda a l'altra de la pantalla i donarem una mica de moviment als seus ulls. El primer és duplicar la capa a la finestra de Capes, picant sobre la capa i situant-la sobre la icona de nova capa per exemple. Reanomenar la capa és important.

Seleccionarem els dos ulls del pollastre que està a la capa Pollo02 , i després seleccionarem els ulls del pollastre.

Amb els ulls del vector del pollastre de la capa que es troba a dalt, la Pollo02 , seleccionat, cliquem el botó dret i del quadre de diàleg corresponent, seguim la ruta Transformar-Reflex.

Un cop dins de l'opció Reflex , premeu l'opció Vertical i llest. Ara tindrem el dibuix del pollastre de dalt amb els ulls duna forma i en els de baix daltra.

Ara dupliquem mes pollastres

Un cop més, per duplicar capes, utilitzarem el botó de Nova capa del menú de Capes. Clicant a les capes Pollo01 i Pollo02 mentre que prems la tecla de majúscules i arrossegar damunt del botó Nova capa.

Hem d'anar anomenat tots els pollastres, assegurant-nos de seguir la sèrie de tal manera que el pollastre que formen Pollo01 i Pollo02 quedi a l'esquerra de la Taula de treball, i seguint el seu ordre numèric, el pollastre que formen les capes Pollo03 i Poll04 , serà el que li quedi a la dreta, i així la seva finestra de Capes. Això és molt important, ja que cal saber que l' animació anirà sempre a l'ordre de les capes, agafant com a primer fotograma la primera capa i com a últim l'ultima.

Un cop col·locats tots els pollastres d'una manera correcta (segons l'explicació anterior), entrarem a la finestra d'Exportar documents seguint la ruta Fitxer-Exportar, i un cop allà, escollirem com a format d'exportació l'extensió d'arxiu SWF o Flash . D'aquí, ens sortirà un altre quadre de diàleg on configurarem els darrers passos. Amb l'opció Bàsica escollida, triarem exportar com a Capes AI a fotogrames SWF i la versió de Flash que escollirem serà la darrera que ens ofereix, la d' Adobe Flash Player 9 . També marcarem l'opció Retallar tamany de la taula de treball. Té diverses opcions més molt interessants, que analitzarem en un altre Tutorial.

Després marcant al mateix quadre de diàleg l' opció Avançat , escollirem la resolució i la freqüència d' imatges que la situarem a 15 . Com veieu aquí podem escollir l'ordre de les capes, que com us he dit abans configurem perquè l'animació fora de baix (1ª capa) a dalt (ultima capa) de la finestra de Capes de la vostra interfície. Un cop exportat mireu el resultat en qualsevol programa de reproducció de vídeo.

Més informació – Freepik, cercador de fotografies i vectors gratuïts