Kreatywny Bazar

Świetlny logotyp-neonowy kawałek grafiki

Posługując się zwykłymi warstwami jesteśmy w stanie zaprojektować prosty logotyp. Zwykłe warstwy Photoshopa mogą posłużyć nam również do tego, aby ożywić - oświetlić - logotyp. Dzięki temu uzyskamy jaskrawy, prawie neonowy, kawałek grafiki.

Wybór rozmiaru
Wymiary nowego dokument to standardowe 1024×768px, czarne tło i 72ppi. Na nowej warstwie wprowadzamy tekst logotypu. Wielkość i rodzaj fontu wynika z potrzeb. W naszym przypadku będzie to DejaVu Sans Bold, 100pt.

Ustawienia gradientu
Kluczem do kolorowego wypełnienia jest gradient. Skorzystajmy z narzędzia Gradient i przejdźmy do edytora gradientu. Istotna jest zmiana typu gradientu na szum (Gradient Type: Noise). Model koloru jest już sprawą drugorzędną, aczkolwiek korzystając z LAB, o wiele łatwiej można zmodyfikować losowy wybór gradientu, ten zaś generujemy za pomocą przycisku Randomize. Szukamy odpowiedniego zestawu kolorów, modyfikujemy i zatwierdzamy.

Wypełnienie gradientowe
Zaznaczamy zawartość warstwy tekstowej, klikając na niej wraz z przytrzymanym klawiszem [Ctrl] i możemy wyłączyć widoczność tej warstwy. Tworzymy nową warstwę i przeciągamy linię gradientu w obszarze zaznaczenia. Jeśli linia gradientu będzie zaczynała się i kończyła w obrębie zaznaczenia to wtedy wypełnimy zaznaczenia całym spektrum gradientu. Rozciągając i przesuwając początek i koniec linii gradientu względem obszaru zaznaczenia, możemy decydować który odcinek spektrum zostanie wprowadzony do zaznaczenia. Zachowujemy zaznaczenie tekstu

Seria rozmyć
Mając aktywne zaznaczenie kopiujemy warstwę z wypełnieniem i rozmywamy filtrem gaussowskim o 2.5px. Usuwamy zaznaczenie [Ctrl] + [D]. Powielamy rozmytą warstwę 3-krotnie i począwszy od pierwszej kopii wprowadzamy coraz większe rozmycia. Pierwsza kopia warstwy to 5px, druga kopia warstwy to 10px, trzecia kopia warstwy to 35px. Przenosimy teraz pierwszą warstwę, na której zastosowaliśmy rozmycie 2.5px na szczyt stosu i zmieniamy jej tryb krycia na Screen i możemy ją ponownie rozmyć o 2.5px.

Smuga 1
Kopiujemy oryginalną warstwę z wypełnieniem i przenosimy na szczyt stosu. Stosujemy Filter>Noise>Median, wartość 14px. Następnie korzystamy z [Ctrl] + [T] i deformujemy warstwę. Następnie rozmywamy warstwę filtrem Motion Blur (Kąt: 50 stopni, wartość rozmycia ok. 45px). Zmieniamy tryb mieszania warstwy ze smugą na Color. Jeśli efekt jest zbyt intensywny to obniżamy wartość nieprzezroczystości.

Efekt neonu
Ten efekt uzyskamy po nałożeniu stylu warstwy Blask wewnętrzny i zewnętrzny. Nakładamy go na ostatnio skopiowaną warstwę z rozmyciem 2.5px (patrz krok 4). W przypadku blasku zewnętrznego i wewnętrznego posługujemy się tym samym trybem krycia, czyli Nakładka (Overlay). Kolor i inne parametry pozostawiamy bez zmian z wyjątkiem Nieprzezroczystości. W przypadku Blasku zewnętrznego będzie to 70%, zaś w przypadku Blasku wewnętrznego będzie to 50%.

Tło dla światła
Tło dla światła tworzymy tak samo, jak wypełnienie gradientowe logotypu (patrz krok 1-2). Aczkolwiek posługujemy się narzędziem Gradient na całej warstwie. Następnie korzystamy z filtra Filter>Pixelate>Color Halftone, wprowadzamy różne wartości dla poszczególnych kanałów i zatwierdzamy.

Wtopienie warstwy tła
Warstwę z tłem, którą utworzyliśmy w poprzednim kroku, umieszczamy bezpośrednio pod pierwszą warstwą odpowiedzialną za logotyp. Następnie narzędziem Zaznaczenie eliptyczne obejmujemy obszar tekstu, jak i smugę i maskujemy całą zawartość tła poza zaznaczeniem. Mając aktywną maskę warstwy rozmywamy jej krawędzie za pomocą filtra gaussowskiego i zmieniamy tryb mieszania całej warstwy na Multiply.

Dodatkowy tekst
Poniżej logotypu możemy z powodzeniem dodać jeszcze jeden wers, w tym przypadku dopełnienie profilu firmy - „profesjonalna architektura światła”. Użyjemy tego samego fontu, aczkolwiek warto wykorzystać mniejszy stopień pisma, zaś szerokość wersu zwiększyć dzięki parametrowi Tracking. Także przechodzimy do panelu Character i wprowadzamy wartość 280. Warto dodać trochę blasku zewnętrznego, aczkolwiek zmieniamy kolor na biały i zmniejszamy wielkość blasku.

Smuga
Smugę wykonamy w oparciu o wszystkie warstwy, które odpowiadają za świecący napis. Także ukrywamy warstwy budujące tło, warstwy tekstowe, etc. Pozostają tylko warstwy z rozmyciem logotypu. Korzystamy z kombinacji [Ctrl] + [Shift] + [Alt] + [E]. Tym samym utworzymy nową spłaszczoną warstwę w oparciu o te warstwy, które były widoczne. Następnie rozmywamy ją filtrem Motion Blur (Kąt: 90 stopni, wartość rozmycia to ok 100) i zmieniamy tryb mieszania na Screen oraz obniżamy Nieprzezroczystość do ok 40%.

Linie
Dodajemy jeszcze drobne detale w postaci linii. Wykorzystujemy do tego celu narzędzie Linia i kreślimy dwie długie o szerokości 2px. Jedną na dole drugą powyżej logotypu. Następnie kopiujemy warstwę i rozmywamy ją nieznacznie filtrem gaussowskim (5px). Łączymy obydwie warstwy i obniżamy krycie do ok. 50%, a następnie zmieniamy tryb mieszania na Overlay. Pozostaje nam jeszcze odpowiednio wykadrować pracę i skończone.

Autor: Krzysztof Kopciowski