Laten we eerlijk zijn, het ingebouwde slagschaduweffect van Photoshop heeft zijn beperkingen. Het is prima voor basale schaduweffecten, zoals het laten lijken van tekst iets op de achtergrond op een webpagina te laten verschijnen, maar als je op zoek bent naar iets realistischers van foto's, is de slagschaduw alleen het niet. Met een beetje hulp kunnen we die eenvoudige, oninteressante slagschaduwen omzetten in iets dat veel realistischer lijkt door onze schaduwen op de afbeelding te "mappen" met behulp van een zogenaamde verplaatsingskaart . Verplaatsingskaarten gebruiken professionals om realisme aan afbeeldingen toe te voegen, maar laat je niet afschrikken. U hoeft geen professional te zijn om ze te gebruiken. Ze zijn eigenlijk heel eenvoudig.

Zoals we in deze Photoshop-zelfstudie zullen zien, is een verplaatsingskaart eigenlijk niets meer dan een afzonderlijke, zwart-witversie van uw afbeelding die Photoshop gebruikt om erachter te komen hoe u uw schaduwen opnieuw kunt vormen zodat ze de natuurlijke structuren lijken te volgen en diepten van de achtergrond achter hen, net als wat een echte schaduw zou doen. Zie een verplaatsingskaart als Photoshop die pixels verplaatst van "verplaatsen naar verplaatsen". Als dat voor jou logisch is, geweldig! Als dit niet het geval is, hoeft u zich geen zorgen te maken, maar tegen de tijd dat we deze tutorial hebben gedaan.

Hier is mijn originele afbeelding, een eenvoudige foto van wat water:

Ik ga er een type overheen voegen en vervolgens een slagschaduw aan het type toevoegen. Normaal zou ik iets krijgen dat er zo uitziet:

Helemaal niet erg realistisch. De slagschaduw lijkt de vormen van de golven eronder enigszins te volgen, maar dat is alleen omdat de dekking van de slagschaduw is ingesteld op de standaardwaarde van 75%, dus sommige golven worden er doorheen weergegeven. De verminderde dekking helpt een beetje, maar het is absoluut niet het beste wat we kunnen doen. De schaduwen zien er grotendeels vlak uit.

Dankzij de kracht van Photoshop en verplaatsingskaarten kan ik die simplistische slagschaduw echter eenvoudig in iets meer als dit veranderen:

Dat ziet er een stuk beter uit, en het maken van dat "toegewezen" schaduweffect is wat we in deze tutorial gaan doen.

Deze zelfstudie komt uit onze serie Foto-effecten. Laten we beginnen!

Stap 1: voeg een type boven uw afbeelding toe

Mijn waterfoto is geopend in Photoshop en in mijn palet Lagen zie ik dat ik momenteel één laag heb, de achtergrondlaag, die mijn afbeelding bevat:

Het palet Lagen van Photoshop toont de originele afbeelding open op de achtergrondlaag.

Het eerste wat ik ga doen is het type toevoegen dat ik ga gebruiken. Druk op T op uw toetsenbord om snel toegang te krijgen tot het gereedschap Tekst en voeg uw tekst toe. Ik ga "DEEP BLUE" typen:

Druk op "T" op uw toetsenbord om snel toegang te krijgen tot het gereedschap Tekst en uw tekst aan de afbeelding toe te voegen.

Hier is mijn lagenpalet dat nu twee lagen toont - mijn oorspronkelijke achtergrondlaag en mijn nieuw toegevoegde typelaag erboven:

Het palet Lagen toont nu de typelaag die boven de achtergrondlaag is toegevoegd.

Je hoeft deze volgende stap niet te doen als je dat niet wilt, maar ik ga mijn tekst uitrekken en groter maken door op Ctrl + T (Win) / Command + T (Mac) te drukken om Photoshop's te openen Free Transform- vak en grepen rond mijn type, en terwijl ik Alt (Win) / Option (Mac) ingedrukt houd, ga ik het Free Transform-vak naar boven slepen vanaf de middelste handgreep bovenaan (rood omcirkeld in de screenshot hieronder). Door Alt / Option ingedrukt te houden, geeft dit Photoshop de opdracht het type vanuit het midden uit te rekken en tegelijkertijd de boven- en onderkant uit te breiden.

Het type uitrekken en groter maken met de opdracht Free Transform van Photoshop. Door de Alt (Win) / Option (Mac) -toets ingedrukt te houden terwijl ik vanaf de bovenste handgreep sleep, wordt de hoogte van de tekst van zowel de boven- als onderkant verhoogd terwijl ik sleep.

Met de tekst op zijn plaats, voegen we onze slagschaduw vervolgens toe.

Stap 2: voeg een slagschaduw toe aan de tekst

Selecteer de typelaag en klik op het pictogram Laagstijl toevoegen onderaan het palet Lagen:

Klik op het pictogram Laagstijl toevoegen onderaan het palet Lagen.

Selecteer Slagschaduw uit de lijst met laagstijlen die verschijnt:

Selecteer de stijl van de slagschaduwlaag in de lijst.

Hiermee wordt het dialoogvenster Laagstijl geopend met de opties voor Slagschaduw:

Het dialoogvenster Laagstijl met de opties Slagschaduw.

Ik ga de dekking op de standaardwaarde van 75% laten staan ​​en de hoek op 120 graden. De enige optie die ik ga veranderen is Afstand, die ik zal instellen op 20 pixels, zoals hierboven getoond. Wanneer u klaar bent, klikt u op OK om het optievak te verlaten.

Hier is mijn afbeelding met de slagschaduw toegepast:

De afbeelding met de slagschaduw toegepast op de tekst.

Absoluut niet wat je realistisch zou noemen. Natuurlijk kan ik me de laatste keer dat ik tekst in het echt boven water zag zweven niet herinneren, maar als ik het zag, weet ik zeker dat de schaduw er niet nep uitziet. Gelukkig gaat het in deze tutorial over het oplossen van dat probleem. We gaan nu onze verplaatsingskaart maken.

Stap 3: Kopieer de achtergrondlaag en plak als nieuw kanaal

Klik in het palet Lagen nogmaals op de achtergrondlaag om deze te selecteren:

Klik op de achtergrondlaag in het palet Lagen om deze te selecteren.

Met de achtergrondlaag geselecteerd, drukt u op Ctrl + A (Win) / Command + A (Mac) om de inhoud van de laag te selecteren, in dit geval de originele waterfoto. U ziet een selectievak rond de afbeelding in het documentvenster. Druk vervolgens op Ctrl + C (Win) / Command + C (Mac) om de inhoud van de laag te kopiëren.

Schakel nu over naar je kanalenpalet, dat rechts naast het lagenpalet is gegroepeerd en klik op het pictogram Nieuw kanaal maken onderaan het kanalenpalet, zoals hieronder rood omcirkeld:

Klik op het pictogram Nieuw kanaal maken onder aan het palet Kanalen.

Een nieuw kanaal gevuld met zwart, dat Photoshop "Alpha 1" noemt, verschijnt onder de bestaande rode, groene en blauwe kanalen:

Photoshop voegt een nieuw kanaal toe onder het blauwe kanaal en noemt het "Alpha 1".

Selecteer het kanaal "Alpha 1" en druk op Ctrl + V (Win) / Command + V (Mac) om de inhoud van de achtergrondlaag in dit nieuwe kanaal te plakken. U ziet de afbeelding in zwart-wit verschijnen in het miniatuurvoorbeeldgebied van het kanaal "Alpha 1":

De inhoud van de achtergrondlaag verschijnt in zwart-wit in de voorbeeldminiatuur van het nieuwe kanaal.

En u ziet dezelfde zwart-witte versie in uw documentvenster verschijnen:

Er verschijnt nu een zwart-witte versie van de achtergrondlaag in het documentvenster.

Druk op Ctrl + D (Win) / Command + D (Mac) om de afbeelding op dit punt te deselecteren. We gaan een Gaussiaans vervagingsfilter toepassen op het nieuwe kanaal.

Stap 4: Pas het Gaussiaanse vervagingsfilter toe op het nieuwe kanaal

We gaan dit nieuwe kanaal gebruiken als onze verplaatsingskaart voor onze slagschaduw, en een van de dingen die we willen vermijden, zijn harde of ruwe randen in de verplaatsingskaart, zodat onze schaduw soepel en natuurlijk zal vloeien met de rimpelingen en golven in het water. Om ervoor te zorgen dat alles mooi soepel is, ga ik een Gaussiaans vervagingsfilter toevoegen aan dit kanaal.

Selecteer het "Alpha 1" -kanaal en ga naar het menu Filter boven aan het scherm, kies Vervagen en kies vervolgens Gaussiaans vervagen, waarmee het dialoogvenster Gaussiaans vervagen wordt geopend:

Selecteer Filter> Blur> Gaussian Blur om het dialoogvenster Gaussian Blur te openen.

U wilt hier slechts een kleine hoeveelheid vervaging toevoegen. Ik gebruik een afbeelding met een lage resolutie voor deze zelfstudie en voor mij is een Radius-waarde van ongeveer 2 pixels voldoende. Als u een afbeelding rechtstreeks uit uw digitale camera gebruikt, is de kans groot dat het een veel hogere resolutie is en in dat geval zult u waarschijnlijk merken dat een instelling van ongeveer 5-6 pixels goed werkt. Nogmaals, we willen slechts een kleine hoeveelheid vervaging, net genoeg om alles glad te strijken.

Stap 5: verhoog het contrast van het kanaal met niveaus

Het volgende dat we willen doen, is het contrast van dit kanaal versterken, want hoe hoger het contrast, hoe meer impact onze verplaatsingskaart zal hebben. Nogmaals, terwijl het nieuwe kanaal nog steeds is geselecteerd, gebruikt u de sneltoets Ctrl + L (Win) / Command + L (Mac) om het dialoogvenster Niveaus te openen:

Gebruik Niveaus om het contrast van het nieuwe kanaal te vergroten, wat het effect van onze verplaatsingskaart op de slagschaduw vergroot.

Terwijl het dialoogvenster Niveaus geopend is, sleept u de schuifregelaars Invoerniveaus zwart en wit punt (beide hierboven rood omcirkeld) naar het midden om het contrast van het kanaal te versterken. Maak je geen zorgen over het verlies van details in de hooglichten en schaduwen zoals je zou doen als we Niveaus gebruiken voor een tooncorrectie op een afbeelding. Hier maken we ons alleen maar druk over het contrast.

Dit is hoe mijn kanaal er nu uitziet na het verhogen van het contrast met Niveaus:

Het "alpha 1" -kanaal na het versterken van het contrast met Niveaus.

We zijn klaar met werken aan het kanaal en het is klaar om te worden gebruikt als een verplaatsingskaart, maar om het te gebruiken, moeten we er een nieuw document van maken en dat zullen we daarna doen.

Stap 6: Dupliceer het kanaal als een nieuw document

We hebben ons Gaussiaans vervagingsfilter op het kanaal toegepast om alles glad te strijken en we hebben het contrast met Niveaus versterkt. Ons kanaal is klaar om te worden gebruikt als een verplaatsingskaart, maar om een ​​verplaatsingskaart te gebruiken, moet het een apart bestand zijn en momenteel is het slechts een kanaal in ons oorspronkelijke bestand. We gaan het echter opslaan als een nieuw bestand door het kanaal te dupliceren. Klik op de kleine naar rechts wijzende pijl in de rechterbovenhoek van het palet Kanalen om toegang te krijgen tot de opties van het palet Kanalen en selecteer Kanaal dupliceren in de vervolgkeuzelijst die verschijnt:

Klik op de kleine naar rechts wijzende pijl rechtsboven in het palet Kanalen en selecteer "Kanaal dupliceren" in de lijst met opties.

Dit opent het dialoogvenster Duplicate Channel:

Het dialoogvenster "Kanaal dupliceren".

Klik voor Bestemming op de naar beneden wijzende pijl en selecteer Nieuw om het kanaal als een volledig afzonderlijk document te dupliceren en geef uw nieuwe document een naam. Ik heb de mijne "waterverplaatsing" genoemd. Klik op OK als je klaar bent en je kanaal verschijnt als een nieuw Photoshop-document op je scherm.

Stap 7: Bewaar het nieuwe document

Bewaar dit nieuwe document op uw bureaublad of waar u het ook op uw computer wilt opslaan, en onthoud waar u het opslaat, want we hebben er zo toegang toe. Nadat u het document hebt opgeslagen, sluit u het af en sluit u alleen het originele document open.

Stap 8: Maak een nieuwe laag uit de stijl van de slagschaduwlaag

Normaal zijn laagstijlen zoals slagschaduwen eenvoudig effecten die op andere lagen worden toegepast, maar we kunnen laagstijlen omzetten in hun eigen lagen, wat precies is wat we moeten doen met ons slagschaduweffect om het te kunnen gebruiken met onze verplaatsing kaart. Selecteer de laag Type en ga naar het menu Laag boven aan het scherm, selecteer Laagstijl en selecteer vervolgens Laag onderaan de lijst, selecteer Laag maken :

Ga naar Laag> Laagstijl> Laag maken om het slagschaduweffect om te zetten in een eigen afzonderlijke laag onder de typelaag.

Wanneer u "Laag maken" selecteert bij de opties voor Laagstijl, neemt Photoshop de slagschaduw, rastert deze (converteert deze in pixels) en plaatst deze vervolgens op zijn eigen afzonderlijke laag direct onder de typelaag:

De slagschaduw verschijnt nu op zijn eigen laag onder de typelaag.

We hebben onze verplaatsingskaart en we hebben onze slagschaduw op zijn eigen laag. We zijn klaar om de twee te combineren en een veel realistischer schaduweffect te creëren, en dat zullen we daarna doen.

Stap 9: Pas de verplaatsingskaart toe op de slagschaduwlaag met behulp van het verplaatsingsfilter

We zijn klaar om onze verplaatsingskaart toe te passen. Klik op de slagschaduwlaag in het palet Lagen om deze te selecteren. Ga vervolgens naar het menu Filter boven aan het scherm, selecteer Vervormen en selecteer vervolgens Verplaatsen om het dialoogvenster van het filter Verplaatsen te openen:

Ga naar Filter> Vervormen> Verplaatsen om het dialoogvenster van het filter "Verplaatsen" te openen.

Het gebruik van het verplaatsingsfilter van Photoshop bestaat uit twee delen. Eerst stelt u de opties in voor hoe Photoshop de verplaatsingskaart toepast en vervolgens selecteert u de verplaatsingskaart die u wilt gebruiken. In dit eerste dialoogvenster dat verschijnt, kunt u de opties instellen. Zoals ik hierboven heb omcirkeld, stel zowel de opties Horizontale schaal als Verticale schaal in op 10, als ze nog niet zijn ingesteld op 10. Selecteer Verplaatsing passend voor verplaatsingskaart en kies voor Niet-gedefinieerde gebieden omwikkelen . Klik op OK als u klaar bent.

Een tweede dialoogvenster wordt geopend waarin u wordt gevraagd welk bestand u wilt gebruiken als uw verplaatsingskaart. Navigeer met een paar stappen terug naar waar u uw verplaatsingskaart hebt opgeslagen en selecteer deze. Klik op Openen om de verplaatsingskaart te gebruiken en uw slagschaduw wordt onmiddellijk toegewezen aan de achtergrond erachter!

Om een ​​beter idee te krijgen van wat er gebeurt, ga ik op het oogpictogram helemaal links op mijn typelaag klikken om mijn type tijdelijk uit het zicht te verbergen zodat ik alleen de slagschaduw en het water erachter kan zien. Dit is hoe mijn slagschaduw eruit zag voordat de verplaatsingskaart werd toegepast:

De slagschaduw voor de verplaatsingskaart wordt toegepast, waarbij de typelaag tijdelijk niet zichtbaar is.

En hier is mijn exact dezelfde slagschaduw na het toepassen van mijn verplaatsingskaart:

De slagschaduw nadat de verplaatsingskaart is toegepast.

Dankzij de verplaatsingskaart zit de slagschaduw niet langer plat tegen het beeld erachter. Het buigt nu en buigt met het water, waardoor een veel realistischer effect ontstaat.

Ik ga nogmaals op het oogpictogram voor mijn typelaag klikken om mijn tekst weer boven de slagschaduw weer in beeld te brengen, en hier is mijn uiteindelijke resultaat:

Het eindresultaat.

En daar hebben we het! Zo kunt u realistische slagschaduwen in Photoshop maken door ze aan uw afbeelding toe te wijzen met verplaatsingskaarten. Bekijk onze sectie Foto-effecten voor meer tutorials over Photoshop-effecten!