Een afbeelding vervagen naar elke kleurenachtergrond met Photoshop

hoe een afbeelding vervagen in een kleur achtergrond met Photoshop

Leer stap-voor-stap hoe je een afbeelding vervaagt naar een zwarte, witte of een willekeurige kleur achtergrond met Photoshop! Perfect voor het toevoegen van ruimte voor tekst of om een afbeelding te mengen met een ontwerp.

geschreven door Steve Patterson.

in deze tutorial laat ik zien hoe eenvoudig het is om een afbeelding in een achtergrondkleur te vervagen met Photoshop. Dit is een geweldige manier om een afbeelding te mengen in een groter ontwerp, of voor het creëren van ruimte om tekst toe te voegen naast uw onderwerp.

we beginnen met het maken van een nieuw document en plaatsen er een afbeelding in. Dan kiezen we een initiële kleur voor de achtergrond, en vervagen de afbeelding in de kleur met behulp van een laagmasker. Tot slot laat ik je zien hoe je de achtergrond kunt veranderen in elke gewenste kleur, inclusief hoe je een kleur rechtstreeks uit de afbeelding zelf kunt kiezen.

u kunt alle recente versies van Photoshop volgen. Maar merk op dat een van de stappen een gradiënt gebruikt en Adobe heeft wijzigingen aangebracht in de gradiënten terug in Photoshop 2020. Dus voor de beste resultaten met deze tutorial, wilt u Photoshop 2020 of later gebruiken. Ik gebruik Photoshop 2021.

hier is een voorbeeld van hoe het uiteindelijke resultaat eruit zal zien:

hoe vervaagt u een afbeelding naar een achtergrondkleur met Photoshop

een afbeelding vervaagd naar een achtergrondkleur.

aan de slag!

Download deze tutorial als een print-ready PDF!

Stap 1: Maak een nieuw Photoshop-document

begin met het maken van een nieuw document. Als u zich in het beginscherm van Photoshop bevindt, maakt u een nieuw document aan door op de knop Nieuw maken

te klikken en op de knop Nieuw maken in het beginscherm van Photoshop te klikken.

klik op Nieuw maken in het beginscherm.

of als u zich op de hoofdinterface bevindt, gaat u naar het bestandsmenu en kiest u nieuw:

het nieuwe commando uit het bestandsmenu van Photoshop kiezen.

gaat naar Bestand > Nieuw.

voer vervolgens in het dialoogvenster Nieuw Document uw instellingen in. Ik stel de breedte in op 3000 pixels, de hoogte op 1600 pixels, De resolutie op 300 pixels per inch en de achtergrondinhoud op wit:

de instellingen voor het nieuwe Photoshop-document

De nieuwe documentinstellingen.

maak vervolgens het nieuwe document aan door op de knop Maken te klikken:

klik op de knop Maken in het dialoogvenster Nieuw Document van Photoshop.

klik op de knop Aanmaken.

Stap 2: Plaats uw afbeelding in het document

plaats vervolgens uw afbeelding in het document door naar het menu bestand te gaan en plaats ingebed te kiezen:

het commando plaats ingebed kiezen in het bestandsmenu van Photoshop.

gaat naar Bestand > plaats ingebed.

Navigeer naar de afbeelding op uw computer, klik op de afbeelding om deze te selecteren en klik vervolgens op plaats:

de afbeelding selecteren en in het Photoshop-document plaatsen.

de afbeelding kiezen en op plaats klikken.

gerelateerd: Open afbeelding vs plaats afbeelding in Photoshop

Photoshop plaatst de afbeelding in het document, en het opent het gratis transformeren commando, zodat we de grootte van de afbeelding kunnen wijzigen indien nodig en verplaatsen naar zijn plaats. Als uw afbeelding groter is dan het documentformaat, zal Photoshop deze automatisch aanpassen, zoals hier (fashion portrait van Adobe Stock):

het gratis transformeren commando wordt automatisch geopend nadat de afbeelding in het Photoshop-document is geplaatst.

Vrije transformatie wordt automatisch geopend bij het plaatsen van een afbeelding in een document.

Stap 3: Sleep je onderwerp naar één kant van het document

om meer ruimte te maken voor de afbeelding om naar de achtergrond te vervagen, verplaats je onderwerp naar de zijkant door de Shift-toets op je toetsenbord ingedrukt te houden en sleep de afbeelding naar links of rechts. Shift ingedrukt houden beperkt de richting die u kunt verplaatsen, waardoor het gemakkelijker is om recht door te slepen:

het onderwerp naar één kant van het Photoshop-document slepen.

het onderwerp naar één kant van het document slepen.

als u klaar bent, sluit u de Vrije transformatie door op het vinkje te klikken in de optiebalk:

Vrije transformatie sluiten door op het vinkje te klikken.

klik op het vinkje.

in het paneel lagen zien we dat Photoshop de afbeelding op een nieuwe laag boven de achtergrondlaag heeft geplaatst:

het paneel lagen van Photoshop toont de afbeelding op zijn eigen laag.

de afbeelding is op zijn eigen laag geplaatst.

gerelateerd: hoe opent u meerdere afbeeldingen als lagen!

Stap 4: Voeg een vullaag voor effen kleuren toe

we gaan de achtergrondlaag niet gebruiken voor de achtergrondkleur. In plaats daarvan gebruiken we een effen kleur vullaag die het gemakkelijker maakt om elke gewenste kleur te kiezen.

om een effen kleur vullaag toe te voegen, zorg er eerst voor dat uw afbeeldingslaag is geselecteerd. Klik vervolgens op het pictogram Nieuwe vulling of aanpassingslaag onderaan het paneel lagen:

klik op het pictogram Nieuwe vulling of aanpassingslaag in het paneel lagen van Photoshop

klik op het pictogram Nieuwe vulling of aanpassingslaag.

en kies Effen kleur uit de lijst:

Het toevoegen van een effen kleur vullaag.

een vullaag voor effen kleuren toevoegen.

Stap 5: Kies een initiële achtergrondkleur

In de kleurenkiezer kunt u elke gewenste kleur kiezen. Maar Ik zal wit voor nu kiezen door de R, G en B waarden in te stellen op 255. We komen terug en veranderen de kleur zodra we het beeld erin hebben vervaagd.

klik op OK als u klaar bent om de kleurenkiezer te sluiten:

Wit kiezen uit de kleurenkiezer van Photoshop.

Wit kiezen als achtergrondkleur.

terug in het paneel lagen werd de vullaag boven de afbeelding toegevoegd, daarom blokkeert het de afbeelding vanuit het zicht:

het document is tijdelijk gevuld met wit.

het document is tijdelijk gevuld met wit.

en merk op dat de vullaag een ingebouwd laagmasker bevat. We gebruiken dit laagmasker om de kleur in de afbeelding te vervagen:

de miniatuur van het laagmasker op de laag met effen kleuren.

de miniatuur van het laagmasker op de vullaag.

Stap 6: Selecteer het laagmasker

op dit moment is de vullaag zelf geselecteerd, wat we kunnen zien aan de witte rand rond het kleurstaal. Het laagmasker moet geselecteerd worden, dus klik op de miniatuur van het masker:

het laagmasker selecteren op de laag met effen kleuren.

het laagmasker selecteren.

Stap 7: Selecteer het verloop Gereedschap

om de kleur en de afbeelding te vervagen, gaan we een verloop tekenen op het masker. En daarvoor hebben we het gradiënt gereedschap nodig.

Selecteer het verloop gereedschap op de werkbalk:

 Selecteer het verloop gereedschap op de werkbalk van Photoshop.

selecties-Niets selecteren

Stap 8: Kies het zwart naar Wit verloop

klik vervolgens in de optiebalk op de pijl naast het kleurverloop staal:

klik op de pijl om de kleurverloop Picker te openen in Photoshop ' s optiebalk

klik op de pijl om de kleurverloop Picker te openen.

open in de Gradiëntkiezer de basismap (Nieuw vanaf Photoshop 2020) en kies het zwart naar Wit verloop door te dubbelklikken op de miniatuur:

Selecteer het zwart naar Wit verloop in Photoshop ' s Gradiëntkiezer

dubbelklikken op de miniatuur van het zwart naar Wit verloop.

stap 9: Teken nu een zwart naar Wit verloop op het laagmasker

omdat we de afbeelding nog niet kunnen zien, zullen we het bij de eerste poging niet goed doen. Maar het idee is om een zwart naar Wit verloop over het laagmasker te slepen in het gebied waar we de afbeelding in de kleur willen laten vervagen.

stel dus een beginpunt in voor het verloop door ergens in het algemene gebied te klikken waar uw onderwerp verschijnt. In mijn geval staat ze aan de rechterkant:

Klik en houd met het verloop gereedschap om het begin van het verloop in te stellen.

met het verloop Gereedschap klikken en vasthouden om het begin van het verloop in te stellen.

houd dan met je muisknop ingedrukt de Shift-toets op je toetsenbord ingedrukt en sleep over het gebied waar je de afbeelding en de kleur in elkaar wilt laten vervagen. Dus dit zal de overgang gebied tussen de kleur en de afbeelding. Als u de Shift-toets ingedrukt houdt terwijl u sleept, wordt de hoek van het verloop beperkt, zodat het gemakkelijker is om rechtdoor te slepen:

Shift ingedrukt te houden en over het overgangsgebied tussen de afbeelding en de achtergrondkleur te slepen.

Shift ingedrukt houden en slepen over het overgangsgebied tussen de afbeelding en de kleur.

om het verloop te voltooien, laat u de muisknop los en laat u vervolgens de Shift-toets los (in die volgorde). En zo vervaagt de afbeelding nu in de kleur:

de afbeelding vervaagt nu in de bckground color in Photoshop

de afbeelding vervaagt nu in de kleur.

het verloop bekijken in de miniatuur laagmasker

we kunnen het verloop zien door te kijken naar de miniatuur laagmasker in het paneel lagen. Het zwarte gebied van het masker is waar de vullaag is 100 procent verborgen, waardoor de afbeelding eronder om te laten zien door. Het witte gebied is waar de vullaag 100 procent zichtbaar is en de afbeelding uit het zicht blokkeert. En het verloop daartussen is waar ze samen vervagen:

het verloop zwart naar Wit verschijnt in de miniatuur van het laagmasker

het verloop verschijnt in de miniatuur van het laagmasker.

het verloop in het document

u kunt het laagmasker ook in het document zelf bekijken door de toets Alt (Win) / Option (Mac) op een Mac ingedrukt te houden en op de miniatuurweergave van het laagmasker te klikken:

alt (Win) / Option (Mac) en op de miniatuurweergave van het laagmasker

alt (Win) / Option (Mac) en op de miniatuurweergave van het laagmasker te klikken.

en nu is het gemakkelijker om het zwarte gebied te zien waar de afbeelding doorheen loopt, het witte waar de kleur zichtbaar is, en het overgangsgebied ertussen:

het laagmasker bekijken in het Photoshop-document

het laagmasker bekijken in het document.

Houd de toets Alt of Option ingedrukt en klik nogmaals op de miniatuurweergave van het laagmasker om het masker te verbergen:

houd Alt (Win) / Option (Mac) ingedrukt en klik opnieuw op de miniatuurweergave van het laagmasker

houd Alt (Win) / Option (Mac) ingedrukt en klik opnieuw op de miniatuurweergave van het laagmasker.

stap 10: teken het verloop opnieuw om het vervageffect aan te passen

als je het verloop niet precies op de juiste plek hebt getekend, dan is dat goed, want je kunt er gewoon nog een tekenen. In feite kunt u het verloop zo vaak opnieuw tekenen als u nodig hebt. Elk nieuw verloop dat je tekent vervangt het vorige.

ik Klik om mijn startpunt ergens rond het oog van de vrouw in te stellen:

klikken om het startpunt van het tweede verloop in te stellen.

klikken om het beginpunt van het tweede verloop in te stellen.

met mijn muisknop nog steeds ingedrukt houd ik de Shift-toets van mijn toetsenbord ingedrukt en sleep ik naar links:

houd Shift ingedrukt en sleep ik over het overgangs-gebied.

Shift ingedrukt houden en slepen over het transitiegebied.

maar merk op wanneer ik mijn muisknop loslaat dat ik te ver ben gegaan, en we kunnen de linkerrand van de afbeelding zien:

de linkerrand van de afbeelding is nu zichtbaar.

de linkerrand van de afbeelding is zichtbaar.

dus ik probeer het nog een keer, beginnend op dezelfde plek:

klikken om het beginpunt van het derde verloop in te stellen.

klikken om het startpunt voor de derde poging in te stellen.

maar deze keer een kortere afstand slepen:

een korter overgangsgebied slepen.

een korter overgangsgebied slepen.

ik laat mijn muisknop los, daarna de Shift-toets. En dit ziet er beter uit:

de afbeelding vervaagt beter in de kleur na de derde poging.

een beter resultaat.

stap 11: Kies een nieuwe vullaag kleur

zodra de afbeelding vervaagt in de kleur, kunt u de kleur wijzigen door te dubbelklikken op het kleurstaal van de vullaag in het paneel lagen:

dubbelklikken op het kleurstaal van de vullaag

dubbelklikken op het kleurstaal van de vullaag.

kies vervolgens een nieuwe kleur uit de kleurenkiezer:

een andere achtergrondkleur kiezen uit de kleurenkiezer

een andere kleur kiezen uit de kleurenkiezer.

of kies er een direct uit de afbeelding. Beweeg uw muiscursor over de afbeelding en klik op een kleur om het te proeven.

de optie monstergrootte

maar voordat u een kleur monster neemt, gaat u naar de optiebalk en wijzigt u de steekproefgrootte van Puntmonster (de standaardinstelling) naar iets groters, zoals 3×3, 5×5 of 11×11. Op die manier zal je een voorbeeld nemen van de gemiddelde kleur van het gebied in plaats van de kleur van een individuele pixel. Ik kies 5×5:

een grotere steekproefgrootte kiezen voor de Eyedropper Tool in Photoshop

een grotere steekproefgrootte kiezen.

de Voorbeeldoptie

controleer ook of de Voorbeeldoptie is ingesteld op alle lagen:

zorg ervoor dat de Voorbeeldoptie is ingesteld op alle lagen in Photoshop ' s optiebalk

zorg ervoor dat de Voorbeeldoptie is ingesteld op alle lagen.

klik vervolgens op verschillende delen van de afbeelding om de kleur te sampleen totdat u de kleur vindt die het beste werkt. Ik neem een grijsachtige kleur van rechtsboven. Als u klaar bent, klikt u op OK om de kleurenkiezer te sluiten:

neem een kleur uit de rechterbovenhoek van de afbeelding om te gebruiken als achtergrondkleur in Photoshop

Klik in de rechterbovenhoek van de afbeelding om de kleur te sampleen.

stap 12: het verloop opnieuw tekenen (optioneel)

Als u terug wilt gaan en het verloop opnieuw wilt tekenen, selecteert u de miniatuur van het laagmasker opnieuw in het paneel lagen:

de miniatuur van het laagmasker opnieuw selecteren in het paneel lagen van Photoshop

het laagmasker opnieuw selecteren.

klik en houd het beginpunt ingedrukt, houd Shift ingedrukt en sleep het overgangs gebied:

het verloop op het laagmasker hertekenen

het verloop op het laagmasker hertekenen.

laat uw muisknop los en laat vervolgens de Shift-toets los. En hier is mijn eindresultaat:

de afbeelding vervaagt naar de achtergrondkleur in Photoshop

het uiteindelijke effect.

Waar gaat u verder?..

en daar hebben we het! Zo vervaag je een afbeelding in elke achtergrondkleur met Photoshop!

voor meer manieren om afbeeldingen samen te mengen, bekijk mijn drie manieren om twee afbeeldingen te mengen tutorial. Of bezoek Mijn foto-effecten sectie voor meer tutorials! En vergeet niet, al mijn tutorials zijn beschikbaar om te downloaden als PDF ‘ s!

haal al onze Photoshop-tutorials op als PDF ‘ s! Download ze vandaag nog!

Leave a Reply

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.