Komiksowe KABOOM! Efekt rastra w Photoshopie

Jak najlepiej przyswajać funkcjonalności tak rozbudowanego narzędzia, jakim jest Photoshop? Jedną z metod jest osiągnięcie istniejącego już efektu od zera przy użyciu dostępnych środków.
Tak zgłębiłam tajniki rastra, który od zawsze kojarzył mi się z komiksowymi napisami „Kaboom”!

Drogą prób i błędów postanowiłam uzyskać taki efekt w Photoshopie. W dzisiejszym tutorialu wyjaśnię krok po kroku, jak uzyskać efekt komiksowego „KABOOM!” z użyciem rastra (halftone).

Do czego dążymy:

Krok 1

Tworzymy nowy dokument w Photoshopie i nadajemy mu następujące parametry:
Nazwa (Name): dowolna, swój dokument nazwałam „kaboom”.
Szerokość (Width): 1000px.
Wysokość (Height): 800px.
Rozdzielczość (Resolution): 300ppi.
Tryb kolorów (Color Mode): RGB.
Reszta ustawień może pozostać domyślna.

Krok 2

Klikamy w przycisk Nowej warstwy wypełnienia (Create new fill or adjustment layer), który znajduje się u dołu panelu warstw (Layer) i z rozwijanego menu wybieramy Kolor kryjący (Solid color). W oknie dialogowym wyboru koloru (Color Picker) ustawiamy kolor o wartości #f43f3f.

Krok 3

Wybieramy narzędzie Tekst horyzontalny (Horizontal Type Tool), ustawiamy font na Impact, 180px, wyśrodkowany, kolor nie ma znaczenia, ale możemy ustawić biały, żeby na tym etapie był dobrze widoczny na czerwonym tle. Wpisujemy nasz tekst – u mnie „KABOOM!”.

Krok 4

Kolor tekstu tak naprawdę nie miał znaczenia, ponieważ w tym kroku nadamy mu gradient. To ten gradient odegra sporą rolę w zbudowaniu całego dzisiejszego efektu, zarówno kolory składowe, jak i płynność przejścia pomiędzy nimi nada odpowiedni charakter dla rastra, który stworzymy w późniejszym etapie. Zachęcam do eksperymentowania, ja tymczasem przedstawię Wam parametry, których użyłam tym razem.
Klikamy dwukrotnie w warstwę tekstu i w oknie Stylu warstwy (Layer Style) ustawiamy nałożenie gradientu (Gradient Overlay):

Kiedy ustawimy już odpowiedni gradient zamieńmy warstwę z tekstem na obiekt inteligentny (Smart Object) – klikamy prawym przyciskiem myszy na warstwie z tekstem i z rozwijanego menu wybieramy opcję Konwertuj na obiekt inteligentny (Convert to Smart Object). Dzięki temu w przyszłości będziemy mogli edytować tekst, a edycja ta obejmie wszystkie efekty, które nadamy za chwilę – wszystko stanie się jasne z ostatnim krokiem tego tutoriala.

Krok 5

Klikamy dwukrotnie w przekonwertowany właśnie obiekt inteligentny i nadajemy mu poniższe style (Layer Style):
– Obrys (Stroke)

– Cień zewnętrzny (Drop Shadow)

Aktualnie nasz tekst powinien wyglądać mniej więcej tak:

Krok 6

Przyszedł czas na najważniejszy krok, czyli ustawienie rastra. W tym celu duplikujemy warstwę z obiektem inteligentnym zawierającym test „KABOOM!”. Klikamy prawym przyciskiem myszy i pozbywamy się wszystkich stylów wybierając polecenie Wyczyść styl warstwy (Clear Layer Style). W menu głównym wybieramy opcję Filtr>Pikselowanie>Raster kolorowy (Filter>Pixelate>Color Halftone).

Ustawiamy poniższe parametry:

Na tym etapie również zachęcam do eksperymentów – im mniejsza wielkość promienia tym raster będzie drobniejszy, jednakowe wartości dla poszczególnych kanałów sprawią, że nie będzie między nimi przesunięć i uzyskamy jednolite kropki, natomiast wielkość wartości dla kanałów wpływa na kąt nachylenia rastra.

Krok 7

Najważniejsze elementy już ustawione, kolej na odrobinę dekoracji. Wybieramy narzędzie Kształt własny (Custom Shape Tool) i z rozwijanego panelu wybieramy domyślny kształt o nazwie „Talk 3”.

Wybraną chmurkę ustawiamy pod warstwami tekstu w sposób przypominający ten z poniższego obrazka:

Kopiujemy styl warstwy z kroku 5 i wklejamy go na warstwie z chmurką.

Krok 8

Teraz wyjaśnienie całej zabawy z konwersją tekstu na obiekt inteligentny. Powiedzmy, że chciałabym nadać mojemu „KABOOM!” więcej ekspresji, w tym celu klikam dwukrotnie na miniaturce dowolnej warstwy zawierającej wspomniany tekst, otwierając w ten sposób zawartość obiektu inteligentnego.

Przy pomocy narzędzia Zniekształcenie tekstu (Create Warped Text) wypaczam odrobinę swój tekst:

Dopasowuję wielkość dokumentu do wielkości zmienionego tekstu używając narzędzia kadrowania (Crop Tool)…

… i zatwierdzam zmiany.

Przenosząc się automatycznie do głównego dokumentu mogę zaobserwować, że zmiany, których dokonałam wpłynęły zarówno na warstwę z obrysowanym i rzucającym cień tekstem, jak i na warstwę z rastrem.

W ten sposób mogę dowolnie modyfikować zawartość obiektu inteligentnego nie przejmując się, czy końcowy efekt dozna uszczerbku.

Tak oto chcę zachęcić Was do eksperymentowania z rastrem i obiektami inteligentnymi w Photoshopie. Wszelkie komentarze mile widziane.