De laagstijl van de schaduw van Photoshop kan geweldig zijn voor het toevoegen van eenvoudige schaduwen aan afbeeldingen of tekst, waardoor het lijkt alsof ze iets boven hun achtergrond zweven, maar als het gaat om het creëren van realistischer uitziende schaduwen van mensen of objecten, is de standaard Slagschaduw snijdt het gewoon niet. In deze tutorial leren we een eenvoudige manier om een ​​realistisch slagschaduweffect te creëren!

Hier is de foto die ik zal gebruiken voor deze tutorial:

De originele afbeelding.

Zo ziet het eruit met de toegepaste schaduw:

Het eindresultaat.

Hoe maak je een realistische slagschaduw

Stap 1: Selecteer de persoon of het object

Voordat we iemand een schaduw kunnen toevoegen, moeten we deze eerst selecteren. Gebruik het gewenste selectietool (gereedschap Lasso, gereedschap Snelle selectie, gereedschap Pen) om een ​​selectie rond de persoon (of het object) in de foto te tekenen. Wanneer u klaar bent, zou u een selectieoverzicht eromheen moeten zien. Hier heb ik het meisje geselecteerd:

Selecteer de persoon of het object op de foto.

Stap 2: Kopieer de selectie naar een nieuwe laag

Terwijl de persoon of het object is geselecteerd, drukt u op Ctrl + J (Win) / Command + J (Mac) op uw toetsenbord om de selectie snel naar een nieuwe laag te kopiëren. Er gebeurt niets in het documentvenster, maar als we in het deelvenster Lagen kijken, zien we dat Photoshop de selectie naar een nieuwe laag met de naam "Laag 1" boven de achtergrondlaag heeft gekopieerd:

De selectie verschijnt op een nieuwe laag boven de achtergrondlaag.

Stap 3: voeg indien nodig extra canvasruimte toe

Afhankelijk van je afbeelding heb je deze stap al dan niet nodig, maar in mijn geval moet ik wat extra canvasruimte toevoegen om ruimte te maken voor de schaduw. De eenvoudigste manier om extra canvasruimte toe te voegen is met het gereedschap Uitsnijden van Photoshop. Ik selecteer het in het deelvenster Gereedschappen:

Het gereedschap Uitsnijden selecteren.

Om het gemakkelijker te maken om te zien wat ik aan het doen ben, schakel ik uit het documentvenster naar de eerste van de fullscreen-modi van Photoshop door op de letter F op mijn toetsenbord te drukken. Vervolgens, met het gereedschap Uitsnijden, klik ik in het grijze gebied linksboven en linksboven in de afbeelding, en met mijn muisknop ingedrukt, sleep ik naar het grijze gebied hieronder en naar de rechts onderaan rechts:

Sleep het gereedschap Uitsnijden diagonaal over de hele afbeelding.

Wanneer ik mijn muisknop loslaat, verschijnt een bijsnijdrand rond de afbeelding, met handvatten (kleine vierkantjes) aan alle vier de zijden en in elke hoek. Ik moet meer canvasruimte links van de foto toevoegen, dus ik klik op de linkerhandgreep en sleep deze naar buiten:

Voeg links meer ruimte toe door de linker bijsnijdgreep te slepen.

Ik druk op Enter (Win) / Return (Mac) om het bijsnijden te accepteren (hoewel wat we hier doen precies het tegenovergestelde is van bijsnijden), waarna Photoshop de extra ruimte links van de afbeelding toevoegt en vult het met wit (de standaardachtergrondkleur). Ik druk een paar keer op F op mijn toetsenbord totdat ik terug ben in de documentvensterweergave:

Omdat mijn achtergrondkleur wit is (de standaardkleur), vult Photoshop de nieuwe canvasruimte met wit.

Stap 4: Voeg een nieuwe lege laag toe onder laag 1

Houd uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klik op het pictogram Nieuwe laag onder in het deelvenster Lagen:

Klik op het pictogram Nieuwe laag terwijl u Ctrl (Win) / Command (Mac) ingedrukt houdt.

Dit vertelt Photoshop niet alleen om een ​​nieuwe laag aan het document toe te voegen zoals normaal, maar ook om de nieuwe laag toe te voegen onder de huidig ​​geselecteerde laag (laag 1), die deze tussen laag 1 en de achtergrondlaag plaatst:

De nieuwe laag verschijnt tussen de oorspronkelijke twee lagen.

Stap 5: Teken een verloop op de nieuwe laag

Laten we een nieuwe achtergrond voor het effect maken met behulp van een verloop, waardoor het een beetje diepte krijgt. Klik op het voorgrondkleurstaal onder aan het deelvenster Gereedschappen. Standaard moet deze zwart zijn:

Zwart is de standaard voorgrondkleur.

Dit opent de Kleurkiezer van Photoshop waar we een nieuwe voorgrondkleur kunnen kiezen. Kies een lichtgrijs. Als u dezelfde grijstint wilt gebruiken die ik gebruik, voert u 70 % in voor de B- waarde (B staat voor Helderheid) aan de rechterkant. Klik op OK als u klaar bent om de kleurkiezer te sluiten:

Stel de waarde Helderheid (B) in op 70% voor lichtgrijs. H (tint) en S (verzadiging) moeten op 0% blijven.

Selecteer vervolgens het gereedschap Verloop in het deelvenster Gereedschappen. We zullen het verloophulpmiddel een paar keer gebruiken voor dit effect:

Selecteer het verloopgereedschap.

Met het Verloopgereedschap actief, klik met de rechtermuisknop (Win) / Control-klik (Mac) ergens in het documentvenster om snel de Verloopkiezer te openen en zorg ervoor dat u het allereerste verloop - Voorgrond naar achtergrond - geselecteerd door te klikken op de miniatuurweergave (eerste links, bovenste rij). Druk op Enter (Win) / Return (Mac) als je klaar bent om de Gradient Picker te sluiten:

Selecteer het verloop Voorgrond naar achtergrond.

Klik vervolgens in de buurt van de onderkant van het document, houd je Shift- toets ingedrukt en sleep recht omhoog totdat je net boven het horizontale midden van de afbeelding bent. Als u de Shift-toets ingedrukt houdt terwijl u sleept, worden uw bewegingen beperkt, waardoor u gemakkelijker verticaal kunt slepen:

Sleep het overgangsgebied voor het grijze naar witte verloop.

Laat uw muisknop los en Photoshop tekent het verloop, dat de nieuwe achtergrond voor de afbeelding wordt:

Het subtiele verloop voegt een beetje diepte toe aan de afbeelding.

Stap 6: Voeg een nieuwe laag toe boven het verloop

Klik nogmaals op het pictogram Nieuwe laag onder in het deelvenster Lagen (deze keer hoeft u de Shift-toets niet ingedrukt te houden):

Klik opnieuw op het pictogram Nieuwe laag.

Er verschijnt een nieuwe lege laag boven de verlooplaag:

Laag 3 verschijnt boven het verloop.

Stap 7: Laad een selectie rond de persoon of het object

Houd uw Ctrl (Win) / Command (Mac) -toets ingedrukt en klik rechtstreeks op de voorbeeldminiatuur van de bovenste laag in het deelvenster Lagen. Selecteer de laag niet, klik gewoon op de miniatuur:

Houd Ctrl (Win) / Command (Mac) ingedrukt en klik op de voorbeeldminiatuur van Laag 1.

Hiermee wordt direct een selectie rond de inhoud van de laag geladen. Hier kunnen we zien dat het meisje op mijn foto nu is geselecteerd:

Een selectieoverzicht verschijnt rond de persoon of het object dat we voor het eerst in stap 1 hebben geselecteerd.

Stap 8: Vul de selectie met zwart

Ga naar het menu Bewerken boven aan het scherm en kies Opvullen :

Ga naar Bewerken> Vullen.

Wanneer het dialoogvenster Vulling verschijnt, wijzigt u de optie Gebruik bovenaan in Zwart en klikt u op OK om het dialoogvenster te sluiten:

Stel Gebruik in op Zwart en klik vervolgens op OK.

Dit vult de selectie met zwart. We kunnen het nog niet zien in het documentvenster omdat de afbeelding op Laag 1 het uit het zicht blokkeert, maar we kunnen het zien in de voorbeeldminiatuur van de laag in het deelvenster Lagen:

We kunnen de inhoud van een laag in de voorbeeldminiatuur zien, zelfs als we deze niet in het documentvenster kunnen zien.

Stap 9: Vervorm de schaduw in positie

Het gebied dat we zojuist met zwart hebben gevuld, wordt onze schaduw. Eerst moeten we het opnieuw vormgeven en in positie brengen, en dat kunnen we doen met de opdracht Vervormen van Photoshop. Ga naar het menu Bewerken, kies Transformeren en kies vervolgens Vervormen :

Ga naar Bewerken> Transformeren> Vervormen.

Vorm het zwart gevulde gebied opnieuw door op de bovenste transformatiegreep te klikken en het diagonaal naar links of rechts te slepen (afhankelijk van uw afbeelding), totdat het meer lijkt op de schaduw van de persoon of het object:

Sleep de bovenste transformatiehandgreep om de schaduw in vorm te vervormen.

Mogelijk moet u ook het onderste deel van de schaduw repareren door de handgrepen van de onderste hoek te slepen. In mijn geval lag de onderkant van de schaduw niet helemaal in lijn met de schoenen van het meisje, dus ik sleepte de transformatiegreep rechtsonder naar rechts totdat alles er goed uitzag:

Sleep indien nodig de handgrepen van de onderste hoek, zodat de onderkant van de schaduw overeenkomt met de persoon of het object.

Wanneer u klaar bent, drukt u op Enter (Win) / Return (Mac) om de transformatie te accepteren en de opdracht Vervormen te verlaten. Je schaduw zou er nu ongeveer zo uit moeten zien:

De oorspronkelijke vorm van de schaduw is nu op zijn plaats.

Stap 10: Pas een lichte vervaging toe

De randen van de schaduw zien er een beetje te scherp en scherp uit, dus laten we er een lichte onscherpte op toepassen. Ga naar het menu Filter, kies Vervagen en kies vervolgens Gaussiaans vervagen :

Ga naar Filter> Vervagen> Gaussiaans vervagen.

Dit opent het dialoogvenster Gaussiaans vervagen. Vergroot de straal tot ongeveer 1, 5 pixels voor een zeer subtiel vervagingseffect en klik vervolgens op OK om het dialoogvenster te verlaten. De randen van de schaduw zullen zachter lijken:

Een Radius-waarde van ongeveer 1, 5 pixels is alles wat we nodig hebben voor starters.

Stap 11: Gebruik de snelle maskermodus om geleidelijk de schaduw te selecteren

Om een ​​schaduw er realistisch uit te laten zien, moeten de randen geleidelijk zachter worden naarmate deze verder van het onderwerp verwijderd is. Om dit geleidelijke vervagingseffect te creëren, gaan we opnieuw naar het Gaussiaanse vervagingsfilter, maar eerst maken we een selectie met de Quick Mask- modus van Photoshop.

Selecteer opnieuw het gereedschap Verloop in het deelvenster Gereedschappen en druk vervolgens op de letter D op uw toetsenbord om de voorgrond- en achtergrondkleuren van Photoshop terug te zetten naar hun standaardwaarden (zwart is de voorgrondkleur, wit de achtergrondkleur). Druk vervolgens op de letter Q op uw toetsenbord om over te schakelen naar de modus Snelmasker. In het documentvenster lijkt nog niets anders. Terwijl het gereedschap Verloop actief is, klikt u in de buurt van de onderkant van de schaduw en sleept u diagonaal naar boven:

Sleep een diagonaal verloop van onder naar boven in de schaduw.

Laat uw muisknop boven aan de schaduw los en er verschijnt een rode tot transparante Quick Mask-overlay over de afbeelding. Het transparante gedeelte boven aan de schaduw vertegenwoordigt het gebied dat volledig is geselecteerd. Het rood onderaan de schaduw wordt helemaal niet geselecteerd, terwijl het tussenliggende gebied steeds meer wordt geselecteerd naarmate de rode kleur geleidelijk overgaat in transparantie:

Naarmate de kleur van rood naar transparant vervaagt, wordt het gebied geleidelijk meer geselecteerd.

Druk op de letter Q op uw toetsenbord om de Quick Mask-modus te verlaten en terug te keren naar de normale modus. De rode tot transparante Quick Mask-overlay wordt vervangen door een standaard ogende selectieomtrek die niets meer lijkt te doen dan de schaduw in twee delen, met alleen de bovenste helft geselecteerd. Dit is slechts een ongelukkige illusie van de kant van Photoshop. Photoshop kan alleen selectieomtrekken weergeven rond pixels die minimaal 50% zijn geselecteerd. Hoewel het erop lijkt dat we hier nog niet echt iets hebben bereikt, zal dat Gaussiaanse vervagingsfilter anders bewijzen:

Photoshop kan selectieomtrekken niet nauwkeurig weergeven rond pixels die slechts gedeeltelijk zijn geselecteerd.

Stap 12: Pas het Gaussiaanse vervagingsfilter opnieuw toe

Aangezien het Gaussiaanse vervagingsfilter het laatste filter was dat we gebruikten, kunnen we het snel weer openen door op het toetsenbord op Ctrl + Alt + F (Win) / Command + Option + F (Mac) te drukken. Deze keer, wanneer het dialoogvenster verschijnt, verhoogt u de Radius- waarde tot ongeveer 10 pixels en klikt u vervolgens op OK om het te verlaten:

Verhoog de Radius-waarde tot 10 pixels of zo.

Druk op Ctrl + D (Win) / Command + D (Mac) om de selectieomtrek te verwijderen en we zien in het document dat de randen van de schaduw nu geleidelijk zachter van onder naar boven verschijnen:

De schaduwranden zien er nu realistischer uit.

Stap 13: Voeg een laagmasker toe

De schaduw moet vervagen als deze verder van het onderwerp af beweegt, wat gemakkelijk te doen is met een laagmasker. Klik op het pictogram Laagmasker onderaan het deelvenster Lagen. Een met wit gevulde laagmaskerminiatuur verschijnt rechts van de voorbeeldminiatuur van de schaduwlaag:

Er verschijnt een miniatuur van een laagmasker nadat u op het pictogram Laagmasker hebt geklikt.

Stap 14: Zet de voorgrondkleur op donkergrijs

We willen niet dat de schaduw volledig vervaagt, dus klik op het achtergrondkleurstaal in het deelvenster Gereedschappen, dat momenteel zwart moet zijn (de standaardvoorgrond- en achtergrondkleuren worden omgekeerd wanneer een laagmasker is geselecteerd):

Klik op het achtergrondkleurstaal (die rechtsonder).

Wanneer de kleurkiezer verschijnt, kiest u een donkergrijs door de B-waarde (Helderheid) in te stellen op 30%. Laat de opties H (tint) en S (verzadiging) ingesteld op 0%. Klik op OK als u klaar bent om de kleurkiezer te sluiten:

Kies een donkergrijs voor de achtergrondkleur.

Stap 15: Teken een verloop over de schaduw op het laagmasker

Klik vervolgens, met het gereedschap Verloop, nogmaals onder aan de schaduw en sleep diagonaal naar boven, net zoals we een moment geleden deden in de modus Snelmasker. Het verschil is dat we het verloop op het laagmasker tekenen:

Teken een wit tot donkergrijs verloop van onder naar boven in de schaduw.

Laat uw muisknop boven aan de schaduw los. Omdat we het verloop op het laagmasker hebben getekend, niet op de afbeelding zelf, zien we het verloop niet echt in het document. In plaats daarvan zien we het effect van het verloop op het laagmasker, waarbij de schaduw nu geleidelijk vervaagt terwijl deze van het onderwerp weg beweegt:

De schaduw vervaagt nu geleidelijk.

Stap 16: Verlaag de dekking van de schaduw

Laten we als laatste stap de dekking van de schaduw verlagen, zodat deze niet zo donker lijkt in de buurt van het onderwerp (omdat schaduwen altijd enigszins transparant zijn). U vindt de optie Dekking in de rechterbovenhoek van het deelvenster Lagen. Laat het iets zakken tot ongeveer 85% :

Verlaag de dekking van de schaduwlaag naar 85%.

En daarmee zijn we klaar! Hier is het laatste "schaduweffect" -effect:

Het eindresultaat.