Flash -animaation luominen (kuvilla)

Vaihe 1. Ymmärtää ruutukohtaisen animaation perusteet

Tätä pidetään "perinteisenä" animaatiomenetelmänä, koska jokaisessa kehyksessä on sama kuva, mutta hieman muutettu. Kun kehyksiä toistetaan yhdessä, kuvat näyttävät liikkuvan. Tämä on sama perustekniikka, jota perinteiset käsianimaattorit käyttävät, ja se vie enemmän aikaa kuin yhdistäminen (katso seuraava osa).

Oletusarvoisesti Flash tuottaa animaatioita nopeudella 24 kuvaa sekunnissa (FPS). Tämä tarkoittaa, että toisessa animaatiossa on 24 kuvaa, mutta jokaisen kehyksen ei tarvitse olla erilainen. Voit säätää tätä halutessasi, ja monet Flash-animaatiot käyttävät 12 FPS: ää, mutta 24 tuottaa paljon "tasaisemman" näköisen animaation

Vaihe 2. Asenna Flash Professional

Saatavilla on erilaisia Flash -animaatio -ohjelmia, mutta tehokkain on Adoben Flash Professional CC. Voit asentaa kokeilujakson ilmaiseksi tai käyttää toista tuotetta, jos Adoben Creative Cloudin tilaaminen ei miellytä sinua. Tämän artikkelin loppuosa viittaa Flash Professionaliin tai muuhun muokkausohjelmaan nimellä "Flash".

Vaihe 3. Luo omaisuutesi

Koska kehys animaatio vaatii useita kuvia pienillä eroilla, sinun on luotava kaikki nämä resurssit käsin. Voit luoda ne kaikki ennen kuin aloitat, tai tehdä ne edetessäsi. Voit piirtää suoraan projektiin Flash -ohjelman avulla tai piirtää omaisuutesi suosikkikuvien luontiohjelmaasi.

Jos haluat kuvien skaalautuvan laadusta tinkimättä, sinun on luotava ne vektoreiksi rasterien sijaan. Vektorikuvat piirtävät itsensä uudelleen aina, kun niitä skaalataan, mikä tarkoittaa, että pikselöintiä tai aliasointia ei tapahdu. Rasterikuvat ovat perinteisiä kuvia, joihin olet todennäköisesti tottunut (valokuvat, maalauskuvat jne.). Nämä eivät skaalaudu hyvin ja voivat näyttää melko rumilta, jos haluat tehdä niistä suurempia

Vaihe 4. Luo ensimmäinen kehys

Kun käynnistät Flashin ensimmäisen kerran, sinulla on tyhjä kerros ja tyhjä aikajana. Kun lisäät kehyksiä, aikajanasi täytetään automaattisesti. Voit olla vuorovaikutuksessa tasojen kanssa paljon samalla tavalla kuin Photoshopissa.

• Luo elokuvan perustausta ennen kuvan lisäämistä. Nimeä kerros 1 uudelleen taustaksi ja lukitse sitten kerros. Luo toinen kerros ja nimeä se haluamallasi tavalla. Tämä on taso, johon luot animaation.
• Lisää piirroksesi kankaalle ensimmäisessä kehyksessä. Voit joko tuoda piirustuksen tietokoneeltasi tai luoda piirustuksen suoraan ohjelmaan Flashin piirustustyökalujen avulla.
• Ensimmäinen kehyksesi on avainkehys. Avainkehykset ovat kehyksiä, joissa on kuva ja jotka muodostavat animaation selkärangan. Luot uuden avainkehyksen aina, kun kuva muuttuu.
• Avainkehykset on merkitty mustalla pisteellä aikajanalla.
• Et tarvitse uutta kuvaa jokaiseen kehykseen. Yleensä avainkehyksen ottaminen neljän tai viiden kuvan välein tuottaa hyvän animaation.

Vaihe 5. Tee piirustuksestasi symboli

Muuttamalla piirustuksesi symboliksi voit lisätä sen helposti useita kertoja kehykseen. Tämä on erityisen hyödyllistä, jos sinun on luotava nopeasti useita kohteita, kuten kalaparvi.

• Valitse koko piirustuksesi. Napsauta valintaa hiiren kakkospainikkeella ja valitse "Muunna symboliksi". Tämä lisää kuvan kirjastoosi, jossa voit käyttää sitä nopeasti tulevaisuudessa.
• Poista piirustus. Älä huoli! Voit lisätä sen takaisin kohtaukseen vetämällä objektin kirjastostasi. Voit lisätä useita piirteitä samaan piirustukseen kohtaukseesi helposti!

Vaihe 6. Lisää tyhjiä kehyksiä

Kun ensimmäinen kehys on valmis, voit lisätä tyhjät kehykset ensimmäisen avainkehyksen ja toisen avainkehyksen väliin. Lisää tyhjiä kehyksiä ensimmäisen avainkehyksen jälkeen painamalla F5 neljä tai viisi kertaa.

Vaihe 7. Luo toinen avainkehys

Kun olet lisännyt muutaman tyhjän kehyksen, olet valmis luomaan toisen avainkehyksen. Voit tehdä tämän käytännössä kahdella eri tavalla: voit kopioida olemassa olevan avainkehyksen ja tehdä pieniä muutoksia tai luoda tyhjän avainkehyksen ja lisätä uuden kuvan. Jos käytät toisessa ohjelmassa luotua taidetta, haluat toisen menetelmän. Jos loit taiteesi Flashin suunnittelutyökaluilla, käytä ensimmäistä menetelmää.

• Jos haluat luoda avainkehyksen käyttämällä edellisen avainkehyksen sisältöä, paina F6. Jos haluat luoda tyhjän avainkehyksen, napsauta hiiren kakkospainikkeella aikajanasi viimeistä kehystä ja valitse "Lisää tyhjä avainkehys". Kaikki kohtauksestasi poistetaan.
• Kun olet luonut toisen avainkehyksen, sinun on tehtävä muutoksia kuvaan, jotta saadaan aikaan liikkeen vaikutus. Jos käytät Flashin suunnittelutyökaluja, voit valita piirustuksen piirteitä ja liikuttaa niitä hieman, kuten tikku-henkilön käsivarsia, käyttämällä Muunna-työkalua.
• Jos lisäät uutta taidetta jokaiselle avainkehykselle, sinun on varmistettava, että se sijoitetaan samaan paikkaan tai seuraavaan loogiseen paikkaan näytöllä. Tämä varmistaa, että taide ei hyppää kehysten välillä.

Vaihe 8. Toista prosessi

Nyt kun olet luonut kaksi avainkehystä, on aika toistaa. Toistat periaatteessa samaa prosessia, kunnes olet animaatiosi valmis. Lisää muutama tyhjä kehys jokaisen avainkehyksen väliin ja varmista, että liikkeet näyttävät sujuvilta.

Tee pieniä, asteittaisia muutoksia. Animaatiosi näyttää paljon tasaisemmalta, jos teet hyvin pieniä muutoksia avainkehykseen. Jos esimerkiksi haluat keppiä heiluttavan kättä, toinen avainkehyksesi ei saisi olla aallon toinen pää. Käytä sen sijaan muutamia avainkehyksiä siirtyäksesi aallon alusta loppuun. Tämä tuottaa paljon tasaisemman animaation

Osa 2/3: Pisteestä animaatioon (Tweening)

Vaihe 1. Ymmärtää tweeningin perusteet

Flash sisältää tweening-toiminnon, jonka avulla voit määrittää objektille lähtö- ja loppupisteet. Flash siirtää ja muuttaa objektia asetustesi perusteella näiden kahden pisteen välillä ja luo animaation illuusion. Sinun ei tarvitse luoda kuvia jokaiselle avainkehykselle kuten ruutukohtaisen animaation avulla.

• Tweening on erityisen hyödyllinen "morfisoivien" tehosteiden luomiseen, jolloin yhdestä objektista tulee toinen animaation aikana.
• Kehys ruudulta animaatiota ja tweeningia voidaan käyttää yhdessä samassa elokuvassa.
• Liikkeessä voi olla vain yksi kohde kerrallaan. Tämä tarkoittaa, että jos haluat animoida useita kohteita kerralla, niiden on oltava eri kerroksissa.

Vaihe 2. Luo ensimmäinen objektisi

Toisin kuin kehys-animaatio, sinun ei tarvitse luoda useita objekteja animoidaksesi tween-toiminnon avulla. Sen sijaan luot yhden objektin ja muutat sen ominaisuuksia tweening -prosessin aikana.

• Luo elokuvan perustausta ennen kuvan lisäämistä. Nimeä kerros 1 uudelleen taustaksi ja lukitse sitten kerros. Luo toinen kerros ja nimeä se haluamallasi tavalla. Tämä on taso, johon luot animaation.
• On erittäin suositeltavaa käyttää Flashin sisäänrakennettuja suunnittelutyökaluja tai tuoda kuva vektoripiirtuohjelmasta. Vektorit voivat skaalautua helposti ilman vääristymiä, kun taas perinteiset rasterikuvat eivät skaalaudu ja muutu hyvin.

Vaihe 3. Muunna objektisi symboliksi

Jotta voit yhdistää objektisi, sinun on muunnettava se symboliksi. Tämä on muoto objekteille, joita Flash käyttää niiden käsittelyyn. Jos yrität yhdistää objektin, jota ei ole tehty symboliksi, sinua kehotetaan tekemään se ensin.

Napsauta objektia hiiren kakkospainikkeella ja valitse "Muunna symboliksi". Objekti lisätään kirjastoosi, mikä helpottaa objektien kloonaamista

Vaihe 4. Luo ensimmäinen liike tween

Liike tween siirtää objektin paikasta toiseen hiiren kakkospainikkeella kohtauksesi symbolia ja valitse "Create Motion Tween". Aikajanallesi lisätään 24 kehystä, koska tämä on tweenin oletuspituus. Muista, että oletusarvoisesti Flash animoi nopeudella 24 kuvaa sekunnissa, mikä tarkoittaa, että tämä liike kestää yhden sekunnin.

Kun luot liikkeen tween, sinut siirretään automaattisesti tweenin viimeiseen kehykseen

Vaihe 5. Luo liikerata

Kun olet luonut tweenin, voit siirtää objektin paikkaan, johon haluat sen päätyvän. Flash näyttää liikeradan, joka on pisteviiva, joka osoittaa kohteen sijainnin jokaisessa kehyksen kehyksessä.

Kun luot radan ensimmäisen kerran, se on suora viiva aloituspisteestä lopetuspisteeseen

Vaihe 6. Laajenna taustakehyksiä

Jos suoritat animaatiosi juuri nyt, kohde liikkuisi rataa pitkin, mutta tausta katoaisi yhden kuvan jälkeen. Korjataksesi tämän, sinun on laajennettava tausta kaikkiin animaation kehyksiin.

Valitse taustakerros aikajanalla. Napsauta aikajanasi viimeistä kehystä, jonka pitäisi myös olla kehys, jossa liikkeet päättyvät. Lisää kehyksiä tähän pisteeseen painamalla F5 -näppäintä, jolloin taustasi näkyy koko tweenin ajan

Vaihe 7. Lisää avainkehyksiä

Lisäämällä avainkehyksiä liikeradallesi voit muuttaa objektisi liikkeen aikana. Voit tehdä muutoksia objektiin vain, jos se on avainkehystetty. Jos haluat lisätä avainkehyksiä liikeradallesi, valitse ensin kehys aikajanalta, jonka haluat muuttaa avainkehykseksi. Napsauta sitten objektia ja vedä se haluamaasi kohtaan kehyksen aikana. Reittisi muuttuu automaattisesti, ja avainkehys lisätään aikajanalle. Avainkehykset on merkitty timanttikuvakkeilla aikajanalla.

Vaihe 8. Säädä liikerataasi

Voit muuttaa objektin polkua napsauttamalla ja vetämällä jokaista kehyksen sijaintimerkkiä uudessa paikassa. Vältä polun vaihtelua, tai esine liikkuu epäsäännöllisesti (ellei tämä ole tavoitteesi!).

Vaihe 9. Muuta objektisi

Kun olet määrittänyt avainkehyksesi ja liikeradasi, voit muuttaa objektisi niin, että se muuttuu liikkuessaan liikeradan välillä. Voit muuttaa objektin muotoa, väriä, kiertoa, kokoa ja muita ominaisuuksia.

• Valitse kehys, jossa haluat muodonmuutoksen tapahtuvan.
• Avaa objektin Ominaisuudet -paneeli. Voit painaa Ctrl+F3, jos paneeli ei ole näkyvissä.
• Muuta ominaisuuksia Ominaisuudet -ikkunassa vaikuttamaan objektiin. Voit esimerkiksi muuttaa värisävyä tai väriä, lisätä suodattimia tai muuttaa mittakaavaa.
• Voit myös käyttää ilmaista muunnostyökalua muuttaaksesi muotoa vapaasti haluamallasi tavalla.

Vaihe 10. Tee viimeistely tweenillesi

Testaa liikettäsi välillä painamalla Ctrl+↵ Enter. Varmista, että muunnokset näyttävät hyviltä ja että animaatio liikkuu oikealla nopeudella. Jos animaatiosi liikkuu liian nopeasti, voit joko pienentää otoksen FPS: ää tai lisätä väliaikaa.

• Oletuksena FPS on 24, joten yritä laskea se 12. Voit tehdä sen napsauttamalla kohtauksen ulkopuolella ja muuttamalla sitten FPS Ominaisuudet -paneelissa. Jos muutat sen 12 -kertaiseksi, animaation pituus kaksinkertaistuu, mutta se voi tehdä siitä "nykivää".
• Jos haluat muuttaa väliväliäsi, valitse kerros, joka sisältää tweenin, ja vedä se ulos liukusäätimellä. Jos haluat, että tween on kaksi kertaa pidempi, laajenna sitä 48 kehykseen. Varmista, että lisäät tyhjiä kehyksiä taustakerrokseen, jotta tausta ei katoa animaation puolivälissä. Jos haluat laajentaa taustaa, valitse taso, napsauta aikajanan animaation viimeistä kehystä ja paina sitten F5

Osa 3/3: Äänen ja musiikin lisääminen

Vaihe 1. Tallenna tai löydä äänitehosteet ja musiikki

Voit lisätä äänitehosteita animaatiosi toimintoihin, jotta se erottuu ja antaa sille persoonallisuutta. Musiikki tekee animaatiostasi mukaansatempaavamman ja voi tehdä hyvästä animaatiosta uskomattoman. Flash tukee erilaisia tiedostomuotoja, mukaan lukien AAC, MP3, WAV ja AU. Valitse se, joka antaa sinulle parhaan laadun pienimmälle tiedostokolle.

MP3 antaa tyypillisesti täysin hyväksyttävän äänenlaadun pitäen samalla tiedoston koon mahdollisimman pienenä. Vältä WAV -tiedostoja, jos mahdollista, koska ne ovat usein melko suuria

Vaihe 2. Tuo äänitiedostot kirjastoon

Ennen kuin voit lisätä ääniä projektiin, ne on lisättävä Flashin kirjastoon. Näin voit lisätä ne nopeasti projektiin myöhemmin. Valitse Tiedosto → Tuo → Tuo kirjastoon. Selaa tietokoneen äänitiedostoa. Varmista, että äänitiedoston nimi on helppo muistaa, jotta löydät sen nopeasti valikosta.

Vaihe 3. Luo uusi kerros kullekin äänitiedostolle

Tämä ei ole ehdottoman välttämätöntä, koska voit lisätä ääntä olemassa oleviin kerroksiin, mutta jokaisen tiedoston asettaminen omalle tasollean antaa sinulle paljon enemmän hallintaa häivytyksestä sisään ja ulos, milloin aloittaa ja lopettaa, ja ääniä on helpompi siirtää.

Vaihe 4. Luo avainkehys, josta ääni alkaa

Valitse äänikerroksesta kehys animaatiossa, josta haluat äänen alkavan. Lisää tyhjä avainkehys painamalla F7 -näppäintä. Jos esimerkiksi haluat sisällyttää musiikkitiedoston, joka toistetaan animaation ajan, valitse musiikkitiedoston kerroksen ensimmäinen kehys. Jos lisäät hahmolle valintaikkunan, valitse kehys, jossa merkki alkaa puhua.

Vaihe 5. Lisää ääni- tai musiikkitiedosto

Ominaisuudet -kehyksessä näet Ääni -osion. Sinun on ehkä laajennettava sitä nähdäksesi vaihtoehdot. Napsauta "Nimi" -valikkoa ja valitse haluamasi tiedosto kirjastostasi.

Vaihe 6. Määritä äänitiedosto

Kun olet valinnut tiedoston, voit määrittää, miten se toistetaan. Valitsemasi perustuu siihen, mitä tarvitset ääntä animaatiossa. Voit muuttaa kunkin äänen tehosteen, synkronoinnin ja toiston asetuksia Ominaisuudet -kehyksen Nimi -valikon alla olevan valikon avulla.

• Tehoste - Tämän avulla voit lisätä tehosteita ääneen, kuten häivyttää sisään ja pois tai lisätä kaiku. Voit valita avattavasta valikosta esiasetetuista asetuksista tai luoda omia mukautettuja asetuksia napsauttamalla valikon vieressä olevaa kynäkuvaketta.
• Synkronointi - Tämä määrittää, miten kappale toistetaan animaatiossa. Tapahtuma toistaa äänen, kunnes se on valmis. Jos sama ääni laukeaa uudelleen ennen ensimmäisen äänen päättymistä, alkuperäinen toisto jatkuu, kunnes se päättyy. Käynnistys toimii kuten tapahtuma, mutta pysähtyy, jos ääni toistetaan. Stop pysäyttää äänen kyseisessä kehyksessä. Jos haluat käyttää tätä yhdessä muiden ääniominaisuuksien kanssa, luo uusi avainkehys, jossa haluat äänen pysähtyvän, ja käytä tätä vaihtoehtoa. Stream yrittää toistaa ääntä muiden kerrosten kehysten lukumäärän kanssa. Tätä käytetään parhaiten vuoropuheluun.
• Toista - Tällä asetuksella voit määrittää, kuinka kauan ääni toistuu. Voit asettaa sen toistamaan vain kerran tai toistaa sen niin monta kertaa kuin haluat. Jos animaatiosi on toistuva animaatio, sinun on asetettava musiikki toistamaan äärettä.

Vaihe 7. Viimeistele projekti

Kun olet vihdoin valmis projektisi kanssa, tallenna se SWF -tiedostona. Tätä muotoa käytetään elokuvan toistamiseen. Voit pelata sitä käytännössä millä tahansa verkkoselaimella tai katsella sitä käyttämällä omaa Flash -soitinta. On myös useita sivustoja, joihin voit ladata sen muiden nähtäväksi, kuten Newgrounds, Albino Blacksheep ja Kongregate.

Vaihe 8. Vie tulevat projektisi pidemmälle

Tässä oppaassa käsitellään animaation luomisen perusteita, mutta voit oppia ja tehdä paljon muutakin. Lisää muutamia painikkeita ja haarautuvia polkuja, ja sinulla on seikkailupeli. Voit osallistua ActionScript -kurssille ja hallita animaatiosi tarkempia yksityiskohtia. Jatka kokeilua, niin huomaat pian oppivasi kaikenlaisia temppuja ja toteutuksia.

Suositeltava:

Google -tilin luominen: 7 vaihetta (kuvilla)

Google -tili on avain kaikkien Googlen tuotteiden ja palveluiden käyttämiseen, joista monet ovat ilmaisia. Google -tilin luominen on nopea prosessi, mutta sinun on annettava joitain henkilökohtaisia tietoja. Seuraa tätä opasta selvittääksesi, mitä sinun on tehtävä saadaksesi kaiken irti Googlesta.

Työpöydän pikakuvakkeen luominen: 8 vaihetta (kuvilla)

Työpöydän pikavalinnat ovat tietyn tiedoston pikakuvakkeita, jotka ovat tietokoneen monimutkaisissa kansioissa ja asemissa. Työpöydän pikavalintojen avulla sovellukset voidaan avata helposti yhdellä napsautuksella. Työpöydän pikanäppäimet vähentävät tarvetta käyttää sovelluksiasi alkuperäisestä tiedoston sijainnista ja säästävät siten kallisarvoista ja arvokasta aikaa.

Flash -korttien luominen PowerPointissa (kuvilla)

Voit luoda ikimuistoisia ja tehokkaita flash -kortteja Microsoft PowerPointissa käyttämällä yksinkertaisia otsikko-/teksti -dioja ja "Häivytys" -animaatiota. PowerPoint -flash -kortit tarjoavat nopean ja helpon tavan luoda ilmainen, tehokas opintotyökalu.

Painikkeen luominen Adobe Flash Actionscript 2.0: ssa

Painikkeiden avulla käyttäjät voivat olla vuorovaikutuksessa Adobe Flash -asiakirjan kanssa ja hallita sitä. Voit liittää toimintoja ja tapahtumia painikkeisiin ActionScript 2.0: n avulla. ActionScriptin uusin versio on 3.0. ActionScriptin kaksi versiota eivät ole yhteensopivia.

OS X El Capitan -asennuslevyn luominen Flash -asemaan

Tämän oppaan avulla opit luomaan käynnistettävän OS X -asennuslevyn DiskMaker X -sovelluksella. Voit myös ladata OS X El Capitan Installer -ohjelman Mac App Storesta. Luomaasi asennusohjelmaa voidaan käyttää OS X El Capitan 10.11: n asentamiseen mihin tahansa Mac -tietokoneeseen.