Tutorial Illustrator: Com fer animacions amb Illustrator

Tutorial Animació Illustrator

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

La suite d'Adobe és cada vegada 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 les creació de formularis fins 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 d'unes a altres, o traslladant prestacions d'un programa a un altre. Avui com a mostra d'això us anem a mostrar com fer una senzilla animació amb Illustrator i exportar-la a Flash. Avui us porto, tutorial Illustrator : Com fer animacions amb Illustrator.

tutorial-illustrator-com-fer-animacions-amb-illustrator-01

Obrir un nou document

Anem a fer una animació per a web en flash (SWF), Però la crearem amb Adobe Illustrator. Per començar anem a obrir un document nou, en 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 web.

Animem aquest pollastre

Animem aquest pollastre

Ja en el nou document, començarem a treballar en el. per aquesta animació he escollit un dibuix vectoritzat que m'he descarregat d'Internet, d'una pagina de la qual parlem en una entrada anterior,Freepik, cercador de fotografies i vectors gratuïts, I l'he adaptat una mica. Ens dirigim a la finestra de Capes i la nomenem correctament. És molt important ser ordenat amb les capes des d'un principio.La anomenarem com Pollastre01.

Traiem diversos pollastres

Traiem diversos pollastres

La animació serà una cosa senzilla, portarem el pollet d'un costat a un altre de la pantalla i li 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. Canviar el nom la capa és important.

Movent els ulls

Movent els ulls

Seleccionarem els dos ulls de el pollastre que està en la capa Pollastre02, I després seleccionarem els ulls de l'pollastre.

Donant-li la volta als ulls.

Donant-li la volta als ulls.

Amb els ulls de el vector de l'pollastre de la capa que es troba a dalt, la Pollastre02, Seleccionat, cliquem el botó dret i de la caixa de diàleg corresponent, vam seguir la ruta Transformar-Reflex.

Girant els ulls

Girant els ulls

Un cop dins de l'opció reflex, Prémer l'opció Vertical i llest. Ara tindrem el dibuix de l'pollastre de dalt amb els ulls d'una forma i en els de baix d'una altra.

Ara dupliquem mes pollastres

Ara dupliquem mes pollastres

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

Diversos pollastres mes

Diversos pollastres mes

Hem d'anar renombrado tots els pollastres, assegurant-nos 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í successivament, anant compassat amb l'ordre de les capes a la finestra de Capes. Això és molt important, ja que cal saber que la animació ira sempre en l'ordre de les capes, agafant com a primer fotograma la primera capa i com últim la ultima.

tutorial-illustrator-com-fer-animacions-amb-illustrator-15

Exportant a SWF

Un cop col·locats tots els pollastres d'una manera correcta (segons l'explicació anterior), entrarem a la finestra de Exporta documents seguint la ruta Arxiu-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 en el qual configurarem els últims passos. Amb l'opció bàsica escollida, triarem exportar com Capes AI a fotogrames SWF i la versió de flash que escollirem serà la darrera que ens ofereix, la de Reproductor de Flash 9. També marcarem l'opció Retallar mida de la taula de treball. Té diverses opcions més molt interessants, que analitzarem en un altre Tutorial.

exportant

exportant

Després marcant en el mateix quadre de diàleg l'opció Avançat, Escollirem la resolució i la freqüència d'imatges que la situarem en 15. Com veieu aquí podem escollir l'ordre de les capes, que com us vaig dir abans configurem perquè l'animació fora de sota (1a capa) a dalt (última capa) de la finestra de Capes del vostre 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


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa aquí.

Un comentari, deixa el teu

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà.

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   Martin va dir

    Es pot utilitzar en after effect el swf final ??