Hoe maak je een spray paint-teksteffect in Photoshop

sep 24, 2021
admin

Leer hoe je een spray paint-teksteffect in Photoshop maakt, waarbij je letters op de achtergrond worden gespoten! Een stapsgewijze zelfstudie voor Photoshop CC en hoger.

Geschreven door Steve Patterson.

In deze zelfstudie laat ik je zien hoe je een eenvoudig tekstspray-effect maakt waarbij de letters eruit zien alsof ze op een muur of oppervlak zijn gespoten. Ik laat je ook zien hoe je de spay-verf kunt mengen met het oppervlak voor een realistischer effect. En omdat we de spuitverf maken met niet meer dan een laageffect en de overvloei-opties van Photoshop, blijft je tekst bewerkbaar, zelfs als we klaar zijn.

Ik gebruik de nieuwste versie van Photoshop CC, maar elke recente versie werkt.

Hier zie je een voorbeeld van hoe het spray-painted teksteffect eruit zal zien. Natuurlijk kun je elke tekst, achtergrond en kleur gebruiken die je maar wilt:

Het gesprayde teksteffect.

Let’s get started!

Download deze tutorial als een drukklare PDF!

Hoe maak je gesprayde tekst in Photoshop

We beginnen met het leren hoe je het belangrijkste spraypaint effect maakt, en dan laat ik je zien hoe je de letters in de achtergrond mengt. Ik laat je ook zien hoe je het effect kunt dupliceren om meer tekst aan je ontwerp toe te voegen, en hoe je de kleur van de verf kunt veranderen.

Je kunt ook de video van deze les volgen. Of download deze tutorial als een printklare PDF!

Stap 1: Open je achtergrondafbeelding

Aangezien we de tekst op een soort achtergrond willen spuiten, begin je met het openen van je achtergrondafbeelding. Ik gebruik deze afbeelding die ik heb gedownload van Adobe Stock:

Het oppervlak waarop de tekst zal worden gespoten. Credit: Adobe Stock.

En in het Lagenpaneel zien we de afbeelding op de Achtergrondlaag:

Hotoshop’s Lagenpaneel toont de Achtergrondlaag.

Gerelateerd: Leer lagen gebruiken in Photoshop

Stap 2: voeg je tekst toe

Om je tekst toe te voegen, selecteer je het Type-gereedschap in de werkbalk:

Selecteer het Type-gereedschap.

Kies een lettertype

En vervolgens kies je in de Optiebalk je lettertype. Ik gebruik “HWT Gothic Round” dat ik heb gedownload van Adobe Typekit. Als je geen toegang hebt tot dit lettertype, is dat niet erg. Elk lettertype werkt:

Kies een lettertype in de Opties balk.

Meer type opties

Nog steeds in de Opties balk, stel ik mijn lettergrootte in op 72 pt, gewoon om me de grootste vooringestelde grootte te geven voor nu. En ik zet de tekst uitlijning op gecentreerd.

Voor de kleur kies ik wit door op de kleurstaal te klikken en wit te kiezen uit Photoshop’s Kleurenkiezer. Dit is niet de kleur die we gaan gebruiken voor de spuitverf. Alles wat we nu nog nodig hebben is iets waarmee we de tekst kunnen zien terwijl we die toevoegen:

De grootte, uitlijning en kleur van de tekst instellen.

De tekst toevoegen

Klik dan in het document en voeg je tekst toe. Ik typ het woord “PAINT”:

De tekst toevoegen.

De tekst accepteren

Om de tekst te accepteren, klikt u op het vinkje in de Optiebalk:

Klikt u op het vinkje.

Stap 3: De grootte aanpassen en de tekst verplaatsen met Free Transform

Om de grootte van de tekst aan te passen en de tekst op zijn plaats te zetten, gaat u naar het menu Bewerken in de menubalk en kiest u Free Transform:

Ga naar Bewerken > Free Transform.

En vervolgens om de grootte van de tekst aan te passen, klikt u op een van de hoekhendels en versleept u deze. Vanaf Photoshop CC 2019 wordt de beeldverhouding van de tekst automatisch vergrendeld wanneer je de handgrepen versleept. In eerdere versies van Photoshop moet je je Shift-toets ingedrukt houden terwijl je sleept om de beeldverhouding op zijn plaats te vergrendelen.

Om de grootte van de tekst vanuit het midden te wijzigen, houd je de Alt (Win) / Option (Mac) toets ingedrukt terwijl je sleept. En als u de tekst op een andere plaats wilt zetten, klikt u in het vak Free Transform en sleept u de tekst op zijn plaats.

Om het te accepteren en uit Free Transform te gaan, drukt u op Enter (Win) / Return (Mac) op uw toetsenbord:

Vergroot de tekst door een hoekgreep te slepen.

Stap 4: Verlaag de Vulwaarde van de Type-laag tot 0%

In het Lagenpaneel zien we onze tekst op een nieuwe Type-laag boven de afbeelding:

De tekst verschijnt op zijn eigen Type-laag.

Om het spray paint-effect te krijgen, moeten we eerst onze tekst transparant maken. Om dat te doen, verlaagt u de Vulwaarde rechtsboven in het Lagenpaneel helemaal tot 0%. Zorg ervoor dat je de Vulwaarde verlaagt, niet de Ondoorzichtigheidswaarde:

Verlaag de Vulwaarde van de Type-laag tot 0 procent.

De tekst verdwijnt volledig. Hij staat er nog wel, maar is transparant:

Verlaging van de Vulwaarde maakt de tekst onzichtbaar.

Wat is het verschil tussen Ondoorzichtigheid en Vullen?

In het Lagenpaneel hebben zowel de Ondoorzichtigheid- als de Vulwaarde invloed op de doorzichtigheid van een laag. Het verschil tussen beide is dat Ondoorzichtigheid de transparantie regelt van zowel de inhoud van een laag als de laageffecten die we hebben toegepast. Vullen daarentegen heeft alleen invloed op de inhoud van een laag. Het heeft geen effect op de laageffecten.

Dit betekent dat we, door de waarde voor Vullen te verlagen, laageffecten op onze tekst kunnen toepassen en de effecten zichtbaar kunnen houden, ook al is de tekst zelf verborgen. En hiermee kunnen we ons spuitverfeffect maken.

Stap 5: Voeg een laageffect Slagschaduw toe aan de Type-laag

Het hele spuitverfeffect kan worden gemaakt met een enkel laageffect, en het effect dat we nodig hebben is Slagschaduw. Met de Type-laag geselecteerd, klikt u op het pictogram Laagstijl (het “fx”-pictogram) onder in het Lagenpaneel:

Klikt u op het pictogram Laagstijl.

En dan kiest u Drop Shadow:

Kiest u een Drop Shadow-laageffect.

Stap 6: Zet de instellingen voor Slagschaduw terug op de standaardwaarden

Klik in het dialoogvenster Laagstijl op de knop Terugzetten op standaardwaarden om de standaardinstellingen voor Slagschaduw te herstellen, zodat we allebei hetzelfde zien:

Klik op de knop Terugzetten op standaardwaarden.

Stap 7: Verander de kleur van de slagschaduw in wit

Verander nu de kleur van de slagschaduw door op de kleurstaal te klikken:

Klik op de kleurstaal.

En kies in de Kleurenkiezer nu wit en klik op OK. We kiezen straks andere kleuren voor het effect:

De kleur van de slagschaduw instellen op wit.

Stap 8: Wijzig de overvloeimodus van de schaduw in Scherm

Om het wit te zien, wijzigt u de overvloeimodus van de slagschaduw van Vermenigvuldigen (de standaard overvloeimodus) in Scherm:

De overvloeimodus wijzigen in Scherm.

En meteen zien we wit verschijnen achter de letters:

Een vage witte omlijning verschijnt rond de tekst.

Stap 9: Verhoog de ondoorzichtigheid van de schaduw tot 100%

Om het effect helderder te maken, verhoogt u de ondoorzichtigheid van de slagschaduw helemaal tot 100%:

Het verhogen van de ondoorzichtigheid tot 100 procent.

En nu is het effect beter te zien. Door de kleur van de slagschaduw van zwart naar wit te wijzigen en de mengmodus van Vermenigvuldigen naar Scherm te wijzigen, hebben we onze schaduw in wezen in een gloed veranderd:

Het resultaat na het verhogen van de ondoorzichtigheid.

Stap 10: Stel de Afstand en de Spreiding in op 0%

Geef geen aandacht aan de opties Hoek en Globaal licht gebruiken, omdat die er hier niet toe doen. Maar verlaag de Afstand tot 0px en zorg ervoor dat de Spreiding op 0% staat:

Zet zowel de Afstand als de Spreiding op 0.

Door de Afstand op 0px te zetten, hebben we de slagschaduw achter de tekst gecentreerd, waardoor een vage omtrek of lijn rond de letters ontstaat:

Het resultaat na het verlagen van de Afstand tot 0px.

Stap 11: De grootte van de slagschaduw vergroten

Om de schaduw (of gloed, in dit geval) verder van de randen af te spreiden, verhoogt u de waarde Grootte:

De grootte van de slagschaduw vergroten.

Hoe meer u verhoogt, hoe breder de gloed lijkt:

Het resultaat na het verlagen van de Distance naar 0 px.

Stap 12: Verander de Contour in Cone

Op dit punt lijkt het effect tot nu toe niet erg op spuitverf. Onze gloed moet meer lijken op een contour rond de vormen van de letters.

Om dat te verhelpen, gaat u nog steeds in het dialoogvenster Laagstijl naar het gedeelte Kwaliteit, klikt u op het kleine pijltje naast de miniatuur van de Contourvoorvertoning:

Klik op het pijltje, niet op de miniatuur.

En kies vervolgens de Kegelcontour door te dubbelklikken op de miniatuur ervan. Het is degene in de bovenste rij, tweede van links:

Kegelcontour selecteren.

Contouren beïnvloeden de transparantie van de slagschaduw, veranderen hoe en waar deze overgaat van ondoorzichtige naar transparante gebieden. En meteen zien we een veel sterkere contour rond de randen van de letters:

Het effect na overschakeling op de Kegelcontour.

Stap 13: Haal het vinkje weg bij “Laag schakelt slagschaduw uit”

Maar merk op dat, hoewel onze tekst transparant is, de gloed alleen aan de buitenkant verschijnt. We moeten de gloed ook binnenin de letters zien.

Om dat te verhelpen, verwijdert u het vinkje bij de optie die zegt Laag Knocks Out Drop Shadow:

Het vinkje bij “Laag Knocks Out Drop Shadow” weghalen.

En nu verschijnt de contour zowel buiten als binnen de tekst:

Het effect na overschakeling op de kegelcontour.

Stap 14: Pas zo nodig de grootte opnieuw aan

Op dit punt moet u misschien teruggaan en de grootte opnieuw aanpassen om de dikte van de contour te veranderen. Ga echter niet te hoog, anders wordt de gloed te ver uitgesmeerd. De precieze grootte die je nodig hebt hangt af van de grootte van je tekst.

In mijn geval ga ik voor een Size waarde van rond de 120px, maar jij hebt misschien een andere waarde nodig:

Verhoog de Size waarde.

En hier is het resultaat:

Het effect na het opnieuw instellen van de Size-waarde.

Stap 15: Ruis toevoegen

Tot slot voeg je wat ruis toe aan de outline door de Noise-waarde te verhogen. Ik stel de mijne in op ongeveer 25-30%:

Ruis toevoegen aan het effect.

En als ik nu inzoom, zien we kleine spikkeltjes in de contour, waardoor het meer op spuitverf lijkt.

Afhankelijk van de grootte van het lettertype dat u gebruikt, ziet u misschien wat vage harde randen langs de gebieden waar het effect en de achtergrond elkaar raken. In deze schermafbeelding zie je ze bij de letters “P” en “A”. Deze randen verdwijnen als we de tekst overvloeien met de achtergrond, wat we nu gaan doen:

Het effect na het toevoegen van ruis.

Hoe overvloei je de gespoten tekst met de achtergrond

Op dit punt zijn we klaar met ons effect van de slagschaduwlaag. Laten we nu eens leren hoe we het effect met de achtergrond kunnen mengen, zodat het lijkt alsof de tekst op de achtergrond is gespoten en er niet alleen maar voor staat. Als we klaar zijn, laat ik zien hoe je het effect kopieert om meer tekst toe te voegen, terwijl de laageffecten en de overvloei-opties intact blijven.

Stap 16: Photoshop’s overvloei-opties openen

Nog steeds in het dialoogvenster Laagstijl, selecteer je de categorie Overvloei-opties aan de linkerkant:

Openen van de overvloei-opties.

Stap 17: Sleep de zwarte schuifregelaar “Onderliggende laag” naar rechts

Aan de onderkant van de Overvloei-opties bevinden zich twee sets schuifregelaars. Bovenaan staat “Deze laag” en eronder staat “Onderliggende laag”. We kunnen deze schuifregelaars gebruiken om onze tekst te mengen met de achtergrondafbeelding. En de set die we nodig hebben is de onderste (Onderliggende laag):

De schuifregelaar “Onderliggende laag” in de Overvloei-opties.

Let op de twee schuifregelaars onder de gradiëntbalk. Er is een zwarte schuif aan de linkerkant en een witte schuif aan de rechterkant. We gaan onze tekst mengen met de donkerste delen van onze achtergrond afbeelding. En daarvoor hebben we de zwarte schuifknop nodig.

Klik op de zwarte schuifknop en begin hem naar rechts te slepen:

Sleep de zwarte schuifknop naar rechts.

Zodra je sleept, houd je je tekst in de gaten en je zult zien dat de donkerste delen van de achtergrondafbeelding er doorheen beginnen te komen. En als u verder sleept, verschijnt er steeds meer van de achtergrond:

Als u de zwarte schuifbalk versleept, worden de donkerste delen van de achtergrond door de tekst heen zichtbaar.

Stap 18: Verdeel de zwarte schuifbalk in tweeën

Het probleem is dat de overgangen tussen de tekst en de achtergrond erg ruw zijn. Om de overgangen vloeiender te maken, houdt u de Alt (Win) / Option (Mac) toets op uw toetsenbord ingedrukt. Klik op de rechterkant van de zwarte schuifregelaar en sleep hem weg van de linkerkant. Hierdoor wordt de schuifregelaar in twee helften gesplitst:

Houd Alt (Win) / Option (Mac) ingedrukt en sleep de schuifregelaar uit elkaar.

Stap 19: Pas de schuifregelaars aan voor een vloeiende overgang

De linkerhelft van de schuifregelaar regelt nu het helderheidsniveau waar de tekst voor de achtergrond begint te verschijnen. En de rechterhelft stelt het helderheidsniveau in waarbij de tekst volledig zichtbaar wordt en de achtergrond niet langer doorschijnt. Het gebied tussen de twee schuifregelaars wordt het overgangsgebied waar de tekst en de achtergrond in elkaar overvloeien. Hoe verder u de schuifregelaars uit elkaar schuift, hoe geleidelijker de overgang lijkt.

Verstel elke helft van de schuifregelaar tot u tevreden bent met het effect. Er zijn geen specifieke waarden om hier te gebruiken, omdat het zal afhangen van uw achtergrondafbeelding.

In mijn geval stel ik mijn linkerhelft in op een helderheidsniveau van 10 en mijn rechterhelft op een helderheidsniveau van 60. Met andere woorden, alle delen van mijn achtergrondafbeelding met een helderheidsniveau van 10 of donkerder zullen volledig door de tekst heen te zien zijn. Gebieden met een helderheid van 60 of lichter worden volledig verborgen door de tekst. En de helderheidsniveaus daartussen (11 tot en met 59) zijn waar de overgang plaatsvindt:

Mijn helderheidsniveaus voor de linkerhelft (10) en de rechterhelft (60) van de schuifregelaar.

En nu de tekst in de afbeelding overvloeit, krijgen we een veel realistischer uitziend spuitverfeffect:

Het effect met de tekst overvloeiend met de achtergrond.

Stap 20: Sluit het dialoogvenster Laagstijl

We zijn klaar met het hoofdeffect, dus ga je gang en sluit het dialoogvenster Laagstijl door op OK te klikken:

Klik op OK om het dialoogvenster te sluiten.

En in het Lagenpaneel zien we nu onze slagschaduw als een effect onder de Type-laag. We zien ook een pictogram met overvloei-opties naast het pictogram “fx”, dat ons vertelt dat we ook enkele geavanceerde overvloei-opties op de laag hebben toegepast:

De laag Type toont nu onze slagschaduw en overvloei-opties.

Download deze zelfstudiegids als een PDF die klaar is om te worden afgedrukt!

Hoe dupliceer je het effect van gespoten tekst

Hiermee is het eenvoudig om meer gespoten tekst toe te voegen.

Stap 21: Maak een kopie van de Type-laag

Het enige wat we hoeven te doen is onze Type-laag dupliceren. Sleep deze naar beneden naar het pictogram Nieuwe laag toevoegen onder in het deelvenster Lagen:

Sleep de Type-laag naar het pictogram Nieuwe laag toevoegen.

Er verschijnt een kopie van de Type-laag boven het origineel, compleet met het slagschaduweffect en de overvloei-opties:

In het deelvenster Lagen zijn nu beide Type-lagen te zien.

Stap 22: selecteer het verplaatsgereedschap

Om de tekst te verplaatsen, selecteert u het verplaatsgereedschap in de werkbalk:

Selecteer het verplaatsgereedschap.

Stap 23: verplaats de tekst

En klik vervolgens op de tekst en verplaats deze op zijn plaats. Ik sleep de kopie van de tekst naar boven:

Sleep de gekopieerde tekst naar de bovenkant van de achtergrondafbeelding.

Dan klik ik in het Lagenpaneel op de originele Type-laag om deze te selecteren:

Selecteer de originele Type-laag.

En ik sleep de oorspronkelijke tekst naar beneden:

Sleep de oorspronkelijke tekst naar de onderkant van de achtergrondafbeelding.

Hoe de gespoten tekst te bewerken

Omdat onze tekst nog steeds van een bewerkbaar type is, kunnen we de tekst gemakkelijk bewerken en het spuitverfeffect intact houden.

Stap 24: Selecteer het gereedschap Type

Ik wil niet dat beide woorden hetzelfde zijn, dus om de bovenste tekst te bewerken, selecteer ik het gereedschap Type in de werkbalk:

Het gereedschap Type selecteren.

Stap 25: De tekst selecteren en bewerken

Dan dubbelklik ik in het woord om het te markeren:

Het bovenste woord markeren door te dubbelklikken met het Type-gereedschap.

En ik verander het woord van “PAINT” in “SPRAY”:

De tekst bewerken.

Om het te accepteren, klik ik op het vinkje in de Optiebalk:

Aanklikken op het vinkje.

Stap 26: Wijzig de grootte van de bewerkte tekst met Free Transform

Ik wijzig de grootte van de bovenste tekst door naar het menu Bewerken te gaan en Free Transform te kiezen:

Ga naar Bewerken > Free Transform.

En dan versleep ik de bovenste hoekhendels om de grootte van het woord aan te passen zodat het dezelfde breedte heeft als het onderste woord. Om het te accepteren, druk ik op Enter (Win) / Return (Mac) op mijn toetsenbord:

Het formaat van de kopie van de tekst aanpassen.

Hoe de kleur van de spuitverf te veranderen

En tenslotte, laten we eens kijken hoe we de kleur van het effect kunnen veranderen.

Stap 27: Dubbelklik op het effect van de laag Slagschaduw

Om de kleur van de spuitverf te veranderen, dubbelklikt u op de woorden “Slagschaduw” onder de Type-laag. Als u meer dan één Type-laag hebt, zoals ik, moet u dubbelklikken op de laag die u wilt bewerken.

In mijn geval begin ik met het woord “SPRAY” bovenaan:

Dubbelklikken op de woorden “Drop Shadow”.

Stap 28: Klik op de kleurstaal

Hiermee opent u het dialoogvenster Layer Style opnieuw. Klik op de kleurstaal:

Klik op de kleurstaal van de slagschaduw.

Stap 29: Kies een nieuwe kleur in de Kleurkiezer

En kies dan in de Kleurkiezer een nieuwe kleur. Ik kies iets fels, zoals geel:

Kies een nieuwe kleur voor de spuitverf.

Klik op OK om de Kleurkiezer te sluiten, en klik vervolgens op OK om het dialoogvenster Laagstijl te sluiten. En nu is mijn bovenste tekst geel gekleurd:

Het resultaat na het kleuren van de bovenste tekst.

De kleur van de onderste tekst wijzigen

Ik doe nu hetzelfde met de onderste tekst. Ik dubbelklik op de woorden “Drop Shadow” om het dialoogvenster Laagstijl opnieuw te openen:

Openen van het laageffect van de Drop Shadow voor het woord “PAINT”.

En dan klik ik op de kleurstaal:

Klik op de kleurstaal van de Drop Shadow.

En ik kies een nieuwe kleur uit de Kleurkiezer. Voor de onderste tekst kies ik weer iets fels, zoals roodachtig roze:

Kies een tweede kleur voor de spuitverf.

Ik klik nog een keer op OK om de Kleurenkiezer te sluiten, en daarna op OK om het dialoogvenster Laagstijl te sluiten.

En hier, nadat ik kleur heb toegevoegd aan beide woorden, is mijn eindresultaat:

Het voltooide sproeiverf teksteffect.

En daar hebben we het! Zo maak je een gesprayde tekst in Photoshop! Bekijk onze secties Foto-effecten en Teksteffecten voor meer tutorials. En vergeet niet, al onze handleidingen zijn beschikbaar om te downloaden als PDF’s!

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.