Zvýrazněné efekty záře a lesku mohou pomoci vytvořit pěkné, lesklé předměty. Tento kurz vám ukáže, jak změnit cihlové textury na pozadí a pak použití stylů vrstev s nástrojem pero k přidání nějakého textu, jasný neonový text a jednoduchý kabel nad ním. Pojďme začít!

Výukové zdroje

Následující zdroje byly použity při výrobě tohoto kurzu:

• Beon Medium font
• BrickOldRounded0061 obrázek 2 - velký (2000 x 2328)
• Light Grunge Seamless Patterns Vol. 2 od webdesignerlab

1. Vytvoření pozadí

Krok 1

Vytvořte nový dokument, 1500 x 950 px a nastavte rozlišení na 300.

Přejděte na Soubor > Umístit jako inteligentní objekt a otevřete obraz BrickOldRounded0061. Změňte velikost podle potřeby a pak klepněte na klávesu ENTER pro přijmutí změny.

Krok 2

Klepněte na Vytvořit novou výplň nebo ikonu vrstvy úprav ve spodní části panelu Vrstvy a zvolte Úrovně.

Krok 3

Klepněte na Úprava klipu na ikonu vrstvy v dolní části panelu Vlastnosti a poté změňte hodnotu Stíny na 85.

Krok 4

Znovu klepněte na tlačítko Vytvořit novou výplň nebo ikonu vrstvy úprav a zvolte Odstín/Sytost. Klepněte na tlačítko Úprava klipu na ikonu vrstvy v dolní části panelu Vlastnosti a změňte Sytost na 11 a Světlost na -83.

2. Vytvoření textu

Krok 1

Vytvořte text v kapitálkách pomocí písma Beon Medium. Barva je #a33e88 a Velikost je 103 pt.

Krok 2

Duplikujte vrstvu textu a zneviditelněte ji klepnutím na ikonu oka vedle ní. Potom klepněte pravým tlačítkem myši na kopírovat a vyberte volbu Rastrovat text.

Co uděláme dál je že oddělíme vertikální a diagonální části písmen od horizontálních, chcete-li aplikovat efekty použitím různých hodnot úhelů.

Krok 3

Vyberte nástroj Obdélníkový výběr (nebo libovolným nástrojem pro výběr který máte rádi), klepněte ikonu Přidat do výběru v pruhu Voleb a vyberte všechny vodorovné části písmen které máte.

Krok 4

Přejděte na Úpravy > Vyjmout a pak Úpravy > Vložit speciální > Vložit na místo. To umístí vybrané části v oddělené vrstvě. Přejmenování vrstvy na Vertical a Horizontal.

Krok 5

Změňte obě jak Vertical a Horizontal vrstvu Výplň na hodnotu 0.

Krok 6

Duplikujte každou z Vertical a Horizontal vrstev dvakrát a pak umístěte každou sadu vrstev do skupiny, která má svůj název (Vertical/Horizontal).

Krok 7

Umístěte Horizontal skupinu pod Vertical.

3. Stylizování původní Horizontal vrstvy

Poklepejte dvojklikem na původní Horizontal vrstvu pro použití následujícího stylu vrstvy:

Krok 1

Přidejte Úkos a reliéf s tímto nastavením:

• Velikost: 10
• Zrušte zaškrtnutí políčka Použít globální světlo
• Úhel: 0
• Reliéf: 70
• Zaškrtněte políčko Vyhlazení
• Režim zvýraznění: Lineární světlo
• Mód stín - Opacity: 0 %

Krok 2

Přidáte Obrys s tímto nastavením:

• Zaškrtněte políčko Vyhlazení.

Krok 3

Přidejte Vnitřní stín s tímto nastavením:

• Režim prolnutí: Screen
• Barva: #e658d4
• Úhel: 30
• Vzdálenost: 0

Krok 4

Přidejte Vnitřní záře s tímto nastavením:

• Krytí: 85 %
• Barva: #fe66f1
• Zdroj: Střed
• Velikost: 18

Krok 5

Přidejte Vržený stín s tímto nastavením:

• Vzdálenost: 13
• Velikost: 7

To bude styl první vrstvy vodorovné části.

4. Styl první kopie horizontální vrstvy

Poklepejte na první kopie Horizontal vrstvy pro použítí následujícího stylu vrstvy:

Krok 1

Přidejte Úkos a reliéf s tímto nastavením:

• Velikost: 16
• Zrušte zaškrtnutí políčka Použít globální světlo
• Úhel: -36
• Výška: 42
• Kontura: Cove - Do hloubky
• Zaškrtněte políčko Vyhlazení
• Režim zvýraznění: Jasné světlo
• Mód stín - Opacity: 0 %

Krok 2

Přidáme Obrys s tímto nastavením:

• Kontura: Kužel - Obrácený
• Zaškrtněte políčko Vyhlazení

To přidá více lesku do textu.

5. Styl druhé kopie Horizontal vrstvy

Poklepejte na druhou kopii Horizontal vrstvy a použijte následující styl vrstvy:

Krok 1

Přidejte Úkos a reliéf s tímto nastavením:

• Velikost: 16
• Zrušte zaškrtnutí políčka Použít globální světlo
• Úhel: 18
• Výška: 58
• Kontura: Polokulovité
• Zaškrtněte políčko Vyhlazení
• Režim zvýraznění: Jasné světlo
• Mód stín - Opacity: 0 %

Krok 2

Přidejte Obrys s tímto nastavením:

• Kontura:: Pila 2
• Zaškrtněte políčko Vyhlazení

Krok 3

Přidejte Vnitřní záře s tímto nastavením:

• Režim prolnutí: Lineární světlo
• Šum: 5 %
• Barva: #ffdcfa
• Zdroj: Centrum
• Velikost: 38

Krok 4

Přidejte Vnější záře s tímto nastavením:

• Barva: #7f2d65
• Velikost: 15

Tento styl bude konečné vodorovné vrstvy, přidáním ještě více lesku a záře.

6. Provedení původní Vertical vrstvy

Krok 1

Klepněte pravým tlačítkem na původní Horizontal vrstvy, zvolte Kopírovat styl vrstvy a pak klepněte pravým tlačítkem myši původní Vertical vrstvy a zvolte Vložit styl vrstvy.

Poklepejte na původní Vertical vrstvy upravte Úkos a reliéf a Úhel s Výškou hodnoty, změnou na 90 a 74.

Krok 2

Pro Vnitřní záře stačí změňte Velikost na 15.

To upraví efekt podle části vertikální a diagonální.

7. Styl první kopie Vertical vrstvy

Zkopírujte a vložte z první kopie Horizontal vrstvy styl vrstvy na první kopie Vertical vrstvy a potom poklepejte na Vertical kopii vrstvy pro změnu Úkos a reliéf efektu na Úhel -76 a jeho Výšku 53.

To je pro první kopii vrstvy.

8. Styl druhé vrstvy Vertical

Zkopírujte a vložte z druhé kopie Horizontal vrstvy styl vrstvy do druhé kopie Vertical vrstvy a potom poklepejte na Vertical kopie 2 vrstvy pro změnu Úkos a reliéf efektu jako je Úhel na -82 a jeho Výška na 53.

Tím končí, stylování pro obě části textu.

9. Přidání další záře a vytvoření kabelu

Krok 1

Vytvořte novou vrstvu pod původní vrstvou textu, Nazvěme to Background Lighta a změňte jeho Režim prolnutí na Lineární světlo.

Nastavte barvu Popředí na #98338b, vyberte nástroj Štětec a vyberte si velmi velký, měkký, kulatými destičkami. Jedním klepnutím přidejte skvrny barvy za pozadí textu (ne kliknutí a tažení, jen tečka barvy).

Krok 2

Vytvoříme další novou vrstvu pod vrstvou Background Light a nazvěme to Cable. Vyberte nástroj Pero a vyberte možnost Cesty v pruhu voleb.

Co budete muset udělat jako další je vytvořit cestu kudy chcete vést kabel. Můžete po kliknutí přidat rohové kotevní body a klepněte na bod a tažením vytvoříte křivku. Mějte na paměti, že vytvořená cesta nemusí být dokonalá, nástrojem pro Přímý výběr můžete vybrat bod kdykoli později ke změně kotevních bodů nebo směrovými manipulátory.

Krok 3

Chcete-li oddělit cesty, stiskněte a podržte klávesu Command a klepněte mimo cestu a je hotovo tak, že to nebude připojeno k cestě, kterou vytvoříte po ní.

Krok 4

Udělejte si čas s tímto krokem a získáte čistý výsledek.

Krok 5

Vyberte nástroj Štětec a pak otevřete panel Stopy (Okna > Stopy) a vyberte si tvrdou stopu 7 px tip s Mezery nastavenou na 1.

Krok 6

Nastavte Barvu popředí na #252525, vyberte nástroj pro Přímý výběr, klepněte pravým tlačítkem myši na cestu a zvolte příkaz Vytáhnout cestu.

Krok 7

Zvolte Štětec v rozevírací nabídce Nástroje a zrušte zaškrtnutí políčka Simulovat přítlak.

Krok 8

To vytáhne cestu. Stiskněte Return klíč pro odznačení pracovní cesty.

10. Styl kabelu

Poklepejte na vrstvu Cable pro použití následujícího stylu vrstvy:

Krok 1

Přidejte Úkos a reliéf s tímto nastavením:

• Zaškrtněte políčko Vyhlazení
• Režim zvýraznění: Jasné světlo
• Barva: #ec6ab7
• Krytí: 24 %

Krok 2

Přidejte Obrys s tímto nastavením:

• Zaškrtněte políčko Vyhlazení.

Krok 3

Přidejte Překrytí vzorkem s tímto nastavením:

• Režim prolnutí: Násobení
• Vzor: 8

Krok 4

Přidejte Vržený stín s tímto nastavením:

• Krytí: 60 %
• Vzdálenost: 13
• Velikost: 10

To bude styl kabelu.

11. Vytvoření klipu

Krok 1

Vyberte nástroj Obdélník a vytvořit obdélník 11 x 15 px.

Krok 2

Vyberte nástroj Přidat kotevní bod a poklepejte pro přidání dvou bodů do prostředku obou svislých stran obdélníku.

Krok 3

Vyberte nástroj pro Přímý výběr, klepněte na tlačítko a tažením vyberte středové body, které jste přidali a stiskněte klávesu šipka vlevo jednou přesunout 1 px nalevo.

Krok 4

Duplikujte vrstvu Rectangle a poté přejděte do části Upravit > Transformovat > Otočit o 90° doprava. Přejmenování vrstvy obdélník H (pro horizontální) a V (pro svislý).

12. Styl klipu

Poklepejte na vrstvu H pro použítí následujícího stylu vrstvy:

Krok 1

Přidejte Překrytí přechodem s tímto nastavením:

• Krytí: 42 %
• Klepněte na pole Přechod a vytvořte přechod pomocí barev #151515 doleva, #6d6d6d v centru a #161616 doprava.

Krok 2

Přidejte Vržený stín s tímto nastavením:

• Krytí: 60 %
• Vzdálenost: 13
• Velikost: 10

To bude styl vodorovného klipu.

Krok 3

Kopírujte a vložte styl vrstvy H do vrstvy V a potom poklepejte na vrstvu V změnit Překrýt přechodem na Úhel s hodnotou 0.

Krok 4

Dále duplikujte a umístěte klip vrstvu, všude, kde chcete přidat klipy od kabelu, který jste vytvořili.

13. Přidání ještě jedné vrstvu barvy

Klepněte na tlačítko Vytvořit novou výplň nebo ikonu vrstvy úprav a zvolte Plnou barvu. Použít barvu #a34799, umístěte vrstvy úprav pod vrstvou Cable a změnit její Režim prolnutí na Jasné světlo. To bude aplikovat barvu na cihly za textem a posílí záři a osvětlení konečného výsledku.

Blahopřejeme!  Máte hotovo

V tomto kurzu jsme upravily texturu pozadí s cihlou a ještě jsme ji trochu ztmavili. Pak jsme vytvořili text, rastrovaly jsme vrstvu a oddělili vodorovnou částí od těch vertikální a diagonálních.

Poté jsme duplikovaly a seskupovaly oddělené vrstvy textu a přidaly jsme styl všem z nich k dosažení efektu zářící a lesklý.

Jakmile byl hlavní text vytvořen se stylem, tak jsme si nějaké další světlo přidaly do pozadí s použitím nástroje pero k vytvoření cesty kabelu. Nakreslily jsme cestu stylizované do 3D vzhledu.

Nakonec jsme použili nástroj Obdélník k vytvoření nějakého klipu pro kabel, upraven a nakonec stylizován, a přidali jsme jednu poslední Vrstvu úprav ke zvýšení zbarvení konečného výsledku.

Prosím, neváhejte a zanechat své připomínky, návrhy a výsledky níže.