Flash-cursus: Star Wars-tekst maken

Teksteffecten zijn altijd populair bij Flash-gebruikers - vooral het "Star Wars"-effect, dat beroemd werd met de openingsscène van de film uit 1977. Het effect is relatief eenvoudig, maar er hangt een prijskaartje aan: de afspeelprestaties lijden eronder. Gebruik het zorgvuldig en test je animatie vaak om ervoor te zorgen dat het afspelen niet vastloopt. Zorg ervoor dat de tekst leesbaar is zonder dat de lezer er hoofdpijn van krijgt.

1. Laten we beginnen met het typen van onze tekst. Probeer een eenvoudig vetgedrukt lettertype te gebruiken dat gemakkelijk te lezen is. We zullen deze tekst transformeren en animeren. Omdat het constant in beweging zal zijn, is het van het grootste belang dat het wordt gespeld en gemakkelijk te lezen is voor de kijker. Selecteer het tekstvak en verdeel het totdat de tekst vectorafbeeldingen wordt. De hoeveelheid vectorinformatie is essentieel en zal hoogstwaarschijnlijk een prestatieprobleem veroorzaken tijdens het afspelen. Dit is ook een reden om een ​​eenvoudig, strak omlijnd lettertype te gebruiken, omdat dit resulteert in minder vectorpunten.

   

2. De volgende stap is het simuleren van het perspectief dat nodig is om een ​​effect te creëren alsof de tekst weg beweegt. Selecteer het gereedschap Vrije transformatie q en daarbinnen het gereedschap Vervormen. Terwijl u de S-toets ingedrukt houdt, sleept u een van de bovenhoeken naar het midden van de tekst. Door op de S-knop te drukken, blijven de transformatieverhoudingen behouden door de aangrenzende hoek in de tegenovergestelde richting te vervormen. Converteer dit tekstblok naar een grafisch symbool. Als u meerdere tekstblokken heeft, kunt u deze het beste als kleinere unieke symbolen behandelen.

   

3. Voeg een nieuwe laag in en converteer deze naar een gidslaag. Zorg ervoor dat de laag met uw tekst niet is vastgemaakt of "begeleid". U kunt de hulplaag onder de tekstlaag slepen om te voorkomen dat ze worden samengevoegd. Wat de geleidelaag ook bevat, wordt niet opgenomen in de geëxporteerde SWF. Flash CS5 heeft een goede functie waarmee u kunt kiezen of u verborgen lagen wilt exporteren of niet. Deze optie is beschikbaar op het tabblad Flash van het menu Bestand> Publicatie-instellingen. Gebruik op deze laag het gereedschap Lijn om een ​​lijn onder een hoek naar de zijkant van uw tekstvak te tekenen. Kopieer en plak het op zijn plaats, draai het horizontaal om en plaats het aan de andere kant van het tekstblok.

   

4. Voeg een tweede keyframe toe en wijzig het formaat van de tekst totdat deze tussen de hulplijnen past waar ze samentrekken. We moeten nog een paar frames tussen de twee keyframes invoegen en een bewegings-tween toepassen.

   

5. De laatste stap breekt eigenlijk het enige perspectief waarop deze animatie is gebaseerd. Ik denk dat dit de belangrijkste stap is, omdat het echt helpt om de illusie te behouden dat een tekst in het oneindige verdwijnt, terwijl het zo eenvoudig is. Selecteer in de laatste kubus van de tween het symbool dat het tekstvak bevat en wijzig het formaat vervolgens verticaal met behulp van de twee middelste handlers langs de boven- of onderrand. Samengevat, we comprimeren het symbool om het platter te maken (niet verbreden).

Continu afspelen vereist een combinatie van honderden frames en een hoge framesnelheid. Het exacte aantal hangt ervan af. De exacte hoeveelheid hangt af van de hoeveelheid tekst, het lettertype en hoe groot (hoogte x breedte) onze film is. Hoe groter de film, hoe meer deze de processor zal gebruiken. Elk geanimeerd effect dat een combinatie van deze factoren gebruikt, resulteert in slechte afspeelprestaties. Laten we vaak testen en weten hoe ons publiek eruit zal zien.

We kunnen dit effect ook in Photoshop proberen met een blok tekst dat scheef staat in hetzelfde perspectief. We importeren de tekst met dezelfde effen achtergrondkleur die onze Flash-film gebruikt. Dit zal resulteren in een veel processorvriendelijkere animatie, maar de kwaliteit zal verslechteren als je het formaat aanpast. Flash past het formaat van geïmporteerde bitmaps niet goed aan, dus het resultaat zal er visueel niet aantrekkelijk uitzien. De wisselwerking is het gebruik van scherpe, vectortekst met weinig potentieel vermogensverlies tijdens het afspelen. De beste verdediging is om vaak te testen.

Voor meer Flash-tips en -trucs a Lastige technieken in Adobe Flash CS5vind je in het boek, in de publicatie waaruit de in dit artikel gelezen truc ook terug te vinden is.

Je kunt op 28 maart een live Flash-demo zien op onze site waar je meer trucs kunt leren!

Op de dag van de uitzending start ook een loterij op onze site, waar de Lastige technieken in Adobe Flash CS5We zullen drie exemplaren van het boek binnenhalen bij onze lezers.