Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing

4 způsoby, jak vytvořit dlouhé Stínové efekty ve Photoshopu

by
Difficulty:BeginnerLength:LongLanguages:

Czech (Čeština) translation by Ondřej Dokoupil (you can also view the original English article)

Část z nedávné, "plochý design" trend, dlouhé Stínové efekty jsou populární, ale ne nutně nový fenomén. Nejsilnější vliv na trend se zdá být na rozhraní grafických prvků a ikony, ale je stále více používán jako součást webdesign, stejně. V tomto kurzu ukážeme vám 4 způsoby, vytvářející dlouhé Stínové efekty ve Photoshopu pomocí několika různých nástrojů. Podívejme se!


Výukový program aktiva

Budete potřebovat následující aktiva tohoto kurzu. Prosím stáhněte před zahájením, nebo najít alternativy.


Vlastnosti dlouhých Stínové efekty

Existují 2 hlavní vlastnosti dlouho stínových efektů.

  1. Každý objekt návrhu musí mít ploché, 2rozměrné stín, která sahá nejméně 2,5 × úhlopříčka objektu, která je velmi dlouhá, že to přidává důraz a drama v návrhu stín.
  2. Stín by měl být vyloučen v úhlu 45 stupňů, pokud možno směrem doprava.

Barva stínu mohou lišit ve své temnotě ve srovnání s barvu pozadí a v některých případech, prolínající průhledná výplň. Existuje mnoho vylepšení, které lze přidat na efektu, a to je na tobě rozhodnout jaký konečný výsledek budeš pro.


1. Připravte své kresby

Krok 1

Vytvořit nový dokument, 750 x 750 px a výplň pozadí barvou #cf3f30.

Krok 2

Nastavte barvu popředí na #e74c3c, vyberte nástroj Zaoblený obdélník a vyberte možnost tvar v pruhu voleb nastavte poloměr 10.

Stiskněte a podržte klávesu SHIFT a pak klepněte a přetáhněte k vytvoření 450 x 450 px zaoblený obdélník.

Krok 3

Vytvořte text v bílém. V tomto kurzu se používají dva různé fonty, ale můžete použít ať už textu a písma, které chcete.

Krok 4

Co se týče prvního řádku textu použité písmo je Bebas a písmo velikost je 100 bodů. Zatímco druhý řádek je vytvořen pomocí písma Pacifico, písmo velikosti 100, a hlavní hodnota nastavena na 100 a také.

Mějte na paměti, že Flat Design obecně používá písma, jednoduché, odvážný a ostrý.

Krok 5

Vyberte tři vrstvy, zatím, vyberte nástroj přesun a klepněte na ikonu Zarovnat vodorovně na střed v pruhu voleb k Ujistěte se, že všechny prvky jsou správně zarovnány na střed dokumentu.


2. Vytvořte dlouhý stín pozadí pomocí vrstvy tvarů

Krok 1

Nastavte barvu popředí na černou a vyberte nástroj základní obdélník. SHIFT + klikněte na tlačítko a tažením vytvořte obdélník, který pokrývá téměř celé pozadí. Nový tvar vrstvy by měly být umístěny přímo na vrstvu pozadí.

Krok 2

Přejít na úpravy video libovolná transformace (CTRL/CMD + T) pro přepnutí do režimu Free Transform. Potom stiskněte a podržte klávesu SHIFT a otáčejte černý obdélník-45 ° (proti směru hodinových ručiček).

Krok 3

Nyní klepněte a přetáhněte strany černý obdélník, dokud nedosáhnou rohy červený obdélník.

Krok 4

Klepněte a přetáhněte levou část obdélníku, dokud nedosáhne střed červený obdélník (diagonálně). Až budete hotovi, stiskněte ENTER/RETURN potvrďte změny.

Krok 5

Černý obdélník vrstvy výplně hodnotu změňte na hodnotu 0.

Krok 6

Poklepejte na černý obdélník vrstvu, kterou chcete aplikovat efekt překrytí přechodem. Začněte výběrem černá transparentní přechod. Potom změňte úhel -45 a krytí na hodnotu, kterou chcete, podle toho, jak jemné nebo intenzivní chcete stín být. Hodnota použitá zde je jedna docela jemný, což je o 15 %.

Krok 7

Toto je základní způsob, jak vytvořit dlouhý stín pro jednoduché tvary.


3. Vytvořte dlouhé stíny, nástrojem pero

Nástroj pero je složité cestě k vytvoření efektu dlouhý stín. Zatímco je může být mnohem komplikovanější než jiné postupy uvedené v tomto kurzu, skvělá věc, o této techniky je, že to vám dává větší kontrolu nad vzhled efektu.

Krok 1

Vytvořte novou vrstvu mezi textové vrstvy a vrstvy červený obdélník a potom vyberte nástroj pero (s parametrem tvar v pruhu voleb).

Krok 2

Předtím, než začnete přidávat kotevní body, je třeba přidat průvodce Přidat všechny body na stejné úrovni. Chcete-li tak učinit, přejděte do zobrazení video vládci (Pokud nemáte již zaškrtnuto), potom klepněte na pravítko v horní části a přetáhněte vodítko a umístěte jej na horní okraje písmen.

Tento postup funguje pouze pro první řádek textu, protože písmena mají stejnou výšku. Ale pro druhý řádek, bude přidán body bez použití průvodce.

Krok 3

Klikněte na Přidat body v každém horním rohu písmen a mezi nimi, počínaje horním levém rohu prvního písmene.

Krok 4

Když dosáhnete pravém horním rohu posledního dopisu, přesuňte nástroj pero rovnoběžně s červený obdélník stínu a rozšířit tak, aby zahrnoval pravém dolním rohu červený obdélník a přidat bod tam. Potom pokračovat tvar předáním prvního písmene levý dolní roh a zavřete tvar přechodem zpět na úplně první kotevní bod, který jste přidali.

Krok 5

Vyberte nástroj pro přímý výběr, a pak SHIFT + kliknutí na kotevní body, které jste přidali mezi písmeny.

Krok 6

Vyberte nástroj přesun a poté stiskněte klávesy šipka dolů přesuňte vybrané body dolů.

Stiskněte klávesu šipka vpravo přesuňte body napravo, dokud výsledné řádky se rovnoběžně s původní okraje stínu. (Které můžete opravit pomocí nástroje pro přímý výběr a také v případě potřeby).

Krok 7

Může být nutné upravit některé jednotlivé body poté, chcete-li odstranit některé prázdné oblasti, nebo upravte úhel, které vytvářejí. Chcete-li tak učinit, jednoduše použijte nástroj pro přímý výběr vyberte bod, přesuňte ji podle potřeby.

Krok 8

Jen se ujistěte, že všechny kontury stínů vypadat stejně jako možné paralelní. Můžete vytvořit čáru pomocí nástroje čára, otočte v úhel stínu, který chcete vytvořit pak přesunout na rohu každé písmeno, zjistit, kde vlastně potřebujete umístit kotevní body.

To je časově náročná metoda, ale jak již bylo zmíněno, to vám dává větší kontrolu nad konečný výsledek. Takže je třeba vzít svůj čas, vytváření a zdokonalování se.

Krok 9

Jakmile máte připravený tvar, použít stejný Gradient Overlay efekt pro červený obdélník stínu (krok 2.6).

Krok 10

Chcete-li odstranit další část stínu rozšíření mimo červený obdélník, klepněte pravým tlačítkem myši vrstvu stín textu a klepněte na tlačítko vytvořit ořezovou masku.

Tip: Chcete-li vytvořit druhý řádek stín, vyberte nástroj pero znovu a vyberte ikonu kombinovat tvary v pruhu voleb přidat tento stín k předchozímu.

Pokud používáte verzi CS6, můžete vytvořit nový stín v samostatné vrstvě, a pak vyberte obě vrstvy stín textu a je tím, že půjdete do vrstvy sloučit video sloučit vrstvy, která je, co budu dělat v tomto kurzu, jak lépe ilustruje proces vytváření stínové kopie pro text s různými písmeny výškou.

Pokud vytvoříte dva stíny ve dvou samostatných vrstev, můžete ještě dostat pěknou jinou verzi dlouhý stín efektu a bude vypadat jako verze v kroku 4.8.

Krok 11

Nyní pro text s různou výšku písmen, budete muset vytvořit stín ihned. Pokud chcete stíny kombinovat, budete muset přidat kotevní body, kde pouze dva stíny nepřekrývají. Ale pro tento kurz bude vysvětlena celý proces v případě, že chcete vytvořit stíny odděleně.

A protože druhý řádek textu písmo je písmo cursive/kolo, budete potřebovat pouze jeden kotevní bod na samém vrcholu každého dopisu a kotevní bod mezi každé dva dopisy.

Důležité je znovu, ujistěte se, že čáry jsou rovnoběžné s původní okraje stínu.

Jedná se o další detaily, kde stíny nepřekrývají, jako levé dolní části písmeno S. Takže v podstatě nemůžete připojit koncového bodu k počátečnímu bodu přímo. Místo toho je třeba je oddělit tak, aby stále sleduje původní směr stínu.

Možná to bude znít více komplikovaný než ve skutečnosti je, ale s původní stínů odkaz bude dělat věci mnohem jednodušší.

Krok 12

Vyberte nástroj Přidat kotevní bod a klepněte na tlačítko Přidat body tam, kde existují prázdné oblasti, které by měl být naplněn stínem, přesuňte tyto body k pokrytí těchto oblastí. Levé horní části písmen S a l jsou upraveny zde.

Krok 13

Pokud jste vytvořili stín v samostatné vrstvě, použijte efekt překrytí přechodem a připněte si ho do stínu vrstvy (vytvořením ořezové masky).

Krok 14

To je první způsob. Potřebuje hodně přesnosti a věnuje zvláštní pozornost mnoho podrobností, ale je to způsob-3D řízení úhel stínu, ve vrstvě tvaru.

Tip: Variantu efekt dlouhého stínu je verze kde eliminovat namísto verze plná barva.

Abychom toho dosáhli, musíte jednoduše hrát si s hodnota měřítka efektu překrytí přechodem. Tady je nastavena na 30 %

Takže vidíte, jak eliminovat na průhlednou výplní.

Můžete také přesunout stín, dokud se vám líbí, jak to vypadá.

Krytí a měřítko hodnoty jsou hodnoty, které řídí vzhled stínu. Lze také použít barevnou Overlay efekt namísto překrytí přechodem, pokud nechcete, aby stín blednout vůbec.


4. vytvářet dlouhé stíny pomocí duplicitní a posunutí

To je super snadný způsob, jak získat efekt dlouhého stínu dokonalé 45°.

Krok 1

Začněte tím, že kopíruje textové vrstvy máte, pak přetáhněte pod původní textové vrstvy.

Krok 2

Změňte barvu písma kopírovat textové vrstvy na černou.

Krok 3

Přejít na úpravy video libovolná transformace, a pak použijte klávesu šipka dolů a šipka vpravo posunout kopírovat text vrstvy jeden pixel dolů a jeden vpravo. Stiskněte ENTER/RETURN potvrďte změny.

Krok 4

Nyní stiskněte CMD/CTRL + ALT + SHIFT + T Duplikovat vrstvu s jeho transformace. Budete muset opakovat, dokud stín pokrývá dolní pravém konci červený obdélník.

Krok 5

Vyberte všechny vrstvy, kopie a přejděte na vrstva video sloučit vrstvy.

Krok 6

Použití překrytí přechodem efekt jako (krok 2.6).

Krok 7

Klepněte pravým tlačítkem myši sloučené vrstvy a vyberte vytvořit ořezovou masku. A tady to máte!

Krok 8

Stejnou metodu můžete použít k vytvoření samostatné stíny pro každý text, a oni budou overlay, pěkně vytvoření chladné změny účinku.

Chcete-li to, vytvořte každý řádek textu v samostatné textové vrstvě. Pak vyberte obě textové vrstvy, duplikujte je jednou, přesunout kopírovat vrstvy pod ty původní a změnit jejich barvu písma na černou.

Krok 9

Vyberte první řádek kopírovat textovou vrstvu, do režimu volného transformace (CTRL/CMD + T), pak přesunout dolů 1px a 1px doprava a stisknout klávesu ENTER/RETURN potvrďte změny.

Krok 10

Stiskněte CMD/CTRL + ALT + SHIFT + T klíče k duplikování vrstvy a transformace, dokud stín pokrývá dolní pravém konci červený obdélník. Pak vyberte Kopírovat vrstvy a jejich sloučení (vrstva video sloučit vrstvy).

Krok 11

Zopakujte to pro druhý řádek kopírovat textovou vrstvu.

Krok 12

Použít stejný efekt překrytí přechodem a vytvořit ořezovou masku pro každou vrstvu stín.

Krok 13

Lze také vytvořit stín zeslabovat, jak je vysvětleno v rychlý Tip na konci kroku 3.


5. Vytvořte dlouhý stín efekty pomocí 3D nástrojů aplikace Photoshop

To je nejrychlejší a nejefektivnější způsob, protože je to jednoduché a plně upravitelné.

Krok 1

Vyberte textovou vrstvu a pak jít na 3D video nové 3D vysunutí z vybrané vrstvy. To převede textovou vrstvu na 3D vrstvu.

Krok 2

Chcete-li upravit nastavení, stačí otevřít dva panely: 3D panel a panel vlastnosti (jak v nabídce okno). 3D panel má všechny prvky 3D scény, zatímco zobrazí panel Vlastnosti nastavení vybraného elementu v panelu 3D.

Začněte výběrem aktuálního zobrazení karta v panelu 3D vyberte z rozevírací nabídky v panelu Vlastnosti Top.

Krok 3

Vyberte textový název sítě, klepněte na ikonu souřadnic v horní části panelu Vlastnosti a změnit úhel otočení X 90° tak, aby text směřuje nahoru stejně.

Krok 4

Klepněte na ikonu síť v horní části panelu Vlastnosti, změňte hloubku vysunutí na docela velkou hodnotu, a zde je 300.

Myšlenkou je vytvořit opravdu dlouhé vysunutí, které vytvoří dlouhý stín, jakmile světlo udeří to z určitého úhlu. Takže podle textu a úhel dopadu světla, budete možná muset použít jinou hodnotu, Hloubka vysunutí. Ale obvykle můžete začít s hodnotou kolem 200 nebo 300.

Je důležité mít na paměti, jít na 3D video objekt Přichytit k desce umělé země po pokaždé, když provedete změnit hodnotu hloubka vysunutí. V opačném případě objektu rozšíří uvnitř desky umělé země a nebudete si tak velký rozdíl.

Krok 5

Pokud potřebujete změnit také velikost textu směrem nahoru nebo dolů, udělat než přiblížení nebo oddálení. Chcete-li tak učinit, v panelu 3D vyberte kartu aktuální zobrazení, vyberte nástroj přesun a klepněte měřítka 3D ikonu objektu z 3D režim nastaven na pravém pruhu voleb. Poté klepněte a přetáhněte kdekoli ve scéně. Přetáhněte dolů zvětšit a to až do oddálit.

Krok 6

Jakmile se vám líbí, jak vypadá scéna, klepněte na kartě Infinite Light 1 v panelu 3D. Poté můžete pokračovat a měnit jeho úhel rotace Y na 45° na panelu vlastnosti (po kliknutí na ikonu souřadnic v horní části panelu Vlastnosti).

Krok 7

Nebo můžete použít nástroj pro přesun přetáhněte světlo, jak se vám líbí na scéně. Můžete vidět, jak vypadá stín jak jste pohybující se světla, takže dál to, dokud se vám líbí, jak to vypadá.

Krok 8

Chcete-li získat přesnou barvu původního textu, která je bílá, budete muset upravit nastavení přední inflace materiál. Tak změna odlesky barvy na bílou a osvětlení a okolní barvy na černou. Poté změňte hodnotu Shine na 0.

Po tak učiníte, je to dobrý nápad jít na 3D video vykreslení vidět, jak vše vypadá. Může být nutné změnit některá z těchto hodnot v závislosti na barvu textu a úhel dopadu světla. Například je-li barva textu trochu tmavé, můžete změnit hodnotu Shine na 100 %.

Krok 9

Až budete hotovi s nastavením přední inflace materiál, klepněte na kartu prostředí v 3D panelu a přejděte dolů na panelu Vlastnosti, dokud se nezobrazí v části desky umělé země. Změňte hodnotu krytí stíny na hodnotu, které se vám líbí. Tady to je nastavena na 14.

Krok 10

Přejděte na 3D video vykreslení vykreslit závěrečnou scénu.

Krok 11

Nelze vytvořit ořezovou masku pro 3D vrstvu. Takže ji převést na inteligentní objekt přechodem do filtru video převést pro inteligentní filtry.

Krok 12

Pak klepněte pravým tlačítkem myši na vrstvu inteligentního objektu a vyberte vytvořit ořezovou masku.

Krok 13

Pokud potřebujete upravit 3D vrstvu, musíte poklepáním na miniaturu vrstvy inteligentního objektu.

Krok 14

Tím se otevře nový soubor, který má původní 3D vrstvu. Můžete pak klepněte v panelu 3D 3D sítě název a klepněte na tlačítko Upravit zdroj dole na panelu Vlastnosti.

Krok 15

Tím se otevře další soubor, a nový soubor obsahuje textovou vrstvu. Můžete provést jakékoli změny, které chcete, například změnit text, písmo, velikost, atd. Barvu, však musí změnit jej v 3D scéně jak uvidíte dále.

Až budete hotovi, uložte soubor (soubor video uložit), zavřete jej (soubor video ukončit).

Krok 16

To se vrátíte zpět do 3D souboru, a bude aktualizován změnami, které jste právě provedli.

Pokud chcete změnit barvu, použijte pole difúze barvu k tomu a pak může být nutné upravit hodnotu lesk.

Když to uděláte, vykreslení souboru ještě jednou, a pak soubor uložte a zavřete jej.

Krok 17

Inteligentního objektu bude nyní aktualizován v původním souboru.


Blahopřejeme! Máte hotovo.

V tomto kurzu jsme vysvětlili několik metod, které můžete použít k vytvoření dlouhé Stínové efekty ve Photoshopu. První metoda ukázal, jak vytvořit pozadí stínu pomocí vrstvy tvarů a pak jsme vám ukázali, jak pomocí nástroje pero na nástroj vytvořit dlouhý stín u textu, poté jsme vám ukázali jak používat duplicitní a posunout technika, Konečně jsme vám ukázali jak používat Photoshop 3D nástroje rychle vytvořit efekt dlouhého stínu kresby. Doufám, že jste se něco naučili v tomto kurzu a můžete použít tyto tipy pomohou vytvořit své vlastní návrhy dlouhý stín.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.