Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Jak vytvořit realistický efekt nápisu z neonového světla v aplikaci Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Quick Tip: Create a 3D Retro Text Effect With The Appearance Panel
How to Create an 80s-Inspired Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

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:

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.

Place the Brick Texture

Krok 2

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

Levels

Krok 3

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

Levels Values

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.

Hue Saturation

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.

Create the Text

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ů.

Rasterize Type

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.

Select Horizontal Parts

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.

Separate Vertical and Horizontal Parts

Krok 5

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

Fill Value

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).

Duplicate and Group Layers

Krok 7

Umístěte Horizontal skupinu pod Vertical.

Group Order

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 %
Bevel and Emboss

Krok 2

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

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

Krok 3

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

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

Krok 4

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

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

Krok 5

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

  • Vzdálenost: 13
  • Velikost: 7
Drop Shadow

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

Styled Original Horizontal Layer

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 %
Bevel and Emboss

Krok 2

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

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

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

Styled First Copy Horizontal Layer

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 %
Bevel and Emboss

Krok 2

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

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

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
Inner Glow

Krok 4

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

  • Barva: #7f2d65
  • Velikost: 15
Outer Glow

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

Styled Second Copy Horizontal Layer

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.

Bevel and Emboss

Krok 2

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

Inner Glow

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

Modified Style for the Original Vertical Layer

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.

Bevel and Emboss

To je pro první kopii vrstvy.

Modified Style for the First Copy Vertical Layer

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.

Bevel and Emboss

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

Modified Style for the Second Copy Vertical Layer

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).

Add Background Glow

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.

Create the Cable Paths Using the Pen Tool

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í.

Separating the Paths

Krok 4

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

Finish Creating the Paths

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.

Brush Settings

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.

Stroke Path

Krok 7

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

Stroke Path Box

Krok 8

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

Stroked Path

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 %
Bevel and Emboss

Krok 2

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

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

Krok 3

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

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

Krok 4

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

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

To bude styl kabelu.

The Styled Cable

11. Vytvoření klipu

Krok 1

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

Create a Rectangle

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.

Add Anchor Points

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.

Move Anchor Points

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ý).

Duplicate and Rename Rectangle Layers

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.
Gradient Overlay

Krok 2

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

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

To bude styl vodorovného klipu.

Styled Horizontal Clip

Krok 3

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

Gradient Overlay

Krok 4

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

Duplicate and Place Clips

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.

Solid Color Adjustment Layer

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.

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.