neon tekst

Bij een neon tekst loopt de tekstkleur over in een andere kleur van bijvoorbeeld links naar rechts.
Dit kan met JavaScript, maar ook met Flash:

Of:

 top

Zoals ik al zei, kun je dit teksteffect ook met JavaScript maken, maar met Flash heeft het meer voordelen:

1. Het script kan niet uit de bron gekopieërd worden;
2. Er zijn meer kleuren toe te passen;
3. Er zijn meer effecten toe te passen;
4. Makkelijker in gebruik.

Maar genoeg gekletst, we gaan beginnen!

 top

Open een nieuw Flash Document en pas eventueel alvast de grote aan (mijn grote is 470 X 50).
Maak nu een nieuwe laag aan (zodat je twee lagen hebt) en mask de bovenste laag.
De laag daaronder wordt nu automatisch masked.
Meer informatie over masking? Klik hier.
Typ in de bovenste laag (die gemaskd is) je tekst in, dit moet wel een static tekst zijn!.
In de laag daaronder (de masked is) maak je een balk, die je d.m.v. een motiontween onder de tekst laat schuiven.
Hieronder even een sceenshot om het te verduidelijken:

 top

Bovenaan staan twee voorbeeldjes: een waarbij de tekst 'getypt' wordt en een waarbij de tekst opgevult wordt.
De tekst die getypt wordt hebben we net behandeld, nu gaan we een tekst maken die opgevult wordt.
Ook dit is simpel.
Neem je werkje uit stap drie en zet hier nog een laag in, die je onderin plaatst.
Zorg ervoor dat deze laag niet masked is!
Is dit wel het geval: rechtermuisklik op de laag -> Properties... -> Type: Normal.
Zet nu dezelfde tekst als de tekst met het effect in deze laag op exact dezelfde plaats.
Geef deze tekst een leuk kleurtje, bij mijn voorbeeld is dit grijs.

 top

Nu kunnen we een leuk teksteffect creëren met Flash.
Maar je moet nu elke tekst die je dit effect wilt geven appart maken in Flash, wat zeer irritant is en ook extra ruimte op je host kost.
In deze stap gaan we dit zelfe effect maken, maar nu gaan we de tekst via de URL of de HTML bepalen.
Het extern bepalen van de tekst doen we heel anders dan bij de vorige stappen.
We gaan ook met een klein stukje ActionScript werken.

Neem een nieuw document, deze hoeft slechts één laag te hebben, die niet gemaskd is.
Hierin maak je een (dynamisch) tekstvak, waarvan je een movie clip maakt.
Geef deze movie clip de Instance Name 'txt' (zonder quotes).
Maak in deze movie clip een dynamischtekstvak aan, dit tekstvak geef je de Instance Name 'bericht' (ook zonder quotes).
Verder moet je dit tekstvak ook embedden: selecteer Uppercase, Lowercase, Numerals en Punctuation.
Nu gaan we weer uit de movie clip en maken weer de bekende balk die je onder de tekst door gaat schuiven.
Deze geef je natuurlijk een motion tween mee, die er voor zorgt dat de balk onder de tekst door gaat.
Geef deze balk ook de Instance Name 'balk' (uiteraard weer zonder quotes).
Nu hoeven we alleen nog het keyframe een ActionScript te geven en wel het volgende:

Nu zijn we klaar met de fla, even opslaan dus.
In je HTML kun je je teksteffect oproepen met:

bestandsnaam vervang je door je eigen bestandsnaam (zonder .swf) en hier_de_tekst door de gewenste tekst die het effect moet krijgen.

 top