Vijf snelle tips voor gave teksteffecten in Photoshop

Je wilt je teksten net dat beetje extra geven, maar hebt weinig tijd? Geen probleem! Met Photoshop kun je in een paar eenvoudige stappen coole typo-effecten creëren. In deze zelfstudie laat ik je vijf snelle en eenvoudige technieken zien om je typografie creatief en modern te maken. Van neon-gloed tot metalen looks en vervormde effecten - deze quickys brengen variatie en stijl in jouw ontwerpen. Laten we beginnen en jouw teksten in de spotlight zetten!

1. Retro-contoureffect voor titels

Voor flyers en wallpapers kunnen met de vuloptie Outer Glow zeer snel creatieve retrocontouren worden gecreëerd.

Stap 1: Tekst plaatsen

Als basisafbeelding neem ik een stralende achtergrond met lichtjes gedraaide tekst. De tekst is geschreven in het lettertype Eight Track op 300 Pt.

Stap 2: Vuloptie 'Schein nach außen' als verloop

De Outer Glow als vuloptie wordt meestal gebruikt als lichte of donkere gloed/schaduw. Photoshop biedt echter ook de mogelijkheid om in plaats van een kleur een verloop als gloed toe te passen.

Bij teksten kunnen met nauwkeurige instellingen talrijke contour-effecten worden gecreëerd die elk kunnen variëren met verschillende vullingen. Dankzij de beschikbaarheid en het eenvoudig maken van passende verlopen ontstaat een bijna eindeloze verscheidenheid aan contour-effecten die letters zachtjes omlijnen of psychedelisch fel omkaderen.

De Size in het Vulopties dialoogvenster geeft aan hoe groot de gloed naar buiten moet schijnen. Choke geeft aan hoe sterk het effect direct op de tekst moet werken. Belangrijk is de techniek: Nauwkeurig.

Zeer mooi: Onder de optie Speciale effecten is een onderbroken verloop te vinden, dat kan worden gebruikt voor een geslaagd retro-effect. De kleuren kunnen ook goed worden aangepast. Wie wil, kan ook de buitenste contouren laten vervagen in de transparantie.

Klaar is het retro-contoureffect:

2. Raffeleffect voor titels

Een raffeffect kan goed worden gebruikt in grungy flyers of voor titels. Het effect op zich is snel gemaakt.

Stap 1: Tekst plaatsen op een witte achtergrond

De achtergrond is wit. Ik schrijf met het tekstgereedschap de letters PSD in een lettertype van 600-punt Army.

Stap 2: Selecteer de letters Ik selecteer de letters van de tekstlaag met Ctrl en klik op de miniatuur van de laag van de tekstlaag.

Stap 3: Selectie bewerken Met de sneltoets Ctrl+Alt+R open ik het dialoogvenster Verbeter randen. Hier stel ik een Zachte rand in voor mijn selectie. De specifieke waarde kan variëren afhankelijk van de tekstgrootte.

Stap 4: Nieuwe laag maken en vullen met kleur Ik maak een nieuwe laag met de sneltoets Ctrl+Shift+Alt+N en vul deze met een willekeurige kleur. Alleen het geselecteerde gebied wordt met kleur gevuld.

Ik kan de tekstlaag uitschakelen en de selectie opheffen met de sneltoets Ctrl+D.

Stap 5: Omzetten in Slim object Ik selecteer de laag met de Zachte rand en de witte laag en converteer beide lagen naar een Slim object.

Stap 6: Slimfilter Aquarel driemaal toepassen Ik pas de Kunstfilter Aquarel drie keer toe op mijn Slim object.

1. Ronde

De invoer kan hier ook variëren afhankelijk van de gekozen kleur, de grootte van de zachte rand en de tekstgrootte.

2. Ronde

3. Doorgang

Het blijkt al na twee doorgangen hoe een onregelmatig, rafelig randeffect is ontstaan. Met de derde en eventueel vierde doorgang kan ik het effect indien nodig nog wat verfijnen.

En zo kan het effect goed gebruikt worden als tekstelement voor grungy achtergronden. De hier afgebeelde achtergrond is toegevoegd aan deze tutorial als werkstuk.

In deze weergave in de modus Donkerdere kleur met 85 procent Dekking, de achtergrond is in de modus Normaal met ook 85 procent Dekking:

In de gedifferentieerde weergave in de modus Verschil met 100 procent Dekking, achtergrond is in de modus Normaal met 50 procent Dekking:

3. Eenvoudig spiegeleffect in 3D-optiek

Met slechts enkele eenvoudige stappen creëer ik een eenvoudig spiegeleffect voor teksten, dat effectief werkt zonder veel poespas.

Afbeeldingsbron: Akhilesh Sharma - Fotolia.com.

Stap 1: Spiegelbeeld als patroon instellen

De eerste stap voor dit effect is dat ik het beeld dat binnen de tekst gespiegeld moet worden, instel als patroon. Dit doe ik terwijl de afbeelding is geopend via het menu Bewerken>Patroon instellen.

Stap 2: Tekst plaatsen Ik plaats mijn tekst met een 300-punts Arial in mijn document. Het document heeft een afmeting van 800x600 pixels en een zwarte achtergrond.

Stap 3: Opvuloptie Contour Ik open de opvulopties van mijn tekstlaag en selecteer het tabblad Contour. Daarin kies ik als vulmethode Patroon en klik op het eerder ingestelde patroon in het Patroonvoorbeeld.

Verdere instellingen:

Met de muis kan ik in de afbeelding het patroon nog precies plaatsen zoals ik het binnen de tekstcontour wil hebben. De instellingen kan ik bevestigen met OK.

Stap 4: Opvuloptie als laag instellen Met Rechtsklik kan ik vanuit mijn Laageffect een laag maken. De contour is nu aanwezig in een laag in het Lagenpaneel. Ik plaats de laag onder mijn tekstlaag.

Stap 5: Opvuloptie Patroon overlay In de opvulopties van de tekstlaag selecteer ik het tabblad Patroonoverlay en kies daarin het eerder ingestelde patroon. Met de Schaalregelaar verklein ik mijn patroon totdat het qua weergave past. Met de muis kan ik het patroon in de afbeelding nog precies plaatsen zoals ik het binnen de tekst wil laten zien.

Stap 6: Finetunen via de contour Om het effect realistisch te laten lijken, verplaats ik de contourlaag een beetje naar beneden en naar links met de toetsen pijltjes van het toetsenbord, zodat er een licht 3D-effect ontstaat.

Nu kan ik om nog wat glans toe te voegen aan de spiegeling, een 1 pixel dikke buitencontour met het patroonvulling aan de tekstlaag toevoegen. Aangezien de contour met één pixel echt minimaal sterk is, kan deze ook worden weergegeven in het bovenste deel van de tekst. Als het effect te sterk is, gewoon de Dekking nog wat verder naar beneden aanpassen.

Dit geeft een mooie extra lichtreflectie. Klaar is een eenvoudig spiegeleffect in 3D-optiek.

4. Reflectie-verloopseffecten in tekst en vormen

Vooraf moet worden gezegd dat ik voor deze tutorial geïnspireerd ben door Scott Kelby, die dit effect heeft uitgelegd in zijn boek "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".

Scott Kelby heeft de creatie van het effect in 12 stappen voor twee letters toegelicht. Hij ging als volgt te werk:

1. Tekst maken
2. Tekst rasteren, selecteren en eerste verloop trekken
3. Laag dupliceren en tegenverloop trekken
4. Verloop bijsnijden via ellipsgeselecteerd
5. Selectie transformeren
6. Geselecteerd gradatiegebied omkeren en verwijderen
7. Contour toevoegen
8. Afgeronde rand en reliëf toevoegen
9. -12. Stappen herhalen voor de tweede letter
   
   
   
   

Deze effect is een kleine, leuke blikvanger. De weg naar dat resultaat staat echter alleen een statisch resultaat toe. De tekst kan niet worden gewijzigd omdat deze aan het begin al is gerasterd. Voor elke extra letter moet ik het grootste deel van de stappen herhalen.

In mijn tutorial wil ik een manier laten zien die meer flexibiliteit in de tekst mogelijk maakt. Ook kunnen met dit effect dan sneller extra letters worden toegevoegd.

Stap 1: Verloop maken

Om dit effect op een snellere manier te maken, maak ik het dubbele verloop als patroon. Daarom open ik allereerst in mijn document van 1000x600 pixels het Gradiëntmenu, door te klikken op de Gradiëntvoorbeeld in de menubalk met het geactiveerde Gradiëntgereedschap (G).

Ik maak nu het verloop aan dat als reflectie met dubbel verloop in de tekst moet worden geplaatst.

De verloop heeft de volgende rangschikking:

Grijs - Wit - Zwart - Grijs

Ontbrekende kleuronderbrekingen voeg ik toe via klik naast een bestaande kleuronderbreking en plaats ze via Sleep en plaats op de gewenste plek. De kleur van de kleuronderbreking kan ik aanpassen via de Kleurkiezer van het Gradiëntmenu.

De overgang van wit naar zwart is hard. De verfemmers mogen niet dekkend boven elkaar staan, maar minimaal verschoven. Anders vertoont de overgang later lichte karteleffecten. De Vloeiing van 30 procent zorgt ervoor dat ook het verloop in het grijze gebied mooi zacht is.

Indien nodig kan ik het nieuwe verloop ook in het verloopvoorbeeld opslaan door dit met een willekeurige naam te benoemen als Nieuw. Vervolgens bevestig ik mijn verloopinstellingen met OK.

Stap 2: Verloop buigen

Met het Gradiëntgereedschap sleep ik het verloop vanuit het midden onderaan het document naar linksboven.

Vanwege de kromming in het verloop kan ik helaas niet alle bewerkingen alleen via een Gradiëntoverlay doen. De oplossing is om het verloop gebogen als Patroon toe te passen.

Met Ctrl+T>Krommen stel ik nu een lichte kromming in, zodat de zwarte overgang gebogen wordt weergegeven. Hiervoor sleep ik mijn Krommingraster licht naar boven links.

Stap 3: Verloop als patroon instellen Het gebogen dubbele verloop kan ik nu als Patroon instellen. Ik kies hiervoor in het menu Bewerken>Patroon instellen. De naam is: Dubbelverloop met reflectie.

Stap 4: Tekst plaatsen Voor het document kies ik een nieuwe, donkerrode achtergrond. Nu kan ik mijn tekst al invoeren met een lettergrootte van 530-punt- army. Ik typ de letter P.

Stap 5: Patroon overlay Ik open de Vulopties van mijn tekstlaag. In het tabblad Patroonoverlay selecteer ik in de keuzelijst mijn eerder ingestelde patroon.

Met de muis kan ik nu eenvoudig in het document gaan en intuïtief mijn patroon naar de gewenste plek verplaatsen. Indien nodig kan ik mijn patroon ook nog schalen, als dit te groot of te klein is voor de letter.

Stap 6: Contour In het volgende tabblad contour stel ik een rand van 5 pixels dik in met de positie Buiten. De vulsoort is een Verloop.

Ik klik in de Gradiëntvoorbeeld op de standaardinstelling Zilver uit de Metaalvoorinstellingen.

De contour op zichzelf ziet er nog niet uit zoals gewenst. Pas met de Afgeschuinde kant en reliëf ziet deze er echt metaalachtig uit.

Stap 7: Afgeschuinde kant en reliëf Voor het 3D-metallic-effect zijn de instellingen in het tabblad Afgeschuinde kant en reliëf verantwoordelijk. Volgende instellingen kies ik:

• Stijl: Reliëfcontour

• Techniek: Afgerond

• Diepte: 100 procent

• Grootte: 5 pixels

• Schaduwhoek en -hoogte: 120 en 30 graden

• Glinstercontour: Dubbele ring

De effect is klaar.

Stap 8: Meer letters Voor meer letters dupliceer ik eenvoudig de tekstlaag, verplaats deze naar de gewenste plek en verander met het Tekstgereedschap de desbetreffende letter naar de nieuwe.

Indien nodig hoef ik de dubbele verloop alleen nog maar aan te passen aan de vorm van de nieuwe letters in het register Patroonoverlay.

Als ik nog kleuraccenten wil toevoegen aan mijn verloop, kan ik nog een Kleuroverlay in de modus Bedekken in de vulopties toevoegen.

Dat is alles!

5. Schuine tekst met kader

Een mooie verdere ontwikkeling van het vorige reflectie-verloopseffect kan zijn om mijn tekst nog een kader te geven en dit kader met tekst in de weergave schuin te zetten.

In dit voorbeeld zal niet elke afzonderlijke letter een aparte reflectie hebben, maar een reflectie delen met de rest; dit betekent: de letters bevinden zich niet in afzonderlijke lagen, maar samen in één laag.

Stap 1: Kader toevoegen

Ik trek met de Eigen-vorm-gereedschap (U) het rechthoek met dunne rand uit de Standaardinstellingen als kader bij mijn tekst.

Stap 2: Laageffecten kopiëren Door met Alt via Sleep en neerzetten de bestaande Laageffecten van de tekstlaag naar de kaderlaag te slepen, kopieer ik de laageffecten voor het kader. Indien nodig pas ik de specifieke positie van het Patroonoverlay nogmaals aan via de Vulopties, zodat het er ook netjes uitziet in de weergave.

Stap 3: Beide lagen converteren naar Slim object Ik selecteer de tekst- en kaderlaag in het Laagbedieningspaneel en converteer deze naar een Slim object.

Stap 4: Transformeren Ik selecteer Ctrl+T bij mijn Slim object om het te transformeren. Met Ctrl kan ik het linkerbovenpunt iets naar het midden slepen. Hierdoor kantelen het kader en de tekst.

Indien nodig kan ik ook de onderste punten afzonderlijk met ingedrukte Ctrl-toets verplaatsen om het kantelende effect te versterken. Met Enter bevestig ik mijn transformatie.

Stap 5: Plaatsingstip Het is belangrijk dat de tekst het kader heeft, zodat er daadwerkelijk een kantelend tot kippend effect ontstaat. De tekst alleen zou dit effect slechts in beperkte mate bereiken.

Als ik met de plaatsing nog een speciaal effect wil bereiken, plaats ik mijn tekst met kader dusdanig dat niet het volledige kader ruimte vindt in het document. Indien nodig moet ik het document ook bijsnijden voor deze look. Hierdoor ontstaat de indruk van bijzondere visuele grootte. De inhoud past niet binnen het documentkader, het is te groot. Dit kan op overdrachtelijke wijze de grootte van de inhoud communiceren. Zo plaatste bijvoorbeeld DER SPIEGEL de naam Google op de cover zo dat Google niet helemaal op de cover paste. Dit liet op een eenvoudige manier de bijzondere grootte en macht van Google zien.