Soms kost het maar een paar klikken om typografie tot leven te brengen. Klassieke typografische effecten zijn tijdloos en veelzijdig - perfect voor logo's, posters, uitnodigingen of social media posts. In deze tutorial laat ik je vijf eenvoudige en snelle effecten zien waarmee je je tekst op een creatieve manier kunt vormgeven in Photoshop. Of het nu gaat om schaduwen, gradients, een 3D-look of glanzende accenten - deze technieken besparen tijd en leveren toch indrukwekkende resultaten op. Laten we beginnen en jouw typografie naar een hoger niveau tillen!
1. Opmaak: Teksten in vormen plaatsen
Stap 1: Basisprincipe van opmaak in Photoshop
Opmaak in Photoshop is heel eenvoudig. Hiervoor heb je een werkpad nodig waarop de tekst wordt ingevoegd.
Je kunt eenvoudig een vorm maken met het rechthoekgereedschap. Vervolgens klik ik met het tekstgereedschap in de rechthoek en kan ik mijn tekst typen of invoegen.
Stap 2: Eigen vormen gebruiken voor opmaak
Dit was het basisprincipe. Nu kan ik met de tekeninggereedschappen mijn paden naar wens aanpassen om een vorm voor de tekst te creëren. Nog gemakkelijker is het als er al vormen klaarstaan als sjabloon. Met het gereedschap Eigen Vormen selecteer ik de tekstballonvorm en sleep deze erin. Vervolgens klik ik met de muis weer in de tekstballon en schrijf mijn tekst. De tekst past zich perfect aan de vorm van de tekstballon aan.
Met behulp van de vensters Opsommingsteken en Teken kan ik nog wat bijschaven door uitlijnen in te stellen, de tekenspatiëring aan te passen, de regelafstanden te kiezen voor de grootte van de vorm, enzovoort. Als resultaat kan de tekst in hartvorm er als volgt uitzien:
2. Contourvolging: Tekst laten stromen rond objecten
Stap 1: Basisprincipe van contourvolging
Terwijl Adobe InDesign een apart bedieningspaneel heeft voor contourvolgen met echt fantastische mogelijkheden zoals bijv. randen zoeken, moet in Adobe Photoshop een alternatieve manier worden gevonden om de tekst rond objecten te laten stromen. De oplossing is een werkpad dat overeenkomt met de contouren van het object waarin de tekst wordt geplaatst. Het basisprincipe hiervan is hetzelfde als dat van de opmaak.
Voor deze tutorial heb ik een afbeelding van Fotolia.de gekozen (Bronafbeelding: © Robert Kneschke - Fotolia.com).
Ik wil nu dat mijn tekst elegant om de persoon heen stroomt. De afbeelding heeft een zwarte achtergrond die niet is vrijstaand. Omdat de achtergrond zwart is, gebruik ik gewoon mijn tovenaarstaf om de achtergrond te selecteren.
Stap 2: Selectie verkleinen en een werkpad maken
Aangezien de selectie tot dicht bij de persoon komt, verklein ik de selectie nog eens met 10 pixels via het menu Selectie>Selectie wijzigen>Verkleinen. Let op: Het is altijd raadzaam de selectie te beperken tot de grootte van het gewenste tekstkader. Met Alt en het Selectiegereedschap kan ik selecties verkleinen en met Shift en Selectiegereedschap vergroten. Daarom moet ik vóór de creatie van het werkpad de selectie optimaliseren voor de grootte van het tekstkader.
Nu open ik mijn padvenster en maak van de selectie een werkpad door op het juiste pictogram te klikken.
Stap 3: Tekst invoegen
In de laatste stap klik ik gewoon met het tekstgereedschap in de vorm en voeg mijn tekst in of typ de gewenste tekst. Het werkpad vormt nu het tekstkader voor de tekst.
Met mijn tekstgereedschap kan ik toch nog het tekstkader aanpassen. Resultaat: De tekst stroomt elegant aan de linkerkant om de persoon heen.
3. Tekst op een pad
Om tekst langs een pad te plaatsen is vrij eenvoudig.
Stap 1: Pad tekenen
Met het pen gereedschap trek ik eenvoudig het gewenste pad waarop de tekst moet worden geplaatst.
Stap 2: Tekst plaatsen
Met het tekstgereedschap ga ik naar het pad, zodat er een licht gestippelde lijn verschijnt. Nu kan ik beginnen met typen.
Stap 3: Tekstformaties
Ik kan tekstformaties nog steeds aanbrengen via het tekengereedschapvenster.
Met het direct selecteren gereedschap kan ik mijn tekstpad ook aanpassen en het startpunt van de tekststroom verplaatsen en bepalen of de tekst boven of onder het pad moet worden weergegeven.
Stap 4: Pad maken via de vormgereedschappen
Ook via de vormgereedschappen kan ik paden maken. Ik maak in het padbedieningspaneel een nieuw pad en teken met een vormgereedschap, in dit geval met de eigen vormgereedschap, een handvorm.
Nu kan ik daar ook mijn tekst plaatsen.
Stap 5: Pad maken van selecties
Zo kan ik ook selecties van afbeeldingen maken en deze omzetten in een pad, om ze te gebruiken voor typografische tekststromen.
Met het snel selecteren gereedschap kies ik de achtergrond op deze afbeelding (afbeeldingsbron: iofoto - Fotolia.com). Ik keer de selectie om met Shift+Ctrl+I en maak van de selectie een werkpad. Dit pad kan ik vervolgens voor mijn tekst gebruiken.
Stap 6: Accentueren van contouren met typografie
Hetzelfde geldt voor afbeeldingen die qua kleur wat gelaagder zijn, zoals deze afbeelding van een boom (afbeeldingsbron: archaeopteryx_stocks).
Met het snel selecteren gereedschap selecteer ik de boom en maak opnieuw een werkpad: Ik klik op het wachtende pad maken pictogram in het padbedieningspaneel. Nu kan ik dit pad ook gebruiken voor mijn tekst.
4. Teksten groeperen met afbeeldingen via een knipmasker
De absolute klassieker bij typografie-effecten is het vullen van tekst met een patroon, textuur of afbeelding. De afbeelding die in mijn tekst moet worden weergegeven, plaats ik direct boven mijn tekstlaag in het lagenbedieningspaneel.
Met de sneltoets Ctrl+Alt+G of met Alt en klik tussen tekst- en afbeeldingslaag maak ik een knipmasker aan. Nu wordt de afbeelding alleen nog maar getoond op de plek waar de tekst staat. Het wordt in de weergave bijgesneden op de inhoud van de onderliggende laag.
Deze teksteffecten zie je vaak, heel eenvoudig zonder vullen opties op een zwarte of witte achtergrond, in productcatalogi, op flyers enz. met een lifestyle-achtergrond - recent nog gezien in een productcatalogus van een tv-fabrikant. Ook "The Buy And Hold Bible" van Gerd Kommer heeft dit eenvoudige effect op de boekomslag.
De knipmaskereffecten worden vaak toegepast met materiaaltexturen. De vulopties (afgeschuinde rand/reliëf met schaduwen enz.) zorgen dan voor een marmeren tekst, een metalen tekst of iets dergelijks, waarmee de nieuwste steencollecties van de aanbieder xy bij de buurtwinkel worden gepromoot.
5. Contourvulling met penseelvoorinstellingen via werkpaden
Een zeer eenvoudige maar effectieve techniek is om tekstcontouren te vullen met penseelvoorinstellingen.
Stap 1: Lettertype selecteren, tekst schrijven en werkpad maken
Als eerste zoek ik een lettertype dat zo breed mogelijk is. Ik schrijf PSD met een 120 punten Franklin Gothic Heavy in mijn document.
Met rechtsklikken op de tekstlaag in het lagenbedieningspaneel>werkpad maken kan ik van mijn tekst een werkpad maken. Deze is te vinden in het padbedieningspaneel.
Stap 2: Penseelvoorinstelling instellen
De tekstlaag kan ik verbergen. In het penseelvoorinstellingen-bedieningspaneel kies ik een penseelpunt dat als contour voor mijn tekst moet worden gebruikt. Ik kies een blaadjespenseel.
Met F5 open ik het penseelbedieningspaneel. Hiermee kan ik de vorm van mijn penseel instellen.
Ik stel in:
• het tabblad penseelvorm een afstand van 60 procent bij een grootte van 40 Px. Deze instelling is optimaal bij mijn tekengrootte, zodat de afstand tussen de individuele penseelstreken vloeiend is.
• de vormeigenschappen een hoek-ruis van 25 procent. Dit zorgt voor een rotatie van mijn penseelvoorinstelling.
• de kleuropties 12 procent bij de kleurruis en 12 procent bij de helderheidsruis. Hierdoor krijg ik een mooie lichte onregelmatigheid in de rode tint, wat een mooi herfsteffect in de tekst oplevert.
Stap 3: Activeer het werkpad en maak een nieuwe laag aan
Nu maak ik een nieuwe laag aan en activeer ik het werkpad in het Paden-venster. Door te klikken op het tweede pictogram in de footer van het Paden-venster vul ik de padomtrek met de ingestelde penseel. Het is belangrijk dat het penseelgereedschap ook geactiveerd is.
Als ik de penseel iets groter maak, ontstaat er een aangename variatie in de grootte van het effect. Zo kan met de penseelinstellingen de omtrek opvulling effectief worden aangepast aan de specifieke behoeften. In dit voorbeeld met een eerder herfstachtige uitstraling.
Stap 4: Variatie in de penseelinstelling
Als ik nu een bloemenpenseel als instelling gebruik en de kleurtoonvariatie een beetje omhoog trek, krijg je een licht, maar mooi zomereffect.
Stap 5: Verdere bewerking
Met contourvullingen kunnen snel en eenvoudig interessante teksteffecten worden gecreëerd. Het huidige effect vereist meestal nog wel wat verdere bewerkingen om er als geheel aantrekkelijk uit te zien.
Een mogelijke verdere bewerking voor een herfstige look zou kunnen zijn dat ik gewoon het binnenste van de tekst vul met mijn bladpenseel op een nieuwe laag en de eerder aangelegde penseelomtrek selecteer met Ctrl en klik op de laagminiatuur van deze laag en als laagmasker gebruik voor mijn nieuwe laag.
Op die manier gebruik ik de vorige omtrek als laagmasker en krijg ik zo ook een omtrek effect voor mijn tekst.
