Com es crea una animació Flash (amb imatges)

Pas 1. Comprendre els conceptes bàsics de l’animació fotograma per fotograma

Es considera el mètode d'animació "tradicional", ja que cada fotograma té la mateixa imatge però lleugerament alterat. Quan els fotogrames es reprodueixen junts, les imatges semblen moure’s. Aquesta és la mateixa tècnica bàsica que fan servir els animadors manuals tradicionals i requereix més temps que interpolació (vegeu la secció següent).

Per defecte, Flash produirà animacions a 24 fotogrames per segon (FPS). Això significa que un segon d'animació tindrà 24 fotogrames, però no tots els fotogrames han de ser diferents. Podeu ajustar-ho si voleu i moltes animacions Flash utilitzen 12 FPS, però 24 produiran una animació amb un aspecte molt més suau

Pas 2. Instal·leu Flash Professional

Hi ha una gran varietat de programes d’animació Flash disponibles, però el més potent és Flash Professional CC d’Adobe. Podeu instal·lar la prova de forma gratuïta o fer servir un altre producte si no us atrau la subscripció a Creative Cloud d’Adobe. La resta d'aquest article es referirà a Flash Professional o a qualsevol altre programa d'edició com a "Flash".

Pas 3. Creeu els vostres recursos

Com que l’animació fotograma per fotograma requereix diverses imatges amb lleugeres diferències, haureu de crear tots aquests recursos a mà. Podeu crear-les totes abans de començar o fer-les al vostre pas. Podeu utilitzar el programa Flash per dibuixar directament al vostre projecte o podeu dibuixar els vostres recursos al vostre programa de creació d'imatges preferit.

Si voleu que les imatges s’escalin sense sacrificar la qualitat, voldreu crear-les com a vectors en lloc de ràsters. Les imatges vectorials es tornaran a dibuixar cada vegada que es facin a escala, cosa que significa que no hi haurà pixelació ni aliasing. Les imatges ràster són les imatges tradicionals a les quals probablement esteu acostumats (fotos, pintar imatges, etc.). Aquests no escalen bé i poden semblar força lletjos si voleu fer-los més grans

Pas 4. Creeu el vostre primer marc

Quan inicieu Flash per primera vegada, tindreu una capa en blanc i una cronologia buida. A mesura que afegiu marcs, la vostra línia de temps es completarà automàticament. Podeu interactuar amb les capes de la mateixa manera que en Photoshop.

• Abans d’afegir la imatge, creeu un fons bàsic per a la pel·lícula. Canvieu el nom de la capa 1 a "Fons" i, a continuació, bloquegeu la capa. Creeu una segona capa i anomeneu-la com vulgueu. Aquesta serà la capa en què creeu la vostra animació.
• Afegiu el dibuix al llenç del primer marc. Podeu importar el vostre dibuix des de l'ordinador o podeu utilitzar les eines de dibuix de Flash per crear un dibuix directament al programa.
• El vostre primer marc serà un fotograma clau. Els fotogrames clau són marcs que tenen una imatge i constitueixen la columna vertebral de la vostra animació. Creeu un nou fotograma clau cada vegada que canviï la imatge.
• Els fotogrames clau es denoten amb un punt negre a la línia de temps.
• No necessiteu cap imatge nova a cada marc. En general, tenir un fotograma clau cada quatre o cinc fotogrames produirà una bona animació.

Pas 5. Convertiu el vostre dibuix en un símbol

En convertir el dibuix en un símbol, podeu afegir-lo fàcilment diverses vegades en un marc. Això és especialment útil si necessiteu crear ràpidament diversos objectes, com ara un banc de peixos.

• Seleccioneu el dibuix sencer. Feu clic amb el botó dret a la selecció i seleccioneu "Converteix a símbol". Això afegirà la imatge a la vostra biblioteca, on podreu accedir-hi ràpidament en el futur.
• Esborreu el dibuix. No us preocupeu! Per afegir-lo de nou a l'escena, simplement arrossegueu l'objecte de la biblioteca. Podeu afegir diverses instàncies del mateix dibuix a la vostra escena amb facilitat.

Pas 6. Afegiu alguns marcs en blanc

Un cop tingueu a punt el vostre primer marc, podeu afegir els marcs en blanc que hi haurà entre el primer fotograma clau i el segon fotograma clau. Premeu F5 quatre o cinc vegades per afegir marcs en blanc després del primer fotograma clau.

Pas 7. Creeu el vostre segon fotograma clau

Un cop hàgiu afegit uns quants marcs en blanc, ja podreu crear el vostre segon marc clau. Hi ha bàsicament dues maneres diferents de fer-ho: podeu copiar el fotograma clau existent i fer petits ajustos, o bé podeu crear un fotograma clau en blanc i inserir una imatge nova. Si feu servir art creat en un altre programa, voldreu el segon mètode. Si heu creat el vostre art mitjançant les eines de disseny de Flash, utilitzeu el primer mètode.

• Per crear un fotograma clau utilitzant el contingut del fotograma clau anterior, premeu F6. Per crear un fotograma clau en blanc, feu clic amb el botó dret a l'últim fotograma de la vostra línia de temps i seleccioneu "Insereix un fotograma clau en blanc". Qualsevol cosa de la vostra escena se suprimirà.
• Un cop hàgiu creat el segon fotograma clau, haureu d’ajustar la imatge per donar l’efecte del moviment. Si utilitzeu les eines de disseny de Flash, podeu utilitzar l'eina Transformar per seleccionar aspectes del dibuix i moure'ls lleugerament, com ara el braç d'una persona de pal.
• Si inseriu un art nou per a cada fotograma clau, voldreu assegurar-vos que es col·loqui a la mateixa ubicació o a la següent ubicació lògica de la pantalla. Això garantirà que l’art no salti entre marcs.

Pas 8. Repetiu el procés

Ara que heu creat dos fotogrames clau, és hora d'iterar. Repetireu bàsicament el mateix procés fins que hàgiu acabat la vostra animació. Afegiu uns quants marcs en blanc entre cada fotograma clau i assegureu-vos que els vostres moviments siguin fluids.

Feu canvis petits i incrementals. La vostra animació es mostrarà molt més suau si feu canvis molt petits al fotograma clau. Per exemple, si voleu que una persona paleta agiti un braç, el vostre segon fotograma clau no hauria de ser l’altre extrem de l’ona. En lloc d’això, utilitzeu uns quants fotogrames clau per passar del principi de l’ona al final. Això produirà una animació molt més suau

Part 2 de 3: Fer una animació punt a punt (interpolació)

Pas 1. Comprendre els conceptes bàsics de la interpolació

Flash conté una funció anomenada interpolació, que us permet establir bàsicament punts inicials i finals del vostre objecte. Flash es mourà i transformarà l'objecte en funció de la vostra configuració entre aquests dos punts, creant la il·lusió d'animació. No necessitareu crear imatges per a cada fotograma clau com ho faríeu amb l'animació fotograma per fotograma.

• La interpolació és especialment útil per crear efectes de "transformació", on un objecte es converteix en un altre al llarg de l'animació.
• L'animació i interpolació fotograma per fotograma es pot utilitzar conjuntament a la mateixa pel·lícula.
• Només podeu tenir un objecte sotmès a una interpolació de moviment alhora. Això vol dir que, si voleu animar diversos objectes alhora, tots hauran d'estar en capes separades.

Pas 2. Creeu el vostre primer objecte

A diferència de l’animació fotograma per fotograma, no cal que creeu diversos objectes per animar mitjançant la funció d’interpolació. En lloc d’això, crearà un objecte i, a continuació, canviarà les seves propietats durant el procés d’interpolació.

• Abans d’afegir la imatge, creeu un fons bàsic per a la pel·lícula. Canvieu el nom de la capa 1 a "Fons" i, a continuació, bloquegeu la capa. Creeu una segona capa i anomeneu-la com vulgueu. Aquesta serà la capa en què creeu la vostra animació.
• Es recomana que utilitzeu les eines de disseny incorporades de Flash o que importeu la vostra imatge des d'un programa de dibuix vectorial. Els vectors es poden escalar fàcilment sense distorsions, mentre que les imatges ràster tradicionals no s’escalaran i es transformaran bé.

Pas 3. Convertiu l'objecte en un símbol

Per tal d’intercalar l’objecte, haureu de convertir-lo en un símbol. Aquest és el format dels objectes que Flash utilitza per manipular-los. Si intenteu intercalar un objecte que no s'ha convertit en símbol, primer se us demanarà que ho feu.

Feu clic amb el botó dret a l'objecte i seleccioneu "Converteix a símbol". L'objecte s'afegirà a la biblioteca, cosa que facilita la clonació d'objectes

Pas 4. Creeu la vostra primera interpolació de moviment

Una interpolació de moviment mou l'objecte d'una ubicació a una altra Feu clic amb el botó dret al símbol de l'escena i seleccioneu "Crea interpolació de moviment". S'afegiran 24 fotogrames a la vostra línia de temps, ja que és la longitud predeterminada d'una interpolació. Recordeu que, de manera predeterminada, Flash s'animarà a 24 fotogrames per segon, és a dir, que aquesta intervenció de moviment trigarà un segon a completar-se.

Quan creeu la interpolació de moviment, es mourà automàticament a l'últim marc de la interpolació

Pas 5. Crea la trajectòria

Un cop hàgiu creat la tween, podeu moure l'objecte a la ubicació on vulgueu que acabi. Flash mostrarà la línia de trajectòria, que es dibuixa per mostrar la ubicació de l’objecte per a cada fotograma de la interpolació.

Quan creeu la trajectòria per primera vegada, serà una línia recta des del punt inicial fins al punt final

Pas 6. Amplieu els marcs de fons

Si executeu l'animació ara mateix, l'objecte es mouria al llarg de la trajectòria, però el fons desapareixeria després d'un marc. Per solucionar-ho, haureu d’estendre el fons a tots els marcs de l’animació.

Seleccioneu la capa de fons a la línia de temps. Feu clic a l'últim fotograma de la vostra línia de temps, que també hauria de ser el fotograma amb què finalitza la vostra interpolació de moviment. Premeu F5 per inserir marcs fins a aquest punt, que mantindrà el fons visualitzat durant tota la interpolació

Pas 7. Afegiu fotogrames clau

Afegint fotogrames clau a la vostra trajectòria us permetrà transformar l’objecte durant la interpolació del moviment. Només podeu fer canvis a un objecte si té un marc clau. Per afegir fotogrames clau a la vostra trajectòria, primer seleccioneu el marc de la línia de temps que vulgueu convertir en un fotograma clau. A continuació, feu clic i arrossegueu l'objecte a la posició on vulgueu que estigui durant aquest marc. La vostra trajectòria s’ajustarà automàticament i s’afegirà un fotograma clau a la línia de temps. Els fotogrames clau es denoten amb icones de diamant a la línia de temps.

Pas 8. Ajusteu la vostra trajectòria intermèdia

Per canviar el camí de l’objecte, podeu fer clic i arrossegar cadascun dels marcadors de posició del marc al camí cap a una nova ubicació. Eviteu variar molt el recorregut, ja que l’objecte es mourà d’una manera erràtica (tret que aquest sigui el vostre objectiu!).

Pas 9. Transformeu el vostre objecte

Un cop teniu establerts els fotogrames clau i la trajectòria, podeu transformar l'objecte perquè canviï a mesura que es mou a través de la trajectòria entre moviments. Podeu canviar la forma, el color, la rotació, la mida i qualsevol altra propietat de l'objecte.

• Seleccioneu el marc en què voleu que es produeixi la transformació.
• Obriu el tauler Propietats de l'objecte. Podeu prémer Ctrl + F3 si el tauler no és visible actualment.
• Canvieu els valors de la finestra Propietats per afectar l'objecte. Per exemple, podeu canviar el to o el color, afegir filtres o canviar l’escala.
• També podeu utilitzar l'eina Transformació lliure per canviar la forma lliurement com vulgueu.

Pas 10. Feu el toc final a la vostra interpolació

Proveu la interpolació de moviment prement Ctrl + ↵ Retorn. Assegureu-vos que les transformacions tinguin un bon aspecte i que l’animació es mogui a la velocitat correcta. Si la vostra animació es mou massa ràpidament, podeu baixar els FPS de l’escena o augmentar l’interval.

• Per defecte, l'FPS és 24, així que proveu de baixar-lo a 12. Per fer-ho, feu clic fora de l'escena i, a continuació, canvieu l'FPS al tauler Propietats. Si el canvieu a 12, es duplicarà la durada de la vostra animació, però pot ser que sigui més "sacsejada".
• Per canviar l'interval d'intervenció, seleccioneu la capa que conté l'interval i utilitzeu el control lliscant per treure-la. Si voleu que la interpolació sigui el doble, amplieu-la a 48 fotogrames. Assegureu-vos d’inserir marcs en blanc a la capa de fons perquè el fons no desaparegui a la meitat de l’animació. Per ampliar el fons, seleccioneu la capa, feu clic a l'últim marc de l'animació a la línia de temps i, a continuació, premeu F5

Part 3 de 3: Afegir so i música

Pas 1. Enregistreu o cerqueu els vostres efectes de so i la vostra música

Podeu afegir efectes de so a les accions que es produeixin a la vostra animació per ajudar-la a destacar-la i a donar-li certa personalitat. La música fa que la vostra animació sigui més immersiva i en pugui convertir una bona en una animació increïble. Flash admet diversos formats de fitxer, inclosos AAC, MP3, WAV i AU. Trieu l'opció que us doni la millor qualitat per obtenir la mida de fitxer més baixa.

Normalment, el MP3 us proporcionarà una qualitat de so perfectament acceptable, tot mantenint la mida del fitxer al mínim. Eviteu els fitxers WAV si és possible, ja que sovint són força grans

Pas 2. Importeu els fitxers de so a la biblioteca

Abans de poder afegir sons al vostre projecte, cal afegir-los a la biblioteca de Flash. Això us permetrà afegir-los ràpidament al vostre projecte més endavant. Feu clic a Fitxer → Importa → Importa a la biblioteca. Cerqueu el fitxer de so a l’ordinador. Assegureu-vos que el fitxer de so tingui un nom fàcil de recordar, de manera que pugueu trobar-lo ràpidament al menú més endavant.

Pas 3. Creeu una capa nova per a cada fitxer de so

Això no és estrictament necessari, ja que podeu afegir so a capes existents, però col·locar cada fitxer a la seva pròpia capa us donarà molt més control sobre la decoloració d’entrada i sortida, quan s’inicia i atura i és més fàcil moure els sons.

Pas 4. Creeu un fotograma clau on començarà el so

A la capa del so, seleccioneu el marc de l'animació en què voleu que comenci el so. Premeu F7 per inserir un fotograma clau en blanc. Per exemple, si voleu incloure un fitxer de música que es reprodueix durant la durada de l'animació, seleccioneu el primer marc a la capa del fitxer de música. Si esteu afegint un diàleg per a un personatge, seleccioneu el marc on comença a parlar el personatge.

Pas 5. Afegiu el fitxer de so o música

Al marc Propietats, veureu una secció de so. És possible que hàgiu d’ampliar-lo per veure les opcions. Feu clic al menú "Nom" i seleccioneu el fitxer que vulgueu a la biblioteca.

Pas 6. Configureu el fitxer de so

Un cop hàgiu seleccionat un fitxer, podeu configurar com es reproduirà. El que seleccioneu es basarà en el que necessiteu per obtenir el so a l'animació. Podeu canviar els paràmetres de l'efecte, la sincronització i la repetició de cada so mitjançant el menú situat sota el menú Nom del marc Propietats.

• Efecte: permet afegir efectes al so, com ara esvair-se i afegir-se o fer ressò. Podeu seleccionar una configuració predeterminada al menú desplegable o fer clic a la icona de llapis situada al costat del menú per crear la vostra configuració personalitzada.
• Sincronització: determina com es reprodueix la cançó a l'animació. L’esdeveniment reproduirà el so fins que acabi. Si es torna a activar el mateix so abans que finalitzi el primer, l'original continuarà sonant fins que acabi. Start funciona com Event, però s'atura si torna a sonar el so. Stop atura el so en aquest marc. Si voleu utilitzar-ho juntament amb altres propietats de so, creeu un nou fotograma clau on vulgueu que s'aturi el so i utilitzeu aquesta opció. El flux intentarà fer coincidir el so que s'està reproduint amb el nombre de fotogrames d'altres capes. Això s’utilitza millor per al diàleg.
• Repetir: aquest paràmetre us permet definir quant de temps es repeteix el so. Podeu configurar-lo per reproduir-lo només una vegada o fer-lo repetir tantes vegades com vulgueu. Si la vostra animació és una animació de bucle, hauríeu de configurar la vostra música de manera infinita.

Pas 7. Acabeu el vostre projecte

Quan hàgiu acabat el projecte, deseu-lo com a fitxer SWF. Aquest és el format utilitzat per reproduir la pel·lícula. Podeu reproduir-lo en pràcticament qualsevol navegador web o utilitzar un reproductor Flash dedicat per mirar-lo. També hi ha una gran varietat de llocs als quals podeu penjar-los perquè els vegin altres, com ara Newgrounds, Albino Blacksheep i Kongregate.

Pas 8. Porteu els vostres futurs projectes més enllà

Aquesta guia tracta els conceptes bàsics per crear una animació, però hi ha molt més que podeu aprendre i fer. Afegiu uns quants botons i camins de ramificació i podreu triar un joc d’aventures. Podeu fer un curs accidental a ActionScript i obtenir molt més control sobre els detalls més fins de la vostra animació. Seguiu experimentant i aviat us trobareu aprenent tot tipus de trucs i implementacions.

Recomanat:

Com fer la vostra pròpia animació (amb imatges)

Aquest wikiHow us ensenya a crear una pel·lícula o presentació d’animació. La forma més ràpida de fer una animació digital és mitjançant un animador en línia; no obstant això, tingueu en compte que la majoria d'animadors en línia requereixen una subscripció de pagament per desbloquejar totes les seves funcions, és a dir, que probablement es restringirà la durada, el so i l'aspecte del vídeo tret que pagueu per una actualització.

Formes fàcils de desar una animació a Blender (amb imatges)

Aquest wikiHow us ensenya a representar la vostra animació Blender en un fitxer de vídeo reproduïble. La representació de l'animació crea un vídeo d'alta qualitat que podeu compartir en línia o importar a altres aplicacions. Passos Primera part de 2:

Com fer una animació senzilla a Adobe Flash: 9 passos

Les animacions són divertides de veure; són divertits i divertits, però alguna vegada us heu plantejat fer-ne un mateix? Fer animacions és tan divertit com mirar-les, però també pot ser difícil. En aquesta guia, aprendreu a fer una animació senzilla i bona amb Adobe Flash.

6 maneres de desar una animació Flash des d’un lloc web

Les animacions Flash són una forma clàssica de mitjans d’Internet i normalment només es poden transmetre des d’un lloc web. Si voleu veure l'animació sempre que vulgueu, haureu de desar-la a l'ordinador. Tot i que desar una animació flash no és tan intuïtiu com desar un fitxer estàndard, es pot fer si utilitzeu el navegador adequat.

Com es crea una interpolació de moviment en Flash: 10 passos (amb imatges)

Si no sou nou en flash i proveu d’animar, proveu-ho. La interpolació és la forma més senzilla d'animar en el complicat món de Flash; aquest article intenta mostrar com es poden fer simplement. Suposa que el lector està familiaritzat amb les eines de Flash.