Jak Kreslit Přechody Nástrojem Gradient Ve Photoshopu

Kreslení Gradientů Ve Photoshopu

Vytvoření Nového Dokumentu

začněte tím, že vytvoří nový Photoshop dokumentu. To udělat, já jdu do menu Soubor v Liště Menu podél horní části obrazovky a vyberte Nový:

otevře se nové dialogové okno. Pro tento tutoriál nastavím šířku dokumentu na 1200 pixelů a výšku na 800 pixelů., Neexistuje žádný zvláštní důvod, proč používám tuto velikost, takže pokud pracujete se mnou a máte na mysli jinou velikost, neváhejte ji použít. Ponechám hodnotu rozlišení nastavenou na výchozí hodnotu 72 pixelů / palec a ujistím se, že obsah pozadí je nastaven na bílou. Budu klepněte na tlačítko OK, když jsem udělal uzavřít dialogové okno, na kterém místě nové bílé plné dokumentu se zobrazí na obrazovce:

výběr nástroje přechodu

nástroj přechodu Photoshopu se nachází na panelu nástrojů vlevo od obrazovky., Vyberu ji kliknutím na její ikonu. Můžete také vybrat Nástroj Přechod pouhým stisknutím písmeno G na klávesnici:

výběr gradientu

s vybraným nástrojem gradientu, další věc, kterou musíme udělat, je vybrat gradient a existuje několik způsobů, jak to udělat. Jedním z nich je otevření Photoshopu Gradient Picker; druhý je otevřením většího editoru gradientů., Rozdíl mezi nimi spočívá v tom, že gradientový sběrač nám jednoduše umožňuje vybrat si z hotových přednastavených přechodů, zatímco Editor gradientů, jak naznačuje jeho název, je místem, kde můžeme upravovat a přizpůsobovat vlastní přechody. Pro tento tutoriál se zaměříme na samotný Gradient Picker. V dalším tutoriálu se dozvíme vše o editoru přechodu.,

Pokud chcete jen vybrat jeden z Photoshopu přednastavené přechody, nebo ten, který jste dříve vytvořili na své vlastní a uložit jako vlastní preset (opět, budeme se učit, jak to udělat, že v příštím tutoriálu), klikněte na malou šipku vpravo od náhledu přechodu bar v Panelu Možností. Ujistěte se, že klepnete na šipku sám, není na liště náhledu (kliknutím na náhled panel se otevře Editor přechodů a nechceme tam jít jen zatím):

kliknutím na šipku se otevře výběr přechodu s miniaturami všech přednastavených přechodů, ze kterých si můžeme vybrat. Vyberte přechod, klikněte na jeho miniaturu a poté stiskněte tlačítko Enter (Win) / Return (Mac) na klávesnici, nebo klikněte na prázdné místo v Panelu Možností uzavřít Gradient Picker. Můžete také poklepat na miniaturu, která vybere gradient i zavřít z gradientu:

Načítání Více Gradienty

ve výchozím nastavení, pouze malý počet přednastavených přechody jsou k dispozici, ale Photoshop obsahuje další gradient nastaví, že si můžeme vybrat. Vše, co musíme udělat, je naložit je. Chcete-li to provést, klikněte na ikonu ozubeného kola v pravém horním rohu:

Pokud se podíváte do spodní poloviny zobrazené nabídky, najdete seznam dalších gradientních sad, z nichž každá je založena na konkrétním tématu, jako jsou barevné harmonie, kovy, pastely a další., Pokud jste fotograf, s Neutrální Hustotou a Fotografické Tónování přechody jsou zvláště užitečné:

Chcete-li načíst některou ze sad, klikněte na její název v seznamu. Kliknul jsem na fotografickou tónovací sadu. Photoshop se zeptá,zda chcete nahradit aktuální přechody novými. Pokud kliknete na Připojit, spíše než nahradit původní přechody, jednoduše přidá nové pod originály., Jak uvidíme za chvíli, je snadné obnovit originály, takže budu klepněte na tlačítko OK, aby je nahradili s Fotografickou Tónování sada:

a nyní vidíme v gradientu sběrače, že původní přechody byly nahrazeny fotografickými tónovacími gradienty. Dozvědět se více o Fotografické Tónování nastavit a jak ji používat, podívejte se na naši kompletní Fotografické Tónování Předvoleb tutorial:

Obnovení výchozích gradientů

abychom se soustředili na základy, prozatím se budeme držet původních výchozích gradientů. Chcete-li je obnovit, klikněte znovu na ikonu ozubeného kola v gradientu:

pak zvolte Reset gradienty z nabídky:

Photoshop se zeptá, zda chcete nahradit aktuální přechody výchozími hodnotami. Klikněte na OK:

A teď jsme zase na originály:

Gradient popředí na pozadí

než se naučíme kreslit přechody, podívejme se rychle zejména na jeden gradient-popředí na gradient pozadí. To je ten, že Photoshop vybere pro nás výchozí, ale můžete si také vybrat ručně, pokud potřebujete, aby kliknutím na její miniaturu (první zleva horní řady):

jak jste možná uhodli, Gradient popředí na pozadí získává své barvy z vašich barev popředí a pozadí. Aktuální barvy popředí a pozadí můžete vidět v barevných vzornících v dolní části panelu nástrojů. Vzorník vlevo nahoře ukazuje barvu popředí a ten v pravém dolním rohu ukazuje barvu pozadí. Výchozí barva Popředí je nastavena na černou a barva Pozadí je nastavena na bílou:

protože je založen na aktuálních barvách popředí a pozadí, gradient popředí na pozadí je nejjednodušší ze všech přechodů, které lze přizpůsobit, a ten, který se často ukazuje jako nejužitečnější. Použijme to, abychom se naučili, jak skutečně nakreslit gradient, a po cestě uvidíme, jak snadné je změnit jeho barvy na to, co potřebujeme!

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

kreslení gradientu pomocí nástroje Gradient

kreslení gradientu pomocí nástroje Gradient ve Photoshopu je stejně snadné jako kliknutí a přetažení myši., Stačí kliknout v dokumentu nastavit výchozí bod pro přechod, pak držet tlačítko myši držel dolů a odtáhnout od výchozího bodu, kde chcete, aby přechod skončit. Při přetahování uvidíte pouze tenkou čáru označující směr přechodu. Když uvolníte tlačítko myši, Photoshop dokončí přechod a nakreslí jej vybranými barvami.

například kliknu na levou stranu dokumentu, pak se stále přidrženým tlačítkem myši přetáhnu na pravou stranu., Všimněte si, že zatím vše, co vidíme, je tenká čára mezi výchozím bodem a koncovým bodem. Pokud chcete usnadnit kreslení dokonale horizontálního gradientu, stiskněte a podržte klávesu Shift při přetahování, což omezí úhel, ve kterém můžete přetáhnout. Jen si pamatujte, počkat, až poté, co jste vydali před uvolněním tlačítka myši klávesu Shift, nebo to nebude fungovat:

Když uvolním tlačítko myši, Photoshop nakreslí přechod., Protože moje barva písma byla nastavena na černou a moje barva Pozadí byla nastavena na bílou, jsem se skončit s černou na bílé gradient:

couvání barev

barvy ve vašem gradientu můžete zvrátit výběrem možnosti Reverse na panelu možností:

výběr „Reverse“ na panelu možností.,

s reverzním výběrem, pokud nakreslím přesně stejný gradient, vidíme, že tentokrát se barvy objevují na opačných stranách, s bílou vlevo a černou vpravo. To je užitečná funkce, ale jen ujistěte se, zrušte zaškrtnutí možnost obrátit, když budete hotovi, jinak další přechody nakreslíte bude také být obrácen:

přechody samozřejmě nemusí běžet vodorovně. Mohou běžet jakýmkoli směrem, který si vyberete. Nakreslím další gradient, tentokrát shora dolů., Všimněte si, že nepotřebuji vrátit zpět nebo odstranit svůj stávající přechod. Photoshop jednoduše nahradí aktuální přechod novým. Kliknu poblíž horní části dokumentu, pak podržte tlačítko myši a přetáhněte dolů směrem dolů. Stejně jako u kreslení horizontální gradient, je mnohem jednodušší nakreslit vertikální gradient pokud jste stiskněte a podržte klávesu Shift, jak jste přetažením, ujistěte se, počkat, až poté, co jste vydali před uvolněním tlačítka myši klávesu Shift., Zde opět vidíme nejprve pouze tenký obrys:

Když jsem uvolnění mé pravé tlačítko myši a Photoshop dokončí gradient, nahradí počáteční horizontální s vertikální černé na bílém gradient:

Změna Výchozí Gradient Barev

Vzhledem k tomu, výchozí gradient dostane jeho barvy z aktuální barvy Popředí a Pozadí, vše, co musíme udělat, změnit barvy z gradientu, je vybrat různé barvy pro Popředí a Pozadí. Například zvolím jinou barvu popředí kliknutím na barvu popředí v panelu Nástroje (ta, která je aktuálně nastavena na černou):

otevře se výběr barev Photoshopu., Vyberu červenou barvu pro svou novou barvu popředí, pak kliknu na OK a ukončím výběr barvy:

dále změním barvu pozadí kliknutím na její barevný vzorník (ten, který je aktuálně naplněn bílou barvou):

to opět otevře výběr barvy., Změním barvu pozadí z bílé na jasně žlutou, pak budu v pořádku uzavřít výběr barvy:

Všimněte si, že barevné vzorníky aktualizovány ukázat nové barvy jsem zvolil pro Popředí a Pozadí:

náhledovém panelu v Panelu Volby byl také aktualizován, aby mi ukázal, co nového gradient barvy bude vypadat takto:

nakreslím přechod, tentokrát diagonálně, kliknutím v levém dolním rohu dokumentu a přetažením vpravo nahoře. Opět není třeba vrátit zpět nebo odstranit předchozí gradient. Photoshop jej nahradí novým:

Když uvolním tlačítko myši, Photoshop nakreslí červený až žlutý gradient diagonálně přes dokument:

Resetování Barvy Popředí A Pozadí

Všimněte si, že pokud otevřu Gradient Picker v Možnosti Bar, Popředí do Pozadí gradient je miniatura je také ukázat mé nové červené a žluté barvy:

barvy pro tento gradient můžete kdykoli změnit kliknutím na vzorníky barev popředí a/nebo pozadí v panelu možností a výběrem různých barev. Pokud však potřebujete rychle obnovit barvy zpět na výchozí hodnoty, takže barva popředí je černá a barva pozadí bílá, jednoduše stiskněte na klávesnici písmeno D (myslím „D“ pro „výchozí hodnoty“). Uvidíte vzorky v panelu Nástrojů vrátit zpět na výchozí černé a bílé:

A uvidíte, že jak gradient náhledu panelu v Panelu Volby a Popředí na Pozadí gradient miniaturu v Gradient Picker jsou opět ukazuje výchozí barvy:

Kreslení Gradient Na Své Vlastní Vrstvě

Pokud se podíváme v mém panelu Vrstvy, vidíme, že až do tohoto bodu, jsem kreslil můj přechody přímo na vrstvu Pozadí:

Kreslení na vrstvu Pozadí může být v pořádku pro naše účely zde, ale mnohem lepší způsob, jak pracovat ve Photoshopu je využít vrstev a umístit každou položku v našem dokumentu na jeho vlastní samostatné vrstvy. K tomu, nejprve budu pryč mé gradientu tím, že půjdete do nabídky Upravit v horní části obrazovky a výběrem Výplně:

když se otevře dialogové okno výplň, nastavím možnost obsah nahoře na bílou, pak kliknu na OK., To vyplní vrstvu pozadí bílou barvou:

Next, přidám novou vrstvu pro můj přechod stisknutím a podržením Alt (Win) / Option (Mac) klíč na klávesnici a kliknutím na ikonu Nové Vrstvy v dolní části Vrstvy panel:

přidání klávesy Alt (Win) / Option (Mac) při kliknutí na ikonu nové vrstvy řekne Photoshopu, aby nejprve otevřel dialogové okno Nová vrstva, kde můžeme vrstvu pojmenovat před přidáním., Pojmenuji svou vrstvu „Gradient“, pak kliknu na OK:

Photoshop přidá novou prázdnou vrstvu s názvem „Gradient“ nad vrstvou pozadí. Nyní mohu nakreslit můj přechod na tuto novou vrstvu a udržet je oddělené od všeho ostatního (i když „všechno ostatní“ je v tomto případě opravdu jen na vrstvu Pozadí, ale je to stále dobrý workflow zvyk se dostat do):

Oblasti Přechodu

Jedna věc, která je velmi důležité pochopit, když přijde na kreslení gradientů je, že to není jen směr, ve kterém budete táhnout, na které záleží; vzdálenost mezi počáteční a koncové body také záleží.

důvodem je to, že to, co ve skutečnosti kreslíte pomocí nástroje Gradient, spolu se směrem gradientu, je přechodová oblast mezi barvami. Vzdálenost, kterou přetáhnete z výchozího bodu do koncového bodu, určuje velikost přechodové oblasti., Delší vzdálenosti vám hladší, plynulejší přechody, při kratší vzdálenosti se vytvoří tvrdší, prudší přechody.

abych vám ukázal, co mám na mysli, použiji Gradient popředí na pozadí nastavený na výchozí černobílý. Nejprve nakreslím přechod zleva doprava, počínaje od levého okraje dokumentu a končící poblíž pravého okraje. Oblast mezi mé počáteční a koncové body se stal oblasti přechodu mezi mé dvě barvy (v tomto případě černé a bílé):

vynesu tlačítko myši nechat Photoshop draw gradientu, a protože tam byl takový velký rozdíl mezi mou počáteční a koncové body, vidíme, hladký, velmi postupný přechod mezi černou na levé straně a bílá na pravé straně:

budu zpět gradient, aby to bylo lépe vidět, tím, že půjdete do nabídky Upravit v horní části obrazovky a výběrem Zrušit Gradientu., Mohl bych také stisknutím kombinace kláves Ctrl+Z (Win) / Command+Z (Mac) na klávesnici:

Tento čas, nakreslím můj sklon ve stejném směru (zleva doprava), ale s mnohem menší rozdíl mezi počáteční a koncové body.

Když jsem uvolnění mé tlačítko myši, vidíme, že zatímco tento gradient byl vypracován ve stejném směru jako předtím, přechod mezi černou na levé straně a bílá na pravé straně je mnohem více náhlé a prudké. Jak můžeme vidět, na vzdálenosti mezi startovní a koncové body, je stejně důležité, jako směrem, pokud jde o celkový vzhled gradient:

než půjdeme dál, pojďme se rychle podívat na můj panel vrstev, kde to vidíme, protože jsem dříve přidal novou vrstvu, můj gradient je nyní kreslen na samostatné vrstvě „gradientu“ spíše než na vrstvě pozadí. Znovu, to není velký problém, v tomto případě, ale dostat se do zvyku držet vše, co na své vlastní vrstvě bude pracovat s Photoshopem tak mnohem jednodušší:

Popředí Transparentní Gradientu

doposud jsme se dívali hlavně na Photoshop výchozí Popředí na Pozadí gradient, ale ještě jeden, který je často velmi užitečné je Popředí Transparentní gradientu, a to stojí za to při pohledu na, protože to se chová trochu jinak než ostatní. Vyberu to z gradientu výběrem dvojitým kliknutím na jeho miniaturu. Najdete ji přímo vedle miniatury pozadí na pozadí:

Popředí Transparentní přechod je podobný Popředí na Pozadí gradient v tom, že to dostane jeho barvu z vaší aktuální barvu Popředí, což znamená, že můžete snadno změnit výběrem jiné barvy Popředí. To, co dělá to zvláštní, ačkoli, je to, že neexistuje žádná druhá barva. Místo toho přechází z jedné barvy do průhlednosti.

zruším svůj aktuální gradient tím, že přejdu do nabídky Upravit a vyberu zpět Gradient. Poté si vyberu barvu kliknutím na vzorník barev v popředí na panelu Nástroje., V současné době je nastavena na černou:

když se otevře výběr barvy, vyberu fialovou barvu, pak kliknu na OK:

barva Popředí nyní nastavena na fialové, můžeme vidět v náhledovém panelu v Panelu Možnosti, že budu kreslit fialové transparentní gradientu (šachovnicový vzor můžete vidět za fialové je jak Photoshop představuje průhlednost):

nakreslím vertikální gradient v horní části dokumentu dolů do centra:

když uvolním tlačítko myši, vypadá to, že to, co jsem nakreslil, je základní fialový až bílý gradient. Bílá, kterou vidíme, je však ve skutečnosti z vrstvy pozadí pod gradientem. Není součástí samotného gradientu:

abych to dokázal, dočasně vypnu vrstvu pozadí kliknutím na ikonu viditelnosti (ikona oční bulvy) v panelu Vrstvy:

vypnutí vrstvy pozadí.,

Tento skryje bílém pozadí v dokumentu, odhalující jen na přechodu sám, a teď můžeme jasně vidět, že je to opravdu fialové transparentní gradientu. Opět platí, že šachovnicový vzor je, jak Photoshop představuje průhlednost:

dalším důvodem, proč se popředí na transparentní gradient liší od ostatních, je to, že Photoshop nepřepíše předchozí popředí na transparentní gradient, pokud nad ním nakreslíme další., Místo toho jednoduše přidá nový přechod k originálu. Nakreslím druhou Popředí do Průhledné gradient, tentokrát z blízkosti dolní části dokumentu až do centra:

uvolním tlačítko myši a namísto přepsání původního přechodu k němu Photoshop přidá druhý., Pokud bych nakreslil třetí nebo čtvrtý gradient (možná jeden zleva a druhý zprava), přidal bych i ty:

v dokumentu znovu zapnu vrstvu pozadí kliknutím na ikonu viditelnosti:

A teď jsme zpátky chcete vidět, co vypadá jako fialové až bílé (fialová) gradient, i když víme, že bílá je opravdu jen na vrstvu Pozadí, prosvítající transparentnost:

Možnost Transparentnosti

Popředí Transparentní gradientu ve Photoshopu je to skvělé pro věci, jako je ztmavení okrajů fotografie, nebo ztmavnutí oblohy v obrázku uvést více podrobností (které budeme vidět, jak to udělat v jiném tutoriálu)., Ale pro průhlednost částečně pracovat, musíte se ujistit, Transparentnost, možnost v Panelu Volby je vybrán:

Pokud Transparentnost je vypnuta možnost při kreslení Popředí Transparentní gradientu, vše, co budete nakonec dělat je vyplnění vrstvy nebo výběru zvolené Popředí barva:

Černé, Bílé Gradient

nechceme jít přes každý přechod, který můžeme si vybrat z ve Photoshopu (protože si můžete snadno udělat na vlastní pěst), ale pokud potřebujete nakreslit černé na bílém gradient a vaše barvy Popředí a Pozadí jsou v současné době nastavena na něco jiného než černou a bílou, jen chytit Černé, Bílé gradient Gradient Picker (třetí miniatura z leva, horní řada)., Na rozdíl od Popředí k Pozadí, gradient, Černá, Bílá gradient bude vždy nakreslit černé na bílou gradientu bez ohledu na své aktuální barvy Popředí a Pozadí:

styly gradientu

zatím jsme viděli příklady gradientů, které přecházejí v přímce od výchozího bodu k koncovému bodu. Tento typ gradientu je známý jako lineární gradient, ale je to vlastně jen jeden z pěti různých stylů gradientu, ze kterého si můžeme vybrat ve Photoshopu.,

Pokud se podíváte napravo od panelu náhledu přechodu v panelu možností, uvidíte pět ikon stylů přechodu. Zleva, máme Lineární, Radiální, Úhlové, Odráží, a Diamant:

podívejme se, co každý z těchto stylů gradientu dokáže. Budu stiskněte kombinaci kláves Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) několikrát na mé klávesnici odčinit své předchozí kroky, dokud jsem zase viděl jen bílé-plné dokumentu., Poté přepnu zpět do popředí na gradient pozadí výběrem v gradientu:

stisknu písmeno D na klávesnici a resetuji Barvy popředí a pozadí zpět na černou a bílou. Pak, jen aby věci zajímavé, změním barvu pozadí z bílé na světle modrou:

Lineárně

výchozí styl gradient ve Photoshopu je Lineární, ale můžete si vybrat ručně, pokud potřebujete, aby kliknutím na první ikonu vlevo:

již jsme viděli několik příkladů lineárního stylu, který čerpá gradient od výchozího bodu k koncovému bodu v přímce založené na směru, ve kterém jste táhli. Výběr Zvrátit v Panelu Volby vymění pořadí barev:

Radiální

Radiální styl (druhá ikona zleva) nakreslete kruhový gradient směrem od vaší výchozí bod:

zruším svůj lineární gradient stisknutím kláves Ctrl + z (Win) / Command+Z (Mac) na mé klávesnici. Nakreslete radiální gradient, budu klepněte na tlačítko v centru mého dokumentu nastavit výchozí bod, a pak budu táhnout ven směrem k okraji:

uvolním tlačítko myši a zde uvidíme, jak vypadá radiální gradient. To začíná s mou barvu Popředí (černá) na můj výchozí bod ve středu a pohybuje se směrem ven ve všech směrech, jak to přechod do barvy Pozadí (modrá):

Pokud jsem měl vybrané Reverzní možnost v Panelu Volby barvy by být zrušena, počínaje modrá v centru a přechod ven v kruhovém způsobem do černého:

Úhel

Úhel styl (prostřední ikona) je místo, kde se věci začnou být zajímavé (i když možná ne tak docela jako užitečná):

podobně jako radiální styl, Styl úhlu také používá výchozí bod jako střed gradientu. Ale spíše než přechod směrem ven ve všech směrech se obtéká kolem výchozího bodu proti směru hodinových ručiček. Znovu stisknu Ctrl+Z (Win) / Command+Z (Mac) na klávesnici a zruším svůj poslední přechod., Pak nakreslím úhel-styl gradient stejným způsobem jako radiální gradient kliknutím na střed dokumentu nastavit výchozí bod, pak přetažením pryč od toho:

zde je to, jak vypadá styl úhlu, když uvolním tlačítko myši. Stejně jako u všech Photoshop je gradient styly, výběr Zvrátit v Panelu Volby by vám dát stejný výsledek, ale s barvami vyměnil:

Odrazit

Odráží styl (čtvrtá ikona zleva) je velmi podobný standardní lineární styl, ale jde o krok dále tím, že vše, co na jedné straně svůj výchozí bod a zrcadlení je na druhé straně:

Tady, jsem klepnutím do středu dokumentu nastavit můj výchozí bod, a pak přetažením nahoru:

Když jsem uvolnění mé pravé tlačítko myši a Photoshop čerpá standardní lineární gradient v horní polovině dokumentu mezi mé počáteční a koncové body, ale pak zrcadlí v dolní polovině vytvořit odraz:

Tady je to, co odráží gradient bude vypadat s barvami obráceně:

Diamant

a Konečně, Diamant styl přechodu přechody ven z výchozího bodu, podobně Radiální styl, kromě toho, že to vytváří diamant tvar:

opět klikněte do středu dokumentu nastavit výchozí bod, a pak táhněte pryč od to:

když uvolním tlačítko myši, získáme tento zajímavý tvar diamantu:

V tomto případě, myslím, že tvar diamant vypadá lépe s barvami obráceně, ale samozřejmě to bude záviset na barvy, které jste vybrali pro gradient a jak to, že se to používá ve svém návrhu uspořádání:

Tónování Možnost

poslední možnost bychom se měli podívat na v Panelu Volby Tónování. S výběrem Desher, Photoshop smíchá trochu šumu do vašich přechodů, aby pomohl vyhladit přechody mezi barvami., To pomáhá snížit páskování (viditelné čáry, které se tvoří mezi barvami, když přechody nejsou dostatečně hladké). Tónování možnost je ve výchozím nastavení zapnuta a budete obvykle chcete nechat vybranou:

možnosti režimu a krytí

V panelu možností je několik dalších možností nástroje pro přechod, které uložíme pro další tutoriál,protože přesahují základy., Jak Volba režimu (zkratka pro režim prolnutí), tak možnost Opacity ovlivňují, jak se gradient spojí s původním obsahem vrstvy. Pokud jste obeznámeni s režimy prolnutí vrstev, režimy prolnutí gradientu fungují podobně, zatímco volba opacity přechodu funguje podobně jako volba Opacity nalezená v panelu Vrstvy. Ve většině případů je budete chtít nechat nastavit na výchozí hodnoty, ale znovu tyto dvě možnosti podrobně pokryjeme ve svém samostatném tutoriálu: