Studio Editor: Teksteffecten toevoegen en aanpassen
5 min
In dit artikel
- Een teksteffect toevoegen
- Het teksteffect ontwerpen
- De tekst opmaken
Gebruik teksteffecten om de website van je klant te verfraaien met boeiende titels en uitspraken die de aandacht trekken. Met deze volledig aanpasbare elementen kun je het effect aanpassen om zo gedurfd of subtiel te zijn als het ontwerp vereist. Kies uit een verscheidenheid aan vooraf ontworpen effecten en personaliseer hun ontwerp om de rest van de pagina aan te vullen.
Tip:
Als je het CMS (Content Management System) gebruikt, kun je teksteffecten koppelen aan de inhoud van je verzameling om dynamische tekst in het element weer te geven.
Een teksteffect toevoegen
Verken ons scala aan creatieve teksteffecten in het Elementen toevoegen-paneel. Elk effect zet een duidelijke toon en voegt een uniek karakter toe aan de website van je klant. Deze effecten zijn slechts het startpunt. Je kunt ze verfijnen en aanpassen om perfect bij de rest van de website te passen.
Om een teksteffect toe te voegen:
- Klik links in de editor op Elementen toevoegen
. - Klik op Tekst of Decoratief.
- Klik op Teksteffecten.
- Sleep het door jou gekozen teksteffect naar de pagina.
- Schrijf je tekst:
- Klik op het teksteffect-element.
- Klik op Tekst wijzigen.
- Voer je tekst in.
Het teksteffect ontwerpen
Teksteffecten zijn volledig aanpasbaar, zodat je het ontwerp kunt aanpassen aan de exacte behoeften en visie van je klant. Elk effect heeft een unieke set ontwerpinstellingen, beschikbaar in het Inspector-paneel. Verken opties zoals kleuren, lagen en beweging om het effect te laten opvallen.
Werk je met breekpunten?
De ontwerpinstellingen lopen trapsgewijs naar beneden vanaf de grootste breekpunten, maar je kunt ze indien nodig op de kleinere breekpunten aanpassen.
Om het teksteffect te ontwerpen:
- Selecteer het teksteffect-element.
- Klik rechtsboven in de editor op het Inspector openen-pictogram
.
- Afhankelijk van het teksteffect dat je hebt gekozen, pas je de beschikbare instellingen onder Ontwerp aan:
- Kleur / Opvulkleuren: Kies de kleuren waaruit het effect bestaat. Afhankelijk van het specifieke effect kun je een enkele kleur, meerdere kleuren selecteren of een kleurverloop toepassen.
- Gelaagdheid: Pas de visuele lagen aan om diepte in het ontwerp te creëren. Stel het gewenste aantal lagen in, kies hun kleuren, pas de hoek en afstand tussen de lagen aan voor een effect dat helemaal bij je past.
- Afgeschuinde hoek: Pas de hoek aan om te bepalen hoe licht en schaduwen vallen, waardoor een 3D-verschijning ontstaat op de randen van de tekst.
- Streep: Pas de grootte, hoek en dikte van de strepen aan.
- Beweging: Activeer de schakelaar om een geanimeerd effect toe te voegen dat verschijnt bij het aanwijzen. Stel de snelheid in met de schuifregelaar om de animatie sneller of langzamer te maken.
- Masker: Wijzig de maskerpositie en het vervagingsniveau om te bepalen hoeveel van de tekst wordt onthuld of vervaagd.
- Gloed: Maak de gloed rond de tekst groter of kleiner.
- Rand: Stel de randkleur en -breedte in om de tekst te omlijnen.
- Schaduw: Wijzig de kleur, hoek, vervaging en afstand van de schaduw.
Let op: In sommige effecten komt de schaduwkleur automatisch overeen met de opvulkleuren die je kiest. - Tekst: Wijzig het lettertype, de grootte, het hoofdlettergebruik en meer. Lees meer over de tekstopmaakopties in het onderstaande gedeelte.
Tip:
Je kunt een animatie toevoegen om het teksteffect nog dynamischer te maken. Klik op het Animaties en effecten-tabblad 
in het Inspector-paneel om een van de volgende animaties toe te voegen: Entree, aanwijzen, klikken, scrollen, loop of een muiseffect.
in het Inspector-paneel om een van de volgende animaties toe te voegen: Entree, aanwijzen, klikken, scrollen, loop of een muiseffect. De tekst opmaken
Pas het lettertype, de afstand, uitlijning en andere opmaakinstellingen aan om ervoor te zorgen dat je ontwerp naadloos past op de website van je klant.
Om de tekstopmaak aan te passen:
- Selecteer het teksteffect-element.
- Klik rechtsboven in de editor op het Inspector openen-pictogram .
- Klik onder Ontwerp op Tekst.
- Pas de beschikbare opmaakinstellingen aan:
- Maak dit tekstelement vast aan een typografiestijl.
- Wijzig het lettertype en de lettergrootte:
- Pas de horizontale en verticale tekenafstand aan.
- Maak de tekst vet of cursief.
- Lijn de tekst uit.
- Wijzig het hoofdlettergebruik (bijvoorbeeld: maak de tekst allemaal kleine letters).
Toegankelijkheidstip:
Als dit teksteffecten-element alleen decoratief is, wat betekent dat het geen belangrijke informatie voor schermlezers bevat, schakel je het selectievakje naast Deze tekst is alleen decoratief in.