Flashkurs: Skapa animerad handskrift

Denna animerade effekt är en av mina personliga favoriter, eftersom jag regelbundet blir ombedd att få hjälp med den här tekniken, även om den i grunden består av enkla steg. När jag presenterar skapandet av en ”självskriven” text uppstår nästan alltid frågan i publiken: ”Wow, är det allt?” Exemplet som visas här skapades med en animerad mask med en ganska liten filstorlek, vilket också är lämpligt för att skapa större textblock.

1. Skriv något på skrivbordet som ett första steg. Textens karaktär spelar ingen roll här, välj bara ett teckensnitt och börja skriva. Som standard kan det hända att textfältens dynamiska natur är lämplig i vissa fall, men om du lägger till effekter (som maskering, alfa, rotation, storleksändring) i textfältet kanske inte Flash-spelaren kan återge texten perfekt. Om du vill använda dynamisk text, bädda in konturerna av bokstäverna.
    
2. Om du vill ändra beteendet för textrutan till Statisk, är teckensnittet inbäddat i den redigerade SWF, och Flash-spelaren gör det perfekt även när du lägger till en effekt. Detta kan också uppnås genom att dela upp texten i enkla former; Därmed görs kartläggningen utan problem, men filstorleken är större och därmed svårare att redigera senare.

    

3. Skapa ett nytt lager ovanför textlagret och konvertera det till ett masklager. Textlagret blir automatiskt ett maskerat lager. I den första kuben ritar du en rektangel i samma höjd som texten bredvid texten till vänster.

   
    

4. Skapa en nyckelbild i samma lager, strax under tidslinjen, och ändra sedan formen så att den täcker hela textens bredd.
    
   

   

5. Använd nu Shape-mellanrum mellan de två nyckelbilderna. Stäng varje lager och spela eller testa sedan animeringen som skapar effekten av den självskrivna texten.

   
    

6. Om du använder dynamisk text måste du också bädda in konturerna för bokstäverna för en perfekt återgivning i Flash-spelaren. För att göra detta markerar du rutan Dynamisk och klickar på knappen "Bädda in ..." på panelen Egenskaper. Panelen för inbäddning av teckensnitt visas där du kan välja de tecken du vill använda i animationen. välj så få tecken som möjligt, eftersom inbäddning av alla tecken kommer att öka filstorleken avsevärt. I panelen Alternativ kan du skriva de tecken du vill använda på skrivbordet så att endast de kommer att bäddas in och filstorleken blir så liten som möjligt. 

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.