Flash-cursus: geanimeerd handschrift maken

Dit geanimeerde effect is een van mijn persoonlijke favorieten, omdat ik regelmatig om hulp wordt gevraagd bij deze techniek, ook al bestaat het in feite uit eenvoudige stappen. Als ik het maken van een “zelfgeschreven” tekst presenteer, rijst bijna altijd de vraag in het publiek: “Wauw, is dat alles?” Het hier getoonde voorbeeld is gemaakt met een geanimeerd masker met een vrij kleine bestandsgrootte, dat ook geschikt is voor het maken van grotere tekstblokken.

1. Typ als eerste stap iets op het bureaublad. De aard van de tekst doet er hier niet toe, kies gewoon een lettertype en begin met typen. Standaard kan het dynamische karakter van tekstvelden in sommige gevallen geschikt zijn, maar als u effecten (zoals maskeren, alfa, rotatie, formaat wijzigen) aan het tekstveld toevoegt, kan Flash Player de tekst mogelijk niet perfect weergeven. Als u dynamische tekst wilt gebruiken, sluit u de omtrek van de letters in.
    
2. Als u het gedrag van het tekstvak wilt wijzigen in Statisch, wordt het lettertype ingesloten in de bewerkte SWF en wordt het door Flash Player perfect weergegeven, zelfs wanneer u een effect toevoegt. Dit kan ook worden bereikt door de tekst op te splitsen in eenvoudige vormen; de mapping verloopt dus zonder problemen, maar de bestandsgrootte is groter en dus moeilijker om later te bewerken.

    

3. Maak een nieuwe laag boven de tekstlaag en converteer deze naar een maskerlaag. De tekstlaag wordt automatisch een gemaskeerde laag. Teken in de eerste kubus een rechthoek met dezelfde hoogte als uw tekst naast de tekst aan de linkerkant.

   
    

4. Maak een hoofdframe in dezelfde laag, iets onder de tijdlijn, en pas het formaat van de vorm aan om de volledige breedte van de tekst te bedekken.
    
   

   

5. Pas nu Shape-tween toe tussen de twee keyframes. Sluit elke laag en speel of test vervolgens de animatie die het effect van de zelfgeschreven tekst creëert.

   
    

6. Wanneer u dynamische tekst gebruikt, moet u ook de contouren van de letters insluiten voor een perfecte weergave in de Flash-speler. Om dit te doen, selecteert u het dynamische tekstvak en klikt u op de knop "Insluiten..." in het deelvenster Eigenschappen. Het Font Embedding-paneel verschijnt, waar u de tekens kunt selecteren die u in de animatie wilt gebruiken; selecteer zo min mogelijk tekens, omdat het insluiten van alle tekens de bestandsgrootte aanzienlijk vergroot. In het deelvenster Opties kunt u de tekens typen die u op het bureaublad wilt gebruiken, zodat alleen deze worden ingesloten en de bestandsgrootte zo klein mogelijk is. 

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.