Naszywka

0

doda³ covalic w kategorii : Tutorials / kwi 18 2009

W poniższym tutorialu postanowiliÅ›my zaprezentować jedno z praktycznych zastosowaÅ„ maÅ‚o znanego i rzadko używanego przez wiÄ™kszość grafików filtra Przemieść… (Displace…) – posÅ‚uży on nam do stworzenia realistycznie wyglÄ…dajÄ…cej naszywki na ubranie. Ponadto bÄ™dziecie mieli okazjÄ™ zapoznać siÄ™ z ciekawymi funkcjami styli warstw oraz nauczycie siÄ™ tworzyć nowe pÄ™dzle..

Wzór nowego pędzla
Tworzymy nowy dokument o wymiarach 100 na 100 pikseli (z biaÅ‚ym tÅ‚em). Kolejno używajÄ…c PÄ™dzla (Brush Tool) z czarnÄ…, twardÄ… koÅ„cówkÄ… rysujemy na nowej warstwie ksztaÅ‚t szwu tak jak jest to pokazane na ilustracji. NastÄ™pnie przygotowany w ten sposób wzór pÄ™dzla zapisujemy. W tym celu aktywujemy polecenie Edycja>Zdefiniuj pÄ™dzel… (Edit>Define Brush…).

PÄ™dzel – ustawianie parametrów
Otwieramy paletę pędzli i wyszukujemy w niej nasz nowo utworzony pędzel (stitch). Kolejno aktywujemy zakładkę Kształt pędzla (Brush Tip Shape), odnajdujemy w niej opcję Odstępy (Spacing) i ustawiamy jej taką wartość, żeby końcówki ramion utworzonego we wcześniejszym kroku szwu stykały się ze sobą (w naszym przypadku wynosi ona 78%). Następnie w zakładce Dynamika kształtu (Shape Dynamics) wyszukujemy podgrupę Wahania kąta (Angle Jitter), a w niej opcję Kontrola (Control)- ustawiamy jej wartość Kierunek (Direction). Ostatecznie tak zmodyfikowany pędzel zapisujemy.

Mapa przemieszczeń
Przygotujemy teraz mapÄ™ przemieszczeÅ„. W tym celu otwieramy plik jeans.tif, aktywujemy opcjÄ™ Obrazek>Tryb>Skala szaroÅ›ci… (Image> Mode>Grayscale) i za pomocÄ… filtra Rozmycie gaussowskie… (Gaussian Blur…) z wartoÅ›ciÄ… parametru PromieÅ„ (Radius): 9,5 piksela rozmywamy obraz. WykorzystujÄ…c opcjÄ™ Obrazek> Dopasuj> Jasność/Kontrast… (Image>Adjustments>Brightness/Contrast…) zwiÄ™kszamy kontrast ilustracji (wartoÅ›ci poszczególnych parametrów pokazane sÄ… na rysunku). Tak przygotowanÄ… grafikÄ™ zapisujemy na dysku jako plik *.psd.

Wzór łaty
Otwieramy ponownie plik jeans.tif, tworzymy nowÄ… warstwÄ™ o nazwie stripe i rysujemy na niej wzór Å‚aty (wypeÅ‚niamy go biaÅ‚ym kolorem). W naszym przypadku wykorzystaliÅ›my jeden ze standardowych autoksztaÅ‚tów Photoshopa – kwiatek. OczywiÅ›cie nic nie stoi na przeszkodzie, żeby funkcjÄ™ tÄ… peÅ‚niÅ‚ jakiÅ› napis lub logo. Podczas dopasowywania Å‚aty do kieszeni spodni przydatny może okazać siÄ™ klawisz [Shft] – przytrzymujÄ…c go podczas skalowania mamy pewność, że zachowane zostanÄ… oryginalne proporcje danego autoksztaÅ‚tu.

Deformacja Å‚aty
Za pomocÄ… mapy przemieszczeÅ„ (utworzonej w trzecim kroku) dopasujemy teraz wzór Å‚aty do ksztaÅ‚tu i nierównoÅ›ci materiaÅ‚u spodni. W tym celu aktywujemy polecenie Filtr> Zniekształć> Przemieść… (Filter> Distort> Displace…) z wartoÅ›ciami parametrów: Skalowanie poziome (Horizontal Scale): 6%, Skalowanie pionowe (Vertical Scale): 6%, Mapa przemieszczania (Displacement Map): SÄ…siadujÄ…co (Tile), Obszary niezdefiniowane (Undefined Areas): Powtórz piksele krawÄ™dziowe (Repeat Edge Pixels). OczywiÅ›cie jako mapÄ™ przemieszczeÅ„ wskazujemy utworzony w trzecim kroku plik *.psd.

Åšcieg – generowanie Å›cieżki
Na warstwie stripe klikamy lewym przyciskiem myszy z jednoczeÅ›nie wciÅ›niÄ™tym klawiszem [Ctrl] – uzyskamy w ten sposób obszar selekcji znajdujÄ…cej siÄ™ na niej Å‚aty. NastÄ™pnie tworzymy nowÄ… warstwÄ™ o nazwie stitch, przechodzimy do palety Åšcieżki (Paths) i klikajÄ…c na przycisk Utwórz Å›cieżkÄ™ roboczÄ… z zaznaczenia (Make work path from selection) tworzymy Å›cieżkÄ™, która posÅ‚uży nam do wygenerowania Å›ciegu a tym samym przyszycia Å‚aty do spodni.

Åšcieg – obrysowanie Å›cieżki
Z przybornika narzÄ™dzi wybieramy Pióro (Pen Tool), klikamy prawym klawiszem myszy na Å›cieżce znajdujÄ…cej siÄ™ na warstwie stitch i z rozwijanego menu aktywujemy polecenie Obrysuj Å›cieżkÄ™… (Stroke Path…). Obrysu dokonujemy za pomocÄ… wczeÅ›niej zdefiniowanego przez nas pÄ™dzla symulujÄ…cego krawiecki Å›cieg (wielkość jego koÅ„cówki ustawiamy na 9 pikseli, natomiast kolor na czarny).

Tekstura – dopasowanie do ukÅ‚adu kieszeni
Zastąpimy teraz jednolitą, białą fakturę łaty teksturą materiału. W tym celu otwieramy plik suiting.tif i przenosimy jego zawartość do roboczego dokumentu. Nowo powstałą w ten sposób warstwę nazywamy suiting i umieszczamy ją pod warstwą stitch. Za pomocą skrótu klawiszowego [Ctrl]+[T] dopasowujemy materiał do układu kieszeni.

Tekstura – deformacja
WarstwÄ™ na której znajduje siÄ™ materiaÅ‚ także poddajemy deformacji za pomocÄ… polecenia Filtr> Zniekształć> Przemieść… (Filter> Distort> Displace…). WartoÅ›ci poszczególnych parametrów sÄ… analogiczne do tych z kroku piÄ…tego (deformacja Å‚aty). Jak zapewne siÄ™ domyÅ›lacie jako mapÄ™ przemieszczeÅ„ i tym razem wskazujemy plik *.psd utworzony w trzecim kroku. DziÄ™ki temu zabiegowi grafika stanie siÄ™ bardziej realistyczna i przekonywujÄ…ca.

MateriaÅ‚ – nadanie gÅ‚Ä™bi i realizmu
Poprzez zgrupowanie warstw suiting oraz stripe, a nastÄ™pnie ich poÅ‚Ä…czenie dopasujemy materiaÅ‚ do ksztaÅ‚tu Å‚aty. W tym celu aktywujemy skrót klawiszowy [Ctrl]+[G] oraz [Ctrl]+[E]. Kolejno klikamy dwukrotnie lewym przyciskiem myszy na warstwie suiting i w oknie dialogowym Efekty (Layer Style) aktywujemy opcjÄ™ CieÅ„ wewnÄ™trzny (Inner Shadow) z nastÄ™pujÄ…cymi wartoÅ›ciami poszczególnych parametrów: KÄ…t (Angle): 103, OdlegÅ‚ość (Distance): 0, Ssanie (Choke): 9, Wielkość (Size): 21, Użyj Å›wiatÅ‚a ogólnego (Use Global Light) – odznaczone.

MateriaÅ‚ – ostatnie poprawki
Znajdując się cały czas w oknie dialogowym Efekty (Layer Style) zaznaczamy opcję Faza i płaskorzeźba (Bevel and Emboss) z następującymi wartościami poszczególnych parametrów: Styl (Style): Faza wewnętrzna (Inner Bevel), Głębia (Depth): 1000%, Wielkość (Size): 0, Zmiękczanie (Soften): 16, Kąt (Angle): 30 stopni, Wysokość (Altitude): 30 stopni. Reszta parametrów pozostaje bez zmian.

Åšcieg – poprawa wyglÄ…du
W celu nadania szwom bardziej realistycznego wyglądu również zastosujemy style warstw. Klikamy zatem dwukrotnie lewym przyciskiem myszy na warstwie stitch i gdy pojawi się okno dialogowe Efekty (Layer Style) zaznaczamy następujące opcje: Cień (Drop Shadow), Blask wewnętrzny (Inner Glow) oraz Faza i płaskorzeźba (Bevel and Emboss). Wartości parametrów zastosowanych w poszczególnych opcjach pokazane są na ilustracjach.

Wyostrzanie – ostatnie poprawki
W celu nadania szwom bardziej realistycznego wyglądu również zastosujemy style warstw. Klikamy zatem dwukrotnie lewym przyciskiem myszy na warstwie stitch i gdy pojawi się okno dialogowe Efekty (Layer Style) zaznaczamy następujące opcje: Cień (Drop Shadow), Blask wewnętrzny (Inner Glow) oraz Faza i płaskorzeźba (Bevel and Emboss). Wartości parametrów zastosowanych w poszczególnych opcjach pokazane są na ilustracjach.

Żródło: Materiał pochodzi z magazynu .PSD

O autorze