Selecteer pagina

Flash-cursus: geanimeerd handschrift maken

lastig netwerk

 

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.

 

schrijf 01

  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.

    schrijf 02 
  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.

    schrijf 03 

  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.

    schrijf 10
     

  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.
     
    schrijf 09

    schrijf 09x

  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.

    schrijf 12
    schrijf 11 

  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.

 

 

 

 

 

Over de auteur

s3nki

Eigenaar van de HOC.hu-website. Hij is de auteur van honderden artikelen en duizenden nieuws. Naast verschillende online interfaces heeft hij geschreven voor Chip Magazine en ook voor de PC Guru. Hij heeft een tijd een eigen pc-shop gehad, heeft naast de journalistiek jarenlang gewerkt als winkelmanager, servicemanager, systeembeheerder.