Flash Course: Skapa Star Wars-text

Texteffekter är alltid populära hos Flash-användare - särskilt ”Star Wars” -effekten, som blev känd med invigningsscenen för 1977-filmen. Effekten är relativt enkel, men den har ett pris: uppspelningsprestanda lider. Använd den försiktigt och testa din animering ofta för att se till att uppspelningen inte fastnar. Se till att texten är läsbar utan att läsaren har huvudvärk.

1. Låt oss börja med att skriva vår text. Försök använda ett enkelt, djärvt teckensnitt som är lätt att läsa. Vi kommer att transformera och animera den här texten. Eftersom den kommer att vara i konstant rörelse är det ytterst viktigt att den stavas ut och är lätt att läsa för tittaren. Markera textrutan och dela upp den tills texten blir vektorgrafik. Mängden vektorinformation är viktig och kommer sannolikt att orsaka ett prestandaproblem under uppspelning. Detta är också en anledning att använda ett enkelt, rent linjer teckensnitt, eftersom det kommer att resultera i färre vektorpunkter.

   

2. Nästa steg är att simulera det perspektiv som behövs för att få effekt som om texten rör sig bort. Välj Free Transform-verktyget q och inom det Distort-verktyget. Håll S-tangenten nedtryckt och dra ett av de övre hörnen mot mitten av texten. Genom att trycka på S-knappen bibehålls omvandlingsförhållandena genom att snedvrida det intilliggande hörnet i motsatt riktning. Konvertera detta textblock till en grafisk symbol. Om du har flera textblock är det bäst att behandla dem som mindre unika symboler.

   

3. Sätt in ett nytt lager och konvertera det till ett styrlager. Se till att lagret som innehåller din text inte är bifogat eller ”styrt”. Du kan dra styrlagret under textlagret för att förhindra att de slås samman. Oavsett vad guideskiktet innehåller kommer inte att inkluderas i den exporterade SWF. Flash CS5 har en bra funktion som låter dig välja om du vill exportera dolda lager eller inte. Det här alternativet är tillgängligt på fliken Flash i menyn Arkiv> Publiceringsinställningar. På detta lager använder du verktyget Linje för att rita en linje i en vinkel mot sidan av textrutan. Kopiera och klistra in den, vänd den vågrätt och placera den sedan på motsatt sida av textblocket.

   

4. Lägg till en andra nyckelbild och ändra storlek på texten tills den passar mellan riktlinjerna där de samlas. Vi behöver fortfarande infoga några bildrutor mellan de två nyckelbildrutorna och tillämpa en rörelseintervall.

   

5. Det sista steget bryter faktiskt det enda perspektiv som denna animering bygger på. Jag tror att detta är det viktigaste steget, eftersom det verkligen hjälper till att bevara illusionen av en text som försvinner i oändligheten, men ändå är den så enkel. I den sista kuben i mellanrummet väljer du symbolen som innehåller textrutan och ändrar sedan storleken på den vertikalt med hjälp av de två mellersta hanterarna längs de övre eller nedre kanterna med verktyget Gratis omvandling. Sammanfattningsvis komprimerar vi symbolen så att den blir plattare (inte vidgas).

Kontinuerlig uppspelning kräver en kombination av hundratals bilder och en hög bildfrekvens. Det exakta antalet beror på det. Den exakta mängden beror på mängden text, teckensnittet och hur stor (höjd x bredd) vår film är. Ju större filmen är, desto mer kommer den att använda processorn. Varje animerad effekt som använder en kombination av dessa faktorer kommer att resultera i dålig uppspelningsprestanda. Låt oss testa ofta och veta hur vår publik kommer att se ut.

Vi kan också prova denna effekt i Photoshop med ett textblock som har snedställts till samma perspektiv. Vi importerar texten med samma färgfärgade bakgrund som vår Flash-film använder. Detta kommer att resultera i mycket mer processorvänlig animering, men dess kvalitet kommer att försämras om du ändrar storlek på den. Flash ändrar inte storleken på importerade bitmappar särskilt bra, så resultatet blir inte visuellt tilltalande. Avvägningen är användningen av skarp vektortext med liten potentiell strömförlust under uppspelning. Det bästa försvaret är att testa ofta.

Fler Flash-tips och tricks på Knepiga tekniker i Adobe Flash CS5i, i publikationen från vilken tricket som läses i den här artikeln också kan hittas.

Du kan se en live Flash-demo på vår webbplats den 28 mars där du kan lära dig fler knep!

På sändningsdagen kommer en pristeckning att börja på vår webbplats, där Knepiga tekniker i Adobe Flash CS5Vi drar lod för tre exemplar av boken.