poziom trudności: 5 180 min Photoshop CS 16 lipiec/sierpień 2007 www.psdmag.org
komiksowym szlakiem czyli jak pokolorować ołówkowy szkic Jako dziecko uwielbiałem czytać komiksy. To co mnie w nich fascynowało to bogactwo barw. Fascynacja ta przetrwała do dziś, jednak nie wystarczyło mi już bycie tylko biernym obserwatorem. Sam postanowiłem spróbować swoich sił jako kolorysta. Poniższy poradnik pozwoli poczynić wam pierwsze kroki w kolorowaniu szkiców oraz będzie niejako wstępem do zagadnienia, jakim jest światłocień. Będzie to przydatną umiejętnością w przyszłości. 01 przygotowanie szkicu Pierwszym krokiem w kolorowaniu będzie przygotowanie szkicu. Ma to bardzo duże znaczenie w dalszym etapie prac i od tego będzie zależał efekt końcowy. Do tego ćwiczenia posłużyłem się pracą Randy ego Kintz a (dostępna na jego stronie http://rantz.deviantart.com/gallery). Niestety, szkic wyjściowy wymaga trochę pracy zanim zaczniemy nakładać kolory.w zależności od tego, jaką pracą dysponujemy, operacje na warstwach mogą się różnić od tych, których użyjemy w tym szkicu. 03 dobór koloru Dobranie odpowiedniej kolorystyki jest kluczowym elementem, nie należy jednak przesadzać z paletą barw, gdyż co za dużo, to niezdrowo. Dobrze jest już na początku wybrać odpowiednie kolory. W tym poradniku użyte zostały następujące barwy dla kobiety: skóra (jasny odcień): #FFC49A, skóra (ciemny odcień): #AE7E5B, włosy: #C1323C, top/bluzka: #716738, spodnie: #633617, buty: #9B7F6B 02 wzmocnienie konturu Powiększamy pracę o 50% (Image>Image size), gdyż pierwotny rozmiar jest trochę za mały. Operacja ta wpłynęła na jakość obrazka, dlatego musimy poprawić linie. Do tego celu używamy narzędzia Pen Tool, (operację tą wykonujemy na nowej warstwie (Layer>New>Layer). Z ustawieniami takimi jak na obrazku, dokładnie obrysowujemy postać i te elementy, które ułatwią nam późniejszą pracę. Następnie klikamy prawym przyciskiem myszy na naszą ścieżkę i wybieramy Stroke Path (wchodzimy w Window>Brushes, zmieniamy rozmiar pędzelka na 1px). Ukrywamy ścieżkę (View >Show >Target path). 0 4 nakładanie koloru Zmniejszamy Opacity warstwy ze szkicem o około 50% (warstwa z konturem pozostaje bez zmian). Pozwoli nam to skupić się na kolorach. Na nowej warstwie (Layer>New>Layer) z Blending mode ustawionym na Multiply nakładamy kolor przy użyciu narzędzia Brush Tool starając się nie wychodzić poza krawędzie obrysu. Jeśli już nam się to zdarzy, zbędny kolor usuwamy narzędziem Eraser Tool. Tworzymy na nowej warstwie paletę kolorów podstawowych z której będziemy korzystać podczas kolorowania poszczególnych elementów. Dobrze jest także każdy element umieszczać na oddzielnej warstwie, żeby uniknąć mieszania się kolorów. www.psdmag.org lipiec/sierpień 2007 17
05 cieniowanie skóry etap pierwszy Tworzymy nową warstwę (Layer>New>Layer) z atrybutem Multiply i przy użyciu narzędzia Brush Tool nakładamy ciemniejszy odcień naszych bazowych kolorów w miejscach, na które będzie padał cień. Często jednak nakładanie koloru bazowego na nowej warstwie Multiply powoduje, że jest on zbyt mocny, dlatego na tym etapie prac wskazane będzie zmniejszanie wartości Opacity poszczególnych warstw, żeby cienie nie były zbyt intensywne. Samo nałożenie kolorów jest połową sukcesu, teraz cienie należy wygładzić przy pomocy narzędzia Smudge Tool. Patrz wskazówka. 0 8 cieniowanie włosów etap drugi Na rysunku umieściłem strzałki pomocnicze, które wskazują ruch pociągnięć smug zarówno dla koloru ciemnego, jak i jasnego. Należy przy tym pamiętać, że rozmywanie wykonuje się od nasady włosów po końcówki, nigdy na odwrót. Często trudno jest uzyskać odpowiednio gładkie łuki, dlatego czynność rozmywania koloru należy powtórzyć. 0 6 cieniowanie skóry etap drugi Teraz należy nasz obrazek wzmocnić efektami światła. Posłuży nam do tego narzędzie Brush Tool, którym będziemy rozprowadzali kolor biały w miejscach, na które pada światło. Tworzymy nową warstwę z atrybutem Color Dodge i nakładamy kolor. Kolejnym krokiem będzie zmniejszenie wartości Fill, co znacznie ułatwi nam wygładzanie koloru. Przy użyciu Smudge Tool rozprowadzamy kolor uzyskując łagodne przejścia. Jeśli efekt jest mało zadowalający czynność powtarzamy na kolejno tworzonych warstwach. 09 cieniowanie topu Obieramy obszary zaciemnione i na nowej warstwie (Blending mode: Multiply) nakładamy kolor bazowy bluzki i rozmywamy narzędziem Smudge. W przypadku światła sytuacja jest podobna, z tą różnicą, że warstwa jest z atrybutem Color Dodge, a nakładany kolor jest biały. Należy użyć pędzelka większych rozmiarów, żeby uzyskać efekt kulistości stanika jednym kliknięciem myszki. Ostatnim etapem jest padające światło od spodu, które uzyskujemy poprzez delikatny kolor biały, dlatego oświetlenie tego obszaru uzyskane zostało przez użycie warstwy z ustawionym Blending mode na Normal. 07 cieniowanie włosów etap pierwszy W przypadku cieniowania włosów narzędziem Smudge (size 9, Hardness: 0) wartość Strength powinna wynosić około 75%, czyli mniej więcej tyle, aby jednym pociągnięciem pozostawić po sobie długą smugę koloru imitującą kosmyki włosów. Z ustawieniami narzędzia Smudge jak powyżej cieniowany kolor powinien się tak właśnie rozmywać. Nakładamy na nowej warstwie (Blend mode: Overlay, Opacity: 79%, Fill: 100%) narzędziem Paint Brush kolor biały w poprzek włosów, wybieramy Smudge Tool i rozmywamy w kierunku pionowym. Jeśli połysk jest zbyt intensywny wówczas można zmniejszyć wartość Opacity. 10 cieniowanie spodni W przypadku spodni ważne jest, aby uzyskać efekt zagięć na materiale. Zaczynamy od nakładania cieni. Na nowej warstwie (Blending Mode: Multiply) kolorem bazowym spodni (#633617) rozprowadzamy zaciemnienia. Rozmywamy je przy pomocy Smudge Tool w kierunku, który wskazują strzałki. Zmniejszamy Opacity warstwy jeśli cienie są zbyt intensywne.tworzymy nową warstwę (Blending mode: Color Dodge) i postępujemy analogicznie jak w przypadku nakładania cieni, z tą różnicą, że kolorem bazowym będzie biały. 18 lipiec/sierpień 2007 www.psdmag.org
komiksowym szlakiem czyli jak pokolorować ołówkowy szkic 11 spodnie detale, etap pierwszy Na nowej warstwie, używając Pen Tool rysujemy linię o kolorze jasnego brązu (#F2C79C). W Window>Brushes wybieramy rozmiar pędzelka równy 3px. Klikamy prawym przyciskiem myszy na ścieżkę i wybieramy Stroke Path, a następnie Delete Path. Wybieramy Polygonal Lasso Tool (Feather: 0 px, Anti-alias: on) i przy wciśniętym klawiszu [Shift] zaznaczamy obszary, które chcemy usunąć (staramy się uzyskać równe odstępy). Gdy już mamy zaznaczone obszary wciskamy klawisz [Delete], a następnie prawym przyciskiem myszy Delete path. 14 podeszwa etap drugi Tworzymy nową warstwę (Blending mode: Multiply, Opacity: 100%, Fill: 100%). Obrysowujemy podeszwę narzędziem Polygonal Lasso Tool. Wypełniamy zaznaczenie narzędziem Gradient Tool (kolor #A08673 wchodzący w przezroczystość) w taki sposób, aby kolor brązowy zanikał z dołu do góry. 12 spodnie detale, etap drugi Teraz nie pozostaje już nic innego jak przy pomocy świateł i cieni uzyskać efekt wypukłości w miejscach, gdzie sznurek jest schowany. Postępujemy tak samo jak w przypadku cieniowania innych elementów. Należy wzmocnić miejsca, w których sznurek chowa się pod materiał. Tworzymy nową warstwę, (Blending mode: Luminosity), na której kolorem czarnym zaznaczamy obszary, w których sznurek pojawia się i chowa w materiał. Korzystamy ze Smudge Tool do rozmycia obszarów. Jeśli cień jest zbyt intensywny wówczas zmniejszamy Opacity warstwy. 15 podeszwa etap trzeci Tworzymy nową warstwę (Blending mode: Multiply) i kolorem butów (#9B7F6B) nakładamy kolejną warstwę cienia. Rozmywamy narzędziem Smudge. Na nowej warstwie (Blending mode: Multiply) nakładamy kolorem bazowym drobne zaciemnienia między ząbkami podeszwy i pęknięcia na podeszwie. Dodajemy padające światło na ząbkach i w dolnej części podeszwy oraz poprawiamy pęknięcia kolorem białym. Uzyskamy to tworząc warstwę z Blending mode: Luminosity i malując elementy białym kolorem (możemy to zrobić zarówno Brush Tool em, jak i Line Tool em) rozmywać używając Smudge. 13 podeszwa etap pierwszy W tym etapie skupimy się tylko na kolorowaniu podeszwy. Pierwszym krokiem będzie jej ubrudzenie. Przechodzimy do warstwy z bazowym kolorem buta. Wybieramy Burn Tool o rozmiarze 1 px i brudzimy podeszwę wykonując pociągnięcia w różnych kierunkach.na nowej warstwie (Blending mode: Luminosity, Opacity: 37% Fill: 100%) nakładamy teksturę dla podeszwy. Wyostrzamy dla uzyskania lepszej wyrazistości (Filter>Sharpen>Sharpen). podkład Tworzymy nową warstwę o nazwie podkład. Przechodzimy do View> Show>Target path. Dzięki temu pojawi się nasza ukryta wcześniej ścieżka. Klikając prawym przyciskiem myszy wybieramy Fill Path (musimy upewnić się, że ścieżka zostanie wypełniona kolorem białym). Przesuwamy warstwę na sam dół. Usuwamy ścieżkę (klikamy prawym przyciskiem myszy na ścieżkę i wybieramy Delete path). 16 www.psdmag.org lipiec/sierpień 2007 19
17 niebo etap pierwszy Przy użyciu Polygonal Lasso Tool zaznaczamy obszar, który będzie niebem (nie ma potrzeby precyzyjnie zaznaczać, gdyż fragmenty wychodzące poza krawędzie będą przykryte innymi warstwami). Następnie na nowej warstwie nakładamy trójkolorowy linear gradient (kolor 1 górny: #699ACB, kolor 2 środkowy: #78D7FA, kolor 3 dolny: #D2F2FE) wewnątrz naszego zaznaczenia przeciągając wskaźnik z góry do dołu. Musimy upewnić się, że warstwa z niebem znajduje się pod warstwą podkład. 20 liście I Tworzymy nową warstwę (przesuwamy ją nad warstwami z niebem) i przy użyciu Polygonal Lasso Tool obrysowujemy liście ze szkicu (warstwa ze szkicem jest włączona, nie może być przysłonięta przez gradient nieba). Wypełniamy zaznaczenie narzędziem Paint Bucket Tool używając ciemnego koloru zielonego (#1F230F). Usuwamy zaznaczenie wybierając Deselect. 18 niebo etap drugi Kiedy tło bazowe mamy już zrobione, należałoby dodać kilka chmur. W tym celu na nowo stworzonej warstwie (Blending mode: Luminosity, Opacity: 82%) nakładamy teksturę zachmurzonego nieba. Aby to zrobić możemy pobrać jakieś darmowe zdjęcie. W przypadku tego poradnika zdjęcie zostało znacznie zmniejszone (Image>Image size, 50%) i wyostrzone (Filter>Sharpen>Sharpen). Przy użyciu Brush Tool (kolor biały) i narzędzia Smudge można dodać chmury w miejsca gdzie ich brakuje. Najpierw malujemy Brush Toolem, a następnie rozmywamy w taki sposób, aby obiekty te przypominały chmury. 21 liście II Włączamy warstwy z niebem. Na nowej warstwie w kilku miejscach, gdzie liście graniczą z niebem, używamy Brush Tool (kolor biały), który następnie rozmywamy narzędziem Smudge Tool. Zmniejszamy Opacity warstwy, jeśli światło jest zbyt mocne. 1 9 niebo etap trzeci Teraz dodajemy jasną poświatę w dolnej części nieba i ciemniejszą w górnej. Wybieramy Eliptical Marquee Tool. W zależności od tego, jak duże rozmycie chcemy uzyskać, wartość Feather będzie odpowiednio wyższa (około 30-40 px). W celu uzyskania jasnej poświaty tworzymy nową warstwę (Blending mode: Overlay, Opacity: 68%, Fill: 100%), w dolnej części robimy zaznaczenie i wypełniamy je kolorem białym. Analogicznie postępujemy dla zaciemnienia w górnej części nieba tworząc nową warstwę (Blending mode: Color Burn, Opacity: 100%, Fill: 28%) i wypełniając zaznaczenie kolorem czarnym. 2 2 usuwanie konturu W tej chwili nasza postać wciąż wygląda komiksowo. Odbiega to od reszty elementów skał i kamiennego pierścienia. Usunięcie konturu całkiem popsuje obrazek, dlatego musimy nadać mu kolor taki, by był integralną częścią ilustracji. Przechodzimy do warstwy z konturem. W zakładce Layers wybieramy Lock transparent pixels. Przy pomocy Brush Tool malujemy kontur w takich barwach i tonacjach, aby był niewidoczny. 20 lipiec/sierpień 2007 www.psdmag.org
komiksowym szlakiem czyli jak pokolorować ołówkowy szkic 23 skały etap pierwszy Przy użyciu Polygonal Lasso Tool obrysowujemy skały. Żeby praca przebiegała sprawniej dobrze jest ustawić warstwę ze szkicem na wierzch, aby widzieć kontury skał. Na nowej warstwie zaznaczenie wypełniamy kolorem (#ECC797). Wybieramy Burn Tool o rozmiarze 2px i wykonujemy zabrudzenia na warstwie z kolorem. Istotne jest, aby wykonywane ruchy były pionowe, nie poziome. 26 skały etap czwarty Obrysowujemy narzędziem Polygonal Lasso Tool dwie skały na pierwszym planie. Na nowej warstwie wypełniamy je (każdą z osobna) narzędziem Gradient Tool o kolorze białym przechodzącym w przezroczystość, a następnie zmniejszamy Opacity warstwy na 28%. Niewielkim rozmiarem narzędzia Brush Tool dodajemy kolejne białe detale na skałach 24 skały etap drugi Duplikujemy warstwę z kolorem klikając na nią prawym przyciskiem myszy wybierając Duplicate Layer (Blending mode: Multiply, Opacity: 100%). Czynność powtarzamy, zmniejszamy Opacity warstwy na 21%. Na nowej warstwie kolorem w różnych odcieniach szarości nadajemy cienie podstawowe. Zmieniamy teraz tryby mieszania warstwy (Blending mode: Overlay, Opacity:54%). Tworzymy nową warstwę (Blending mode: Color, Opacity:23%) i nakładamy teksturę. 27 skały etap piąty Teraz już tylko trzeba dodać trochę detali koloru ciemnego, żeby skontrastować urwisko. Na warstwie z Blending mode: Multiply korzystając z niewielkich rozmiarów Brush Tool (1-2px) dorysowujemy szczegóły kolorem brązowym (#A98150) w szczelinach i na przeciwnych elementach skalnych w stosunku do tych rozjaśnionych. Jeśli efekt jest zbyt intensywny, możemy zmniejszyć Opacity warstwy. W dolnej części skał można użyć narzędzia Gradient Tool (kolor przechodzący w przezroczystość) zaznaczając obszar, który chcemy zaciemnić. Zmieniamy Opacity warstwy na 70% i Blending mode na Multiply. 25 skały etap trzeci Tworzymy nową warstwę. Przy pomocy Polygonal Lasso Tool zaznaczamy fragmenty, które będą naświetlone. Następnie wybieramy Gradient Tool, którym wypełniamy każde zaznaczenie z osobna kolorem białym przechodzącym w przezroczystość. Zmieniamy Opacity warstwy na 25%. Na nowej warstwie przy pomocy Brush Tool (kolor biały) dodajemy kolejne detale świetlne. Ważne jest, aby używać pędzelka o niewielkim rozmiarze (1px -3px) i rozmywać narzędziem Smudge. 28 kamień etap pierwszy Tworzymy nową warstwę (Opacity: 69%). Przy użyciu Polygonal Lasso Tool obrysowujemy skalny pierścień. Wypełniamy go kolorem szarym (#D2D2D2). Możemy dodatkowo lekko ubrudzić nasz kolor stosując Burn Tool jak w przypadku skał. Duplikujemy warstwę i zwiększamy jej Opacity na 100%. W zakładce Layers wybieramy Lock transparent pixels, a następnie zmieniamy kolor pierścienia (#15190A) wypełniając go narzędziem Paint Bucket Tool. Tworzymy nową warstwę (Blending mode: Luminosity, Opacity: 78%) i nakładamy teksturę. Duplikujemy warstwę zmieniając Blending mode na Lighten. www.psdmag.org lipiec/sierpień 2007 21
29 kamień etap drugi Tworzymy nową warstwę (Blending mode: Normal, Opacity: 58%). Przy użyciu narzędzia Paint Brush (kolor czarny) rysujemy wyżłobienia w skalnym pierścieniu. Rozmiary pędzelka będą wahały się od 1 do 3 pikseli w zależności od tego, jak grube chcemy poprowadzić linie. Bardzo przydatny będzie szkic, który możemy przenieść na wierzch ze zmniejszonym Opacity, aby widzieć linie pomocnicze. Tworzymy nową warstwę. Postępujemy podobnie jak w przypadku nadawania ogólnych zarysów z tą różnicą, że Opacity warstwy ustawiamy na 22% co sprawi, że cienie uzyskają większą głębię (Paint Brush wielkości 3-4px będzie tu odpowiedni). 32 liście etap drugi Na nowej warstwie (Blending mode: Multiply, Opacity:58%) kolorem bazowym liści punktowo (Paint Brush: 8px) malujemy cienie w górnej części każdego z liści. Rozmywamy narzędziem Smudge. Na kolejnej warstwie czynność powtarzamy, ale tylko w miejscach gdzie cień jest zbyt słaby i w większych skupiskach liści. Zmniejszamy Opacity do 54%, Blending mode: Multiply. W górnej części możemy jeszcze nałożyć cień na cały krzak używając takiej samej techniki, jak w przypadku pojedynczego liścia, jednak Brush size musimy ustawić na około 100px. 3 0 kamień etap trzeci Na nowej warstwie przy użyciu narzędzia Paint Brush (kolor biały) rysujemy analogicznie do zaciemnień. Dobrze jest używać niewielkiego rozmiaru Paint Brush (1-2px). W celu uzyskania łagodnych przejść rozmywamy narzędziem Smudge. Tworzymy nową warstwę i przy użyciu Paint Brush (Dry Brush, size: 125px, kolor biały) punktowo zabarwiamy pierścień. W końcowej fazie możemy dodać w niektórych miejscach mech, żeby nadać nieco realizmu. Posłużyć się można teksturą trawy ustawiając nową warstwę na Multiply z Opacity równą 33%. Żeby wzmocnić mech duplikujemy warstwę zmieniając Blending mode na Overlay i Opacity na 53%. 33 liście etap trzeci Przechodzimy do warstwy z liśćmi. Zaznaczamy poszczególne fragmenty używając Eliptical Marquee Tool (Feather:10px) i kopiujemy je [Ctrl]+[C]. Wklejamy do nowo utworzonej warstwy [Ctrl]+[J]. Warstwę tą przesuwamy pod spód, aby była przysłonięta przez warstwę z liśćmi. Zmniejszamy Opacity warstwy do 51%. Klikamy prawym przyciskiem na naszą warstwę z liśćmi. Wybieramy Blending options i przechodzimy do zakładki Drop Shadow. Jeszcze tylko na nowej warstwie (Blending mode: Color Dodge, Fill:37%) przy użyciu Paint Brush (Brush size:150px) kolorem białym nakładamy światło w centralnym punkcie liści. 31 liście etap pierwszy Przy użyciu Polygonal Lasso Tool obrysowujemy dokładnie wszystkie liście. Zaznaczenie wypełniamy kolorem zielonym (#4A7504) na nowej warstwie (Blending mode: Normal). Teraz używając Freeform Pen Tool na nowej warstwie tworzymy cienie przy dolnej krawędzi każdego z liści. Warstwa musi być ustawiona na Blending Mode: Multiply, natomiast Paint Brush musi być wielkości 1px. Kolor jest taki sam, jak kolor liści. 34 poprawki dopieszczanie detali W ostatniej fazie nad ilustracją wprowadzane są drobne poprawki. Lekkim kosmetycznym zmianom poddane zostały oczy i elementy twarzy (widoczne zaciemnienie w okolicy powiek, by nadać więcej głębi i bardziej podkreślić rysy twarzy). Dodany został także drobny detal naszyjnik. Sznurek naszyjnika wykonany jest przy użyciu Freeform Pen Tool o grubości 1 piksela. Teraz już możemy usunąć warstwę ze szkicem. Na zakończenie rysunek wykańczamy ramką i jakimś gradientowym tłem. W ten oto sposób dobrnęliśmy do końca i możemy się cieszyć efektem, jaki udało się nam uzyskać. 22 lipiec/sierpień 2007 www.psdmag.org
komiksowym szlakiem czyli jak pokolorować ołówkowy szkic Kolorowanie jest procesem bardzo złożonym. Wszystko zależy od szkicu, na którym się pracuje. W tym obszernym poradniku poruszonych zostało wiele zagadnień dotyczących kolorowania nie tylko ciała czy elementów ubioru, ale także tła i rozróżniania materiałów oraz powierzchni. Myślę, że dla wielu samouczek ten będzie swoistym wprowadzeniem w tajniki uzyskiwania światłocienia nie tylko podczas kolorowania, ale i w innych aspektach grafiki komputerowej. wskazówki Do uzyskania bardziej zadowalających rezultatów stosujemy tzw. gradację cieni, która polega na nakładaniu kilku warstw do na kroku siebie 5 przechodzących z ciemnego koloru wskazówka w jasny, co jest nieosiągalne w przypadku jednej warstwy z ustalonym Opacity. Analogicznie postępujemy z oświetleniem. W zależności od obszaru, który chcemy wygładzić, zarówno Brush size jak i Strength będą się zmieniały. Do dużych obszarów Strength pozostaje bez zmian (domyślnie jest to 50%), Brush size natomiast ustawiamy proporcjonalnie duży do obszaru w taki sposób, aby jednym pociągnięciem uzyskać zadowalający efekt. W przypadku cieniowania skóry samo nakładanie koloru bazowego na kolejne warstwy z atrybutem Multiply mija się z celem. Odcień wychodzi wówczas nienaturalny, dlatego dobrze jest na warstwie paleta kolorów wybrać dodatkowy (ciemniejszy) odcień skóry. wskazówka do kroku 5 Pamiętajmy o tym, żeby rozróżniać, jak poszczególne powierzchnie reagują na światło. Jedne będą słabo odbijały światło (skóra, kamień) inne takie jak np. metal intensywnie. Wszystko jednak zależy od tego jaki efekt końcowy chcemy uzyskać. o autorze Kamil Kozłowski Studiuje w Poznaniu na kierunku Informatyka. Grafiką komputerową zajmuje się już kilka lat. Specjalizuje się w tworzeniu szaty graficznej dla stron internetowych. Od około dwóch lat interesuje się grafiką pod kątem bardziej profesjonalnym. Traktuje to jako coś więcej niż hobby. www.psdmag.org lipiec/sierpień 2007 23