Home
» Wiki
»
Hoe je snel een afbeelding in Photoshop kunt vervagen naar een achtergrondkleur met Live Gradients
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 .
Klik op de knop Nieuw bestand op het hoofdscherm.
Of ga vanuit de hoofdinterface van Photoshop naar het menu Bestand en selecteer Nieuw .
Selecteer de opdracht Nieuw in het menu Bestand.
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
Nieuw document installeren.
Klik vervolgens op de knop Maken .
Een nieuw Photoshop-document maken
Het nieuwe document wordt weergegeven.
Nieuw Photoshop-document.
Zoom indien nodig in op het document door naar het menu Beeld te gaan en Passend op scherm te selecteren .
Selecteer de weergave Passend op scherm in Photoshop.
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 .
Selecteer de opdracht Ingesloten plaatsen in Photoshop
Navigeer naar de locatie op uw computer waar de afbeelding is opgeslagen, klik op de afbeelding om deze te selecteren en klik op Plaatsen .
Selecteer een afbeelding om in het document te 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.
Sleep de afbeelding naar één kant van het canvas
Klik vervolgens op het vinkje in de optiebalk om Vrije transformatie te accepteren en te sluiten.
Klik op het vinkje.
In het deelvenster Lagen wordt de afbeelding in een aparte laag boven de Achtergrondlaag weergegeven.
In het deelvenster Lagen wordt de nieuwe afbeeldingslaag weergegeven.
Stap 4: Verloopgereedschap selecteren
Om de afbeelding naar een bepaalde kleur te laten vervagen, selecteert u het gereedschap Verloop in de werkbalk.
Selecteer het verloopgereedschap in Photoshop
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.
Stel de Verlooptoolmodus in op Verloop.
Stap 5: Selecteer Voorgrond naar Transparant verloop
Klik nog steeds op de kleurverloopstaal in de optiebalk.
Klik op het kleurverloopstaal
Open vervolgens de map Basis en selecteer het verloop Voorgrond naar Transparant . Druk op Enter of Return op uw Mac om te accepteren.
Selecteer Voorgrond naar Transparant verloop in Photoshop
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.
Overige instellingen voor het verloopgereedschap.
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.
Klik op het voorgrondkleurstaal.
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.
Kies een vervagingskleur uit de Kleurenkiezer van Photoshop.
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.
Klik op het beginpunt van het verloop en houd de muisknop ingedrukt.
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.
Versleep het verloop over de afbeelding.
Maak je geen zorgen als het verloop nog niet precies goed is. Teken gewoon het beginverloop en laat de muisknop los.
De oorspronkelijke kleur vervaagt zodra de kleurovergang voltooid is.
In het deelvenster Lagen wordt het verloop toegevoegd aan een eigen verloopopvullingslaag boven de afbeelding, waardoor het verloop en de afbeelding gescheiden blijven.
Er wordt een live-verloop toegevoegd als verloopopvullingslaag.
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.
Live-verloopbesturingen op canvas in Photoshop
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.
Pas de begin- en eindpunten van het verloop aan met behulp van kleurstops.
U kunt zelfs op de lijn klikken en slepen die de kleurstops verbindt om de kleurovergang op het canvas te verplaatsen.
Versleep om het verloop 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.
Schuifregelaar voor het kleurmiddenpunt.
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 .
Besturingselementen voor dekking in het deelvenster Eigenschappen.
Versleep vervolgens het ruitpictogram onder de voorvertoningsbalk om het middelpunt dichter bij de kleur of transparantie te plaatsen.
Schuifregelaar voor transparantiemiddenpunt.
Om de locatie opnieuw in het midden in te stellen, stelt u Locatie in op 50 .
De positie van het middelpunt opnieuw instellen.
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.
De overgang van kleur naar transparant is niet zo geleidelijk als gewenst.
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.
Methode is ingesteld op Perceptueel.
Er is nog een andere methode, genaamd Classic , die verlopen tekent op de manier waarop Photoshop dat vroeger deed.
Wijzig de methode naar Klassiek.
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.
Resultaten met de gradiëntmethode ingesteld op Klassiek.
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.
Dubbelklik op de kleurstop.
Dan is er een manier om een andere kleur te kiezen uit de Kleurenkiezer.
Selecteer een nieuwe matte kleur 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.
Kies een grotere steekproefomvang.
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.
Selecteer een nieuwe vervagingskleur uit de afbeelding.
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.
Breng de laatste aanpassingen aan in het verloopgebied.
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.
Selecteer een andere laag om de bedieningselementen op het canvas te verbergen.
Hier ziet u het eindresultaat van de afbeelding die is vervaagd tot de achtergrondkleur, zodat u links tekst of andere ontwerpelementen kunt toevoegen.