Fade obrázek na libovolné barevné pozadí s Photoshopem

jak vyblednout obrázek na barevné pozadí pomocí Photoshopu

Naučte se krok za krokem, jak vyblednout obrázek na černé, bílé nebo jakékoliv barevné pozadí s Photoshopem! Ideální pro přidání prostoru pro text nebo pro smíchání obrázku s designem.

napsal Steve Patterson.

v tomto tutoriálu vám ukážu, jak snadné je vyblednout obrázek do libovolné barvy pozadí pomocí Photoshopu. Je to skvělý způsob, jak smíchat obrázek do většího designu nebo vytvořit prostor pro přidání textu vedle předmětu.

začneme vytvořením nového dokumentu a vložením obrázku do něj. Pak vybereme počáteční barvu pozadí a obraz vybledneme do barvy pomocí masky vrstvy. Nakonec vám ukážu, jak změnit pozadí na libovolnou barvu, která se vám líbí, včetně toho, jak vybrat barvu přímo ze samotného obrázku.

můžete sledovat spolu s jakoukoli nejnovější verzí Photoshopu. Všimněte si však, že jeden z kroků používá přechod a Adobe provedl změny přechodů Zpět ve Photoshopu 2020. Takže pro dosažení nejlepších výsledků s tímto tutoriálem budete chtít používat Photoshop 2020 nebo novější. Používám Photoshop 2021.

zde je příklad toho, jak bude vypadat konečný výsledek:

jak vyblednout obrázek do barvy pozadí pomocí Photoshopu

obrázek vybledl do barvy pozadí.

začněme!

Stáhněte si tento tutoriál jako PDF připravené k tisku!

Krok 1: Vytvořte nový dokument Photoshopu

Začněte vytvořením nového dokumentu. Pokud jste na domovské obrazovce Photoshopu, vytvořte nový dokument kliknutím na tlačítko Vytvořit nový

kliknutím na tlačítko Vytvořit nový na domovské obrazovce Photoshopu.

na domovské obrazovce klikněte na Vytvořit nový.

nebo pokud jste v hlavním rozhraní, přejděte do nabídky Soubor a zvolte Nový:

výběr nového příkazu z nabídky Soubor Photoshopu.

jít do souboru > nový.

poté v dialogovém okně Nový dokument zadejte nastavení. Nastavím šířku na 3000 pixelů, výšku na 1600 pixelů, Rozlišení na 300 pixelů na palec a obsah pozadí na bílou:

nastavení nového dokumentu Photoshopu

nové nastavení dokumentu.

poté vytvořte nový dokument kliknutím na tlačítko Vytvořit:

kliknutím na tlačítko Vytvořit v dialogovém okně Nový dokument Photoshopu.

kliknutím na tlačítko Vytvořit.

Krok 2: Vložte obrázek do dokumentu

poté vložte obrázek do dokumentu tak, že přejdete do nabídky Soubor a vyberete místo Vložené:

výběr vloženého příkazu z nabídky souboru Photoshopu.

jít do souboru > místo Vložené.

přejděte na obrázek v počítači, klikněte na obrázek a vyberte jej a poté klikněte na místo:

výběr a umístění obrázku do dokumentu Photoshopu.

výběr obrázku a kliknutí na místo.

související: otevřete obrázek vs umístěte obrázek ve Photoshopu

Photoshop umístí obrázek do dokumentu a otevře příkaz Free Transform, abychom mohli v případě potřeby změnit velikost obrázku a přesunout jej na místo. Pokud je váš obrázek větší než velikost dokumentu, Photoshop jej automaticky změní na velikost, jako tomu bylo zde (módní portrét od Adobe Stock):

příkaz Free Transform se automaticky otevře po vložení obrázku do dokumentu Photoshopu.

Volná transformace se automaticky otevře při vkládání obrázku do dokumentu.

Krok 3: Přetáhněte předmět na jednu stranu dokumentu

Chcete-li vytvořit větší prostor pro vyblednutí obrázku do pozadí, přesuňte objekt na stranu stisknutím a podržením klávesy Shift na klávesnici a přetažením obrázku doleva nebo doprava. Přidržení Shift omezuje směr, kterým se můžete pohybovat, což usnadňuje přetahování přímo přes:

přetažením objektu na jednu stranu dokumentu Photoshopu.

přetažením předmětu na jednu stranu dokumentu.

až budete hotovi, zavřete Free Transform kliknutím na zaškrtnutí v panelu možností:

uzavření Volné transformace kliknutím na zaškrtnutí.

kliknutím na zaškrtnutí.

v panelu Vrstvy vidíme, že Photoshop umístil obrázek na novou vrstvu nad vrstvu pozadí:

Panel vrstev Photoshopu zobrazující umístěný obrázek na vlastní vrstvě.

obraz byl umístěn na vlastní vrstvě.

SOUVISEJÍCÍ: Jak otevřít více obrázků jako vrstvy!

Krok 4: Přidejte plnou vrstvu výplně barev

ve skutečnosti nebudeme používat vrstvu pozadí pro barvu pozadí. Místo toho použijeme plnící vrstvu plné barvy, která usnadní výběr jakékoli barvy, kterou potřebujeme.

Chcete-li přidat plnou vrstvu výplně barev, nejprve se ujistěte, že je vybrána vrstva obrázku. Poté klikněte na ikonu Nová vrstva výplně nebo úpravy v dolní části panelu Vrstvy:

kliknutím na ikonu Nová vrstva výplně nebo úpravy v panelu Vrstvy Photoshopu

kliknutím na ikonu Nová vrstva výplně nebo úpravy.

a zvolte plnou barvu ze seznamu:

 přidání plné barevné výplňové vrstvy.

přidání plné barevné výplňové vrstvy.

Krok 5: Vyberte počáteční barvu pozadí

ve výběru barvy si můžete vybrat libovolnou barvu, která se vám líbí. Ale zatím si vyberu bílou tak, že nastavím hodnoty R, G A B na 255. Vrátíme se a změníme barvu, jakmile do ní obraz vybledneme.

klikněte na OK až budete hotovi, zavřete výběr barvy:

 výběr bílé z výběru barvy Photoshopu.

výběr bílé jako výchozí barvy pozadí.

zpět v panelu Vrstvy byla vrstva výplně přidána nad obrázek, což je důvod, proč blokuje obraz z pohledu:

dokument je dočasně vyplněn bílou barvou.

dokument je dočasně vyplněn bílou barvou.

a všimněte si, že vrstva výplně obsahuje vestavěnou masku vrstvy. Použijeme tuto masku vrstvy k vyblednutí barvy do obrázku:

miniatura masky vrstvy na plnící vrstvě plné barvy.

miniatura masky vrstvy na vrstvě výplně.

Krok 6: vyberte masku vrstvy

v tuto chvíli je vybrána samotná vrstva výplně, kterou můžeme poznat podle bílého okraje kolem vzorníku barev. Potřebujeme vybrat masku vrstvy, takže klikněte na miniaturu masky:

výběrem masky vrstvy na plnící vrstvě plné barvy.

výběr masky vrstvy.

Krok 7: vyberte nástroj přechod

Chcete-li barvu a obrázek vyblednout společně, nakreslíme přechod na masku. A k tomu potřebujeme nástroj Gradient.

vyberte nástroj přechod z panelu nástrojů:

výběr nástroje přechod z panelu nástrojů Photoshopu.

výběr nástroje přechodu.

Krok 8: Vyberte černobílý přechod

poté na panelu možností klikněte na šipku vedle přechodu vzorník:

kliknutím na šipku otevřete výběr přechodu v panelu možností Photoshopu

kliknutím na šipku otevřete výběr přechodu.

v nástroji pro výběr přechodu otevřete složku základy (Nová od Photoshopu 2020) a dvojitým kliknutím na jeho miniaturu vyberte přechod černá Na Bílá:

 výběr přechodu černá Na bílou v programu Photoshop pro výběr přechodu

poklepáním na miniaturu přechodu černá Na bílou.

Krok 9: Nakreslete černobílý přechod na masku vrstvy

nyní, protože obrázek ještě nevidíme, nebudeme mít věci správně na první pokus. Myšlenkou je však přetáhnout černobílý přechod přes masku vrstvy v oblasti, kde chceme, aby obraz vybledl do barvy.

nastavte výchozí bod pro přechod kliknutím a přidržením někde v obecné oblasti, kde se Váš předmět objeví. V mém případě je vpravo:

kliknutím a přidržením nástroje Gradient nastavíte začátek přechodu.

klepnutím a přidržením nástroje Gradient nastavíte začátek přechodu.

poté, co tlačítko myši stále držíte, stiskněte a podržte klávesu Shift na klávesnici a přetáhněte oblast, kde chcete, aby obraz a barva vybledly do sebe. Toto bude přechodová oblast mezi barvou a obrázkem. Podržením klávesy Shift při přetahování omezíte úhel přechodu, takže je snazší táhnout přímo napříč:

přidržením klávesy Shift a přetažením přes přechodovou oblast mezi obrázkem a barvou pozadí.

podržením Shift a přetažením přes přechodovou oblast mezi obrazem a barvou.

Chcete – li dokončit přechod, uvolněte tlačítko myši a poté uvolněte klávesu Shift (v tomto pořadí). A právě tak obraz nyní mizí do barvy:

obrázek nyní mizí do barvy bckground ve Photoshopu

obrázek nyní mizí do barvy.

zobrazení gradientu v miniatuře masky vrstvy

přechod můžeme vidět při pohledu na miniaturu masky vrstvy v panelu Vrstvy. Černá oblast masky je místo, kde je vrstva výplně 100 procent skrytá, což umožňuje zobrazení obrázku pod ní. Bílá oblast je místo, kde je vrstva výplně 100 procent viditelná a blokuje obraz z pohledu. A přechod mezi nimi je místo, kde mizí společně:

černobílý přechod se objeví v miniatuře masky vrstvy

gradient se objeví v miniatuře masky vrstvy.

jak zobrazit přechod v dokumentu

masku vrstvy můžete také zobrazit v samotném dokumentu podržením klávesy Alt (Win) / Option (Mac) na počítači Mac a kliknutím na miniaturu masky vrstvy:

podržením Alt (Win) / Option (Mac) a kliknutím na miniaturu masky vrstvy

podržením Alt (Win) / Option (Mac) a kliknutím na miniaturu masky vrstvy.

a nyní je snazší vidět černou oblast, kde se obraz zobrazuje, bílou, kde je viditelná barva, a přechodovou oblast mezi nimi:

zobrazení masky vrstvy v dokumentu Photoshopu

zobrazení masky vrstvy v dokumentu.

podržte klávesu Alt nebo Option a znovu klikněte na miniaturu masky vrstvy pro skrytí masky:

podržte Alt (Win) / Option (Mac) a znovu klikněte na miniaturu masky vrstvy

podržte Alt (Win) / Option (Mac) a znovu klikněte na miniaturu masky vrstvy.

Krok 10: překreslete gradient a upravte efekt vyblednutí

Nyní, pokud jste gradient nenakreslili přesně na správném místě, je to v pořádku, protože stačí nakreslit další. Ve skutečnosti můžete přechod překreslit tolikrát, kolikrát potřebujete. Každý nový přechod, který nakreslíte, nahradí předchozí.

kliknu pro nastavení výchozího bodu někde kolem ženského oka:

 kliknutím nastavím výchozí bod druhého gradientu.

kliknutím nastavíte výchozí bod druhého přechodu.

pak s tlačítkem myši stále dole přidržím klávesu Shift na klávesnici a přetáhnu doleva:

 přidržením Shift a přetažením přes přechodovou oblast.

podržením Shift a přetažením přes přechodovou oblast.

ale všimněte si, když uvolním tlačítko myši, že jsem šel příliš daleko a vidíme levý okraj obrázku:

levý okraj obrázku je nyní viditelný.

levý okraj obrázku je viditelný.

takže zkusím ještě jednou, počínaje na stejném místě:

 kliknutím nastavíte počáteční bod třetího přechodu.

kliknutím nastavíte výchozí bod pro třetí pokus.

ale tentokrát přetažením kratší vzdálenosti:

přetažením kratší přechodové oblasti.

přetažením kratší přechodové oblasti.

uvolním tlačítko myši a poté klávesu Shift. A to vypadá lépe:

obraz po třetím pokusu zmizí lépe do barvy.

lepší výsledek.

krok 11: vyberte novou barvu výplňové vrstvy

jakmile obraz vybledne do barvy, můžete změnit barvu dvojitým kliknutím na vzorník barev výplňové vrstvy v panelu Vrstvy:

poklepáním na vzorník barev výplňové vrstvy

poklepáním na vzorník barev výplňové vrstvy.

pak buď vyberte novou barvu z výběru barvy:

výběr jiné barvy pozadí od výběru barvy

výběr jiné barvy od výběru barvy.

nebo vyberte jeden přímo z obrázku. Jednoduše přesuňte kurzor myši na obrázek a kliknutím na barvu jej ochutnejte.

Volba velikosti vzorku

ale než vzorkujete barvu, přejděte na panel možností a změňte velikost vzorku z bodového vzorku (výchozí nastavení) na něco většího, například 3×3, 5×5 nebo 11×11. Tímto způsobem budete vzorek průměrnou barvu oblasti, spíše než barvu jednotlivých pixelů. Vyberu 5×5:

výběr větší velikosti vzorku pro nástroj kapátko ve Photoshopu

výběr větší velikosti vzorku.

volba vzorku

také se ujistěte, že je volba vzorku nastavena na všechny vrstvy:

ujistěte se, že je volba vzorku nastavena na všechny vrstvy v panelu možností Photoshopu

ujistěte se, že vzorek je nastaven na všechny vrstvy.

poté klikněte na různé části obrázku a ochutnejte barvu, dokud nenajdete tu, která funguje nejlépe. Zkusím šedavou barvu z pravého horního rohu. Až budete hotovi, klepnutím na tlačítko OK zavřete výběr barvy:

vzorkování barvy z pravého horního rohu obrázku, který chcete použít jako barvu pozadí ve Photoshopu

kliknutím v pravém horním rohu obrázku vzorkujete barvu.

krok 12: překreslit gradient (volitelné)

nakonec, pokud se chcete vrátit a překreslit gradient, stačí znovu vybrat miniaturu masky vrstvy v panelu Vrstvy:

znovu vybrat miniaturu masky vrstvy v panelu vrstev Photoshopu

znovu vybrat masku vrstvy.

poté, co je nástroj Gradient stále vybrán, klikněte a podržte počáteční bod, podržte Shift a přetáhněte oblast přechodu:

překreslení gradientu na masce vrstvy

překreslení gradientu na masce vrstvy.

uvolněte tlačítko myši a poté uvolněte klávesu Shift. A tady je můj konečný výsledek:

obraz mizí do barvy pozadí ve Photoshopu

konečný efekt.

Kam dál…

a tady to máme! To je, jak vyblednout obrázek do jakékoliv barvy pozadí s Photoshopem!

pro více způsobů, jak míchat obrázky dohromady, podívejte se na mé tři způsoby, jak míchat dva obrázky tutorial. Nebo navštivte můj foto efekty sekce pro více tutoriály! A nezapomeňte, že všechny mé návody jsou k dispozici ke stažení jako PDF!

Získejte všechny naše Photoshop Tutoriály jako PDF! Stáhněte si je ještě dnes!

Leave a Reply

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.