Valitse Sivu

Flash-kurssi: Tähtien sota -tekstin luominen

hankala netto

Tekstitehosteet ovat aina suosittuja Flash-käyttäjien keskuudessa - varsinkin ”Tähtien sota” -efekti, joka tuli tunnetuksi vuoden 1977 elokuvan alkukohtauksen yhteydessä. Vaikutus on suhteellisen yksinkertainen, mutta sillä on hinta: toiston suorituskyky kärsii. Käytä sitä huolellisesti ja testaa animaatiot usein varmistaaksesi, ettei toisto jumiudu. Varmista, että teksti on luettavissa ilman lukijaa päänsärkyä.

 

ch10 01

  1. Aloitetaan kirjoittamalla teksti. Kokeile käyttää yksinkertaista, lihavoitua fonttia, joka on helppo lukea. Muutamme ja animoimme tämän tekstin. Koska se on jatkuvassa liikkeessä, on ensiarvoisen tärkeää, että se on täsmennetty ja katsojalle helppo lukea. Valitse tekstiruutu ja katkaise se, kunnes tekstistä tulee vektorigrafiikkaa. Vektoritietojen määrä on välttämätön ja todennäköisesti aiheuttaa suorituskykyongelman toiston aikana. Tämä on myös syy käyttää yksinkertaista, puhtaasti viivoitettua fonttia, koska se johtaa vähemmän vektoripisteisiin.

    ch10 03

  2. Seuraava askel on simuloida näkökulmaa, jota tarvitaan vaikutuksen aikaansaamiseksi ikään kuin teksti siirtyisi pois. Valitse Vapaa muunnostyökalu q ja sen sisällä Vääristymistyökalu. Pidä S-näppäintä painettuna ja vedä yhtä yläkulmaa tekstin keskiosaa kohti. S -painikkeen painaminen säilyttää muunnossuhteet vääristämällä viereistä kulmaa vastakkaiseen suuntaan. Muunna tämä tekstilohko graafiseksi symboliksi. Jos sinulla on useita tekstilohkoja, on parasta käsitellä niitä pieninä ainutlaatuisina symboleina.

    ch10 04

  3. Lisää uusi kerros ja muunna se ohjauskerrokseksi. Varmista, että tekstiäsi sisältävää tasoa ei ole liitetty tai "ohjattu". Voit vetää ohjauskerroksen tekstikerroksen alle estääksesi niiden yhdistämisen. Mitä ohjauskerros sisältää, sitä ei sisällytetä vietyyn SWF-tiedostoon. Flash CS5: llä on hyvä ominaisuus, jonka avulla voit valita, viedäänkö piilotetut tasot vai ei. Tämä vaihtoehto on käytettävissä Tiedosto> Julkaise asetukset -valikon Flash -välilehdessä. Piirrä tällä tasolla viivatyökalulla viiva tekstiruudun sivulle nähden. Kopioi ja liitä se paikalleen, käännä se vaakasuoraan ja aseta se sitten tekstilohkon vastakkaiselle puolelle.

    ch10 06

  4. Lisää toinen avainkehys ja muuta tekstin kokoa, kunnes se mahtuu ohjainrivien väliin, missä ne supistuvat. Meidän on vielä lisättävä muutamia kehyksiä kahden avainkehyksen väliin ja käytettävä Motion Tween -toimintoa.

    ch10 07

  5. Viimeinen vaihe rikkoo tosiasiallisesti ainoan perspektiivin, johon tämä animaatio perustuu. Mielestäni tämä on tärkein askel, koska se todella auttaa säilyttämään illuusion tekstistä, joka katoaa äärettömyyteen, mutta se on kuitenkin niin yksinkertaista. Valitse tweenin viimeisessä kuutiossa symboli, joka sisältää tekstiruudun, ja muuta sen kokoa pystysuunnassa käyttämällä kahta keskimmäistä ohjainta ylä- tai alareunassa Free Transform -työkalun avulla. Yhteenvetona voidaan todeta, että pakkaamme symbolin tasaisemmaksi (älä laajene).

Jatkuva toisto vaatii satojen kehysten ja suuren kuvataajuuden yhdistelmän. Tarkka määrä riippuu siitä. Tarkka määrä riippuu tekstin määrästä, kirjasimesta ja siitä, kuinka suuri (korkeus x leveys) elokuvamme on. Mitä suurempi kalvo, sitä enemmän se käyttää prosessoria. Kaikki animoidut tehosteet, joissa käytetään näiden tekijöiden yhdistelmää, heikentävät toiston suorituskykyä. Testaamme usein ja tiedämme millainen yleisömme on.


Voimme myös kokeilla tätä vaikutusta Photoshopissa tekstilohkolla, joka on vinossa samaan perspektiiviin. Tuomme tekstin samalla yksivärisellä taustalla, jota Flash -elokuva käyttää. Tämä johtaa paljon prosessoriystävällisempään animaatioon, mutta sen laatu heikkenee, jos muutat sen kokoa. Flash ei muuta tuotujen bittikarttojen kokoa kovin hyvin, joten tulos ei ole visuaalisesti houkutteleva. Kompromissi on terävän, vektoritekstin käyttö, jolla on vähän potentiaalista tehohäviötä toiston aikana. Paras puolustus on testata usein.


 

Lisää Flash-vinkkejä ja temppuja osoitteessa Hankala tekniikka Adobe Flash CS5: ssälöytyy kirjasta, julkaisusta, josta löytyy myös tässä artikkelissa luettu temppu.

 

Voit nähdä live -Flash -demon sivustollamme 28. maaliskuuta, jossa voit oppia lisää temppuja!

 

Lähetyksen päivänä palkintojen arvonta alkaa myös sivustollamme, jossa Hankala tekniikka Adobe Flash CS5: ssäArvomme kirjaa kolme kappaletta lukijoidemme joukossa.



Kirjailijasta

s3nki

HOC.hu -sivuston omistaja. Hän on kirjoittanut satoja artikkeleita ja tuhansia uutisia. Erilaisten online-käyttöliittymien lisäksi hän on kirjoittanut Chip Magazine -lehdelle ja myös PC Gurulle. Hän johti jonkin aikaa omaa PC-myymälää ja työskenteli vuosia journalismin lisäksi kauppapäällikkönä, palvelupäällikkönä, järjestelmänvalvojana.