Projektowanie koszulki w Photoshopie krok po kroku

 

Swego czasu przyjaciel poprosił mnie o napisanie krótkiego tutoriala przedstawiającego proces tworzenia “wypranego” tekstu, który chciał wkleić na koszulkę. Początkowo tylko na tym się skoncentrowałem, ale później pomyślałem- hej! Dlaczego by nie zrobić od razu całej koszulki? Nie jest to duży problem, o czym za chwilę sami się przekonacie. Oto tutorial na koszulkę z “wypranym” tekstem. Wszystko, czego potrzebujecie, to Photoshop. Oczywiście podobny efekt można uzyskać na konkurencyjnych programach, tylko pamiętajcie, że w nich może brakować kilku funkcji, lub mogą być inaczej nazwane.

Krok 1

Na starcie ważne jest odpowiednie dobranie tła, na którym będziemy prezentować koszulkę. Wtedy będziecie widzieć, czy wasza koszulka nie jest zbyt ciemna lub zbyt jasna i będziecie w stanie dobrać odpowiedni cień. Jeśli zaczynacie na ciemnym tle - skończcie pracę na ciemnym tle.
Stworzyłem szybko wzorek i wypełniłem nim tło. Kolor nie gra tu głównej roli, ponieważ po zmianie barwy tła możecie z łatwością zmienić kolor koszulki. Natomiast po zmianie jasności tła możecie mieć problem ze zmianą jasności t-shirt’u. Cienie najprawdopodobniej będą zbyt słabe lub za mocne, a na koszulce pojawi się zbyt dużo oświetlonych lub zaciemnionych miejsc.
ZAPAMIĘTAJ: Jeśli zaczniesz pracę w dokumencie o bardzo dużych rozmiarach, a później zmniejszysz swoją pracę możesz stracić kilka detali, ale ogólna jakość obrazu zyska na wartości, przy okazji ukryte zostaną niedociągnięcia. Dlatego zaczynam pracę w dokumencie o szerokości przekraczającej 2000 pikseli i pokazuję efekt końcowy pomniejszony dwa albo trzy razy. Ten trik jest często używany przez komputerowych malarzy.

Krok 2

Zawsze staram się zacząć pracę od prostego kształtu. Kształt, który widzicie poniżej to połowa t-shirt’u. Już teraz widzę, że jest za szeroka na mnie. Niemniej jednak nie mogę jej zmniejszyć, póki nie porównam tego kawałka z drugą częścią.

Krok 3

Wybierzcie [eliptical marquee tool] i wytnijcie prawy górny róg prostokąta. To będzie otwór na głowę. Dodatkowo postarajcie się wyciąć mały trójkąt od głowy do końca lewej strony. Stwórzcie kolejny kształt- to będzie rękaw. Obróćcie go trochę i połączcie z koszulką.

 

Krok 4

Czas porównać kształt z drugą częścią (Powielcie warstwę i wybierzcie [Edit>Transform>Flip horizontal]). Koszulka jest zbyt szeroka, zaznaczam więc kształt pozostawiając rękawy poza selekcją i wybieram [Edit>Transform>Scale]. Dla tej koszulki 75% szerokości jest wartością odpowiednią. Być może wy w ogóle nie będziecie musieli jej modyfikować w ten sposób.

Krok 5

Czas połączyć wszystkie warstwy koszulki (kształt główny + rękawy). Pamiętajcie, by zostawić warstwę z tłem oddzieloną od reszty. Teraz możemy dodać kilka elementów dekoracyjnych. Wybierzcie jasny kolor (doda trochę życia do naszego projektu, mój wybór to żółty) i zamalujcie na nowej warstwie rękawy i otwór na głowę. Postarajcie się uzyskać coś podobnego do mojego przykładu.

Teraz musimy wyciąć niepotrzebne kawałki. Przytrzymajcie [CTRL] i kliknijcie na miniaturce warstwy z koszulką. Uzyskacie selekcję całej koszulki.

Teraz wybierzcie [Select>Transform selection] by móc edytować zaznaczenie.

Teraz możemy dowolnie modyfikować zaznaczenie (nie jego zawartość). Klikając prawym przyciskiem myszy możemy wybrać takie rodzaje transformacji, jak [Skew] lub [Rotate]. Nas jednak interesuje [Scale], które jest ustawione domyślnie, wiec możemy od razu zacząć skalowanie. W górnym pasku, zaraz pod menu, odnajdźcie literę [W] i w polu obok wpiszcie jakąś wartość. Dla mnie najlepszym ustawieniem jest 94%. Teraz najedźcie kursorem na kwadracik pomiędzy górnymi narożnikami selekcji i przenieście go lekko do dołu.

Potwierdźcie transformację (Enter na klawiaturze numerycznej) i wciśnijcie [Delete] by wyczyścić wszystko, co znajduje się w obszarze zaznaczenia. Zaznaczcie warstwę koszulki jeszcze raz, tym razem przejdźcie do [Select>Inverse] (CTRL+SHIFT+I) i znów wciśnijcie [Delete]. Powinniście uzyskać coś takiego.

Wybierzcie [Polygonal lasso tool] i oczyśćcie żółte kształty z odłamków.

Teraz nasza koszulka powinna wyglądać tak.

Dodałem dodatkowo kilka szwów na dolnej części t-shirt’u.

 

Krok 6

Stwórzcie nową warstwę, naciśnijcie “D”, by zresetować kolory do białego i czarnego i użyjcie filtru chmur- [Filter>Render>Clouds].

Teraz czas na rozmycie efektu filtru, by ukryć ostre przejścia między kolorami, wszystko ma być płynne. Po rozmyciu zapiszcie plik jako mapa.psd.

Krok7

Ukryjcie warstwę z chmurami i wybierzcie warstwę koszulki. Teraz przejdźcie do [Filter>distort>displace], wpiszcie ustawienia jak poniżej, kliknijcie [OK] i z listy plików, która się pojawi po akceptacji ustawień wybierzcie plik mapa.psd.

Nasza koszulka powinna się troszkę pofalować. Teraz ponownie odsłońmy warstwę z chmurami i włączmy ją do koszulki. By to zrobić, najedźcie kursorem pomiędzy warstwę chmur i koszulki (powinny być bezpośrednio obok siebie), przytrzymajcie lewy alt, kursor się zmieni, wtedy wystarczy kliknąć lewym przyciskiem myszy. Teraz nadajcie warstwie chmur wartość opadania na 45% i opcje mieszania: Overlay. Wszystkie te ustawienia możecie zmienić w okienku warstw na samej górze.

Krok 8

Czas na część wewnętrzną. Wybierzcie [Pen tool] i stwórzcie prostokąt. Następnie użyjcie [Convert point tool] by lekko go zmodyfikować.

 

Krok 9

Zaznaczcie wewnętrzną warstwę (ctrl+click na miniaturce warstwy), przesuńcie zaznaczenie lekko do dołu. Narzędziem [dodge tool] nadajcie trochę światła. Dodatkowo zrobiłem metkę, ale nie będę tego opisywał.

Krok 10

Wybierzcie [polygonal marquee tool] i stwórzcie kilka trójkątów. Będą to nasze fale na koszulce.

Wybierzcie [dodge tool] i… bawcie się. Wybierzcie kierunek światła i zaakcentujcie jedną granicę selekcji.

Krok 11

Teraz czas na cienie. Wybierzcie [Burn tool], użyjcie miękkiego, okrągłego pędzla i przejdźcie do jego ustawień. Przejdźcie do [Shape dynamics] i w [Size Jitter] wybierzcie [Fade]podając w okienku obok wartość zaniku, np 50px.

Tworzymy cienie na przeciwko świateł. Pamiętajcie, gdzie umiejscowiliście źródło światła, nie mogą to być ruchy przypadkowe.

Możemy dodać trochę szumu do naszej koszulki, by nie wyglądała zbyt jednolicie - [Filter>Noise>Add noise], nie przesadźcie jednak z wartością. Warto również użyć [Filter>Blur>Smart Blur] by rozmyć lekko granice świateł i cieni. Tu widzicie jak to wygląda w dużej rozdzielczości (Ten zrzut został zrobiony przed użyciem filtru [Smart blur]).

 

Krok 12

Szybko przygotowałem logo.

Jak widzicie prezentuje się ono dość płasko podczas gdy na koszulce widać wyraźne fale. Jeśli zostawilibyśmy to w takim stanie całość wyglądałaby nienaturalnie.

Przejdźmy zatem do falowania loga na wzór koszulki. Filozofia się nie zmienia. Dodamy jednak do niego efekt poszarpania/wyprania.

Krok 12a

Kliknijcie w ikonkę wskazaną czerwoną strzałką, z menu wybierzcie [hue/saturation], w polu [saturation] wpiszcie [-100%].

Krok 12b

Możemy uwidocznić nasze światła i cienie wybierając z tego samego menu [curves] lub [levels]. Ja wybrałem [levels], poniżej widać moje ustawienia.

Zapiszcie ten plik jako mapa2.psd.

Krok 12c

Od tego momentu powielcie wszystkie czynności zaczynając od Kroku 7, przy czym w tym wypadku jako [distort map] wybierzcie plik mapa2.psd. Oto mój efekt wynikowy:

 

Krok 13

Wybierzcie [lasso tool], nie ma znaczenia jaki rodzaj lassa wybierzecie, mi najwygodniej pracuje się na poligonowym zaznaczeniu, jednak to kwestia gustu, teraz stwórzcie kilka kształtów na warstwie z logiem. Będą to środku rozdarć. Wypełnijcie je dowolnym kolorem- nie ma znaczenia jakim, ponieważ ta warstwa posłuży nam wyłącznie do selekcji i pod koniec zostanie usunięta. Dodatkowo możemy rozmyć nasze kształty lekko za pomocą filtra [gaussian blur].

Krok 14

Wybierzcie narzędzie [brush tool], pędzel powinien być mały ze stosunkowo miękką końcówką. Poniżej widać moje ustawienia, znów główną rolę odgrywa parametr [Fade].

Starajcie się robić rozdarcia wychodzące ze wcześniej przygotowanych kształtów. Mogą być to zwykłe linie, nie musicie nadawać im fikuśnych kształtów, zajmiemy się tym później.

Po dużych liniach przyszedł czas na te mniejsze. Po prostu bawcie się myszką.

 

Krok 15

Teraz nadamy trochę bardziej realnego wyglądu naszym rozdarciom. Przejdźcie do [Filter>Liquify], zaznaczcie [Turbulence tool (T)] i wykręcajcie rozdarcia by nadać każdej linii unikatowego wyglądu. Poniżej przedstawiam moje ustawienia.

Tak wygląda teraz moja koszulka.

Krok 16

[Ctrl + Click] na warstwie rozdarć, zaznaczcie warstwę z logiem i wciśnijcie [delete]. Teraz możecie usunąć warstwę z rozdarciami- nie będzie już nam potrzebna.

Wybierzcie [burn tool] i “wypalcie” lekko miejsca przy rozdarciach.

Ostatnie poprawki

Projekt uznaje za skończony. Dla lepszego efektu możecie dodać więcej efektów dekoracyjnych jak szwy, większe fałdy, widoczną drugą stronę koszulki wystającą od spodu… I wszystko to, co przyniesie wam wyobraźnia. Ja ze swojej strony lekko zmieniłem kolor tła i koszulki. Dodatkowo pozbawiłem moje logo szerokiej palety barw kolorując go na czarno, Wydaje mi się, że tak wygląda lepiej, a dodatkowo nie musze bawić się w cieniowanie.
ZAPAMIĘTAJ: Im więcej zrobisz rozdarć i im będą mniejsze, tym lepszy efekt uzyskasz.
Tak wygląda moja wersja finalna: