Hoe je snel een afbeelding in Photoshop kunt vervagen naar een achtergrondkleur met Live Gradients

Moet u een afbeelding laten overvloeien in een achtergrondkleur om ruimte te creëren voor tekst of andere ontwerpelementen? In deze tutorial kijken we naar de nieuwste en makkelijkste manier om een ​​afbeelding te laten vervagen naar een achtergrondkleur in Photoshop, namelijk met behulp van Live Gradients.

Live Gradients bevatten alle informatie over het gradiënteffect (kleur, hoek, enz.) die u kunt wijzigen nadat het gradiënteffect is gemaakt. En als we dat effect combineren met het voorgrond-naar-transparante gradiënteffect van Photoshop, hebben we een snelle en eenvoudige manier om een ​​afbeelding te laten vervagen naar elke gewenste kleur. Laten we eens kijken hoe dit effect werkt!

Stap 1: Maak een nieuw Photoshop-document

Laten we beginnen met het maken van een nieuw document. Als u zich op het hoofdscherm bevindt, klikt u op de knop Nieuw bestand .

Of ga vanuit de hoofdinterface van Photoshop naar het menu Bestand en selecteer Nieuw .

Voer in het dialoogvenster Nieuw document de instellingen voor uw document in.

Met deze gids kunt u het volgende doen:

• Breedte is 3000 pixels
• Hoogte is 1600 pixels
• Resolutie is 300 pixels/inch
• De achtergrond is wit

Klik vervolgens op de knop Maken .

Het nieuwe document wordt weergegeven.

Zoom indien nodig in op het document door naar het menu Beeld te gaan en Passend op scherm te selecteren .

Stap 2: Plaats de afbeelding in het document

Voeg een afbeelding toe aan uw document door naar het menu Bestand te gaan en Ingesloten plaatsen te selecteren .

Navigeer naar de locatie op uw computer waar de afbeelding is opgeslagen, klik op de afbeelding om deze te selecteren en klik op Plaatsen .

Photoshop plaatst de afbeelding op het canvas. Er worden ook bedieningselementen voor Vrije Transformatie aan de afbeelding toegevoegd, zodat u de afbeelding indien nodig kunt vergroten of verkleinen en naar de juiste positie kunt verplaatsen.

Stap 3: Verplaats de afbeelding op het canvas

Verplaats de afbeelding naar links of rechts op het canvas om ruimte te maken voor de kleur. Houd de Shift -toets op uw toetsenbord ingedrukt terwijl u sleept. Zo kunt u de afbeelding gemakkelijker horizontaal verplaatsen.

U wilt bijvoorbeeld dat uw onderwerp aan de rechterkant van het canvas wordt weergegeven en dat de kleur aan de linkerkant vervaagt. De afbeelding wordt dus naar rechts gesleept.

Klik vervolgens op het vinkje in de optiebalk om Vrije transformatie te accepteren en te sluiten.

In het deelvenster Lagen wordt de afbeelding in een aparte laag boven de Achtergrondlaag weergegeven.

Stap 4: Verloopgereedschap selecteren

Om de afbeelding naar een bepaalde kleur te laten vervagen, selecteert u het gereedschap Verloop in de werkbalk.

Zorg er vervolgens in de optiebalk voor dat de gereedschapsmodus is ingesteld op Verloop , zodat u een liveverloop kunt tekenen. Als u de optie Klassieke gradiënt instelt , tekent u de oude gradiëntstijl zonder actieve gradiëntobjecten.

Stap 5: Selecteer Voorgrond naar Transparant verloop

Klik nog steeds op de kleurverloopstaal in de optiebalk.

Open vervolgens de map Basis en selecteer het verloop Voorgrond naar Transparant . Druk op Enter of Return op uw Mac om te accepteren.

Zorg ervoor dat de Verloopstijl is ingesteld op Lineair , omdat we het verloop in een rechte lijn willen tekenen. Zorg er ook voor dat Omkeren is uitgeschakeld, Dither is ingeschakeld om kleurbanden te verminderen en Methode is ingesteld op Perceptueel.

Stap 6: Kies een kleur om de afbeelding te vervagen

Selecteer een kleur voor het verloop door op het voorgrondkleurstaal op de werkbalk te klikken.

Dit is de kleur waarnaar de afbeelding vervaagt. Omdat we een live-verloop tekenen, kunt u later altijd nog de kleuren wijzigen.

In het voorbeeld wordt voorlopig wit geselecteerd (stel alle R-, G- en B-waarden in op 255). Klik vervolgens op OK om de kleurenkiezer te sluiten.

Stap 7: Teken een verloop op de afbeelding

Klik op de afbeelding en houd de muisknop ingedrukt om het beginpunt voor het verloop in te stellen. Het voorbeeld begint aan de linkerrand van de afbeelding.

Houd vervolgens de muisknop ingedrukt en sleep weg van dat punt. Houd de Shift -toets op uw toetsenbord ingedrukt terwijl u sleept, zodat u gemakkelijker rechtdoor kunt slepen.

Een voordeel van live-verlopen ten opzichte van klassieke verlopen is dat u een voorbeeld van het verloop kunt bekijken terwijl u tekent.

Maak je geen zorgen als het verloop nog niet precies goed is. Teken gewoon het beginverloop en laat de muisknop los.

In het deelvenster Lagen wordt het verloop toegevoegd aan een eigen verloopopvullingslaag boven de afbeelding, waardoor het verloop en de afbeelding gescheiden blijven.

Stap 8: Pas de begin- en eindpunten van het fade-effect aan

Let op de bedieningselementen op het canvas waarmee we nu het verloop kunnen bewerken.

U kunt op de kleurstops aan beide uiteinden van het verloop klikken en ze verslepen om aan te passen waar de wijziging begint en eindigt. Houd Shift ingedrukt terwijl u sleept om de kleurstop in een rechte lijn te verplaatsen.

U kunt zelfs op de lijn klikken en slepen die de kleurstops verbindt om de kleurovergang op het canvas te verplaatsen.

Boven die lijn ziet u een diamantpictogram. Normaal gesproken bepaalt dit pictogram het midden tussen de kleuren aan beide kanten. Maar omdat we werken met een verloop van Voorgrond naar Transparant, zal het verslepen van het pictogram geen effect hebben.

Stap 9: Pas het fade-middenpunt aan

U kunt het middenpunt tussen kleur en transparantie aanpassen door naar het paneel Eigenschappen te gaan en naar beneden te scrollen totdat u Dekkingsinstellingen vindt .

Versleep vervolgens het ruitpictogram onder de voorvertoningsbalk om het middelpunt dichter bij de kleur of transparantie te plaatsen.

Om de locatie opnieuw in het midden in te stellen, stelt u Locatie in op 50 .

Stap 10: Pas de fade aan

Houd er rekening mee dat de overgang in het verloop tussen kleur en transparantie er niet vloeiend uitziet. De meeste kleur concentreert zich aan de linkerkant en vervaagt vervolgens heel snel naar rechts.

Soms kan het helpen om de kleurovergang in de optiebalk te wijzigen naar een andere methode om de resultaten vloeiender te maken.

De standaardmethode is Perceptueel . Het brengt kleuren over op de manier waarop onze ogen ze van nature waarnemen. En dat is meestal wat je wilt als je met kleurverlopen werkt. Maar Perceptueel is niet altijd de beste keuze voor dit effect.

Er is nog een andere methode, genaamd Classic , die verlopen tekent op de manier waarop Photoshop dat vroeger deed.

En let op, de overgang is nu vloeiender en geleidelijker. U kunt de methode kiezen die het beste bij uw afbeelding past, maar in het voorbeeld ziet Klassiek er beter uit.

Stap 11: Kies een andere kleur om te vervagen (optioneel)

Om de kleur waarnaar de afbeelding vervaagt te wijzigen, dubbelklikt u op de kleurstop van die afbeelding. Zorg ervoor dat u een stop kiest voor de kleur en niet voor de transparantie.

Dan is er een manier om een ​​andere kleur te kiezen uit de Kleurenkiezer.

Of, terwijl de Kleurenkiezer nog geopend is, kunt u kleuren rechtstreeks uit de afbeelding bemonsteren.

Maar voordat u de kleur bemonstert, gaat u naar de optie Steekproefgrootte in de optiebalk en wijzigt u deze van Puntsteekproef naar een groter formaat, zoals 5 x 5 of 11 x 11. Op die manier bemonstert u de gemiddelde kleur van het gebied waarop u klikt in plaats van de kleur van een specifieke pixel. Wij kiezen bijvoorbeeld 5 x 5.

Klik vervolgens op de kleur in de afbeelding om een ​​voorbeeld te bekijken. In het voorbeeld wordt een grijstint uit de rechterbovenhoek geselecteerd. Klik op OK om de kleurenkiezer te sluiten als u klaar bent.

Stap 12: Maak de laatste aanpassingen aan het fade-effect

Op dit punt kunt u nog de laatste aanpassingen maken aan het begin- en eindpunt van het verloopeffect door de kleurstops te verslepen.

Om de canvasbedieningen te verbergen wanneer u klaar bent, selecteert u eenvoudigweg een andere laag dan de laag Verloopopvulling in het deelvenster Lagen.

U kunt de canvasbesturingselementen terughalen door de laag Verloopopvulling opnieuw te selecteren, maar u moet ook het Verloopgereedschap in de werkbalk activeren.

Hier ziet u het eindresultaat van de afbeelding die is vervaagd tot de achtergrondkleur, zodat u links tekst of andere ontwerpelementen kunt toevoegen.