Sty
22
2016

Tekst obszyty nicią w Photoshopie

Jeśli chcesz wykonać ten tutorial, w pierwszej kolejności zapraszam Cię do pobrania zestawu pędzli. Przed użyciem, należy je wypakować.
Krok 1
Zacznijmy od stworzenia nowego dokumentu w Photoshopie. W moim przypadku, jest to 600 na 300 pikseli i rozdzielczość 72ppi.
Praca z białym tłem jest zwykle kiepskim rozwiązaniem, dlatego za chwilę wrzucimy sobie na nie teksturę.
Domyślnie warstwa Background (tło) w dokumentach Photoshopa jest zablokowana – aby ją odblokować, kliknij dwa razy w tę warstwę. Następnie zmień jej nazwę lub pozostaw taką samą. Zobaczysz, że zniknęła ikona kłódki na panelu warstwy.

ScreenClip [2]

Krok 2
Na odblokowanej warstwie tła, należy dodać warstwę stylu „Nałożenie wzorku”, dzięki czemu będzie ona wyglądała jak dżins.
Wyszukaj w Google wzorek, który Ci się podoba, wpisując na przykład „fabric texture seamless” i otwórz ją w osobnym pliku. Wybierz teraz Edycja > Zdefiniuj wzorek i nadaj mu nazwę. Dokument możesz już zamknąć.
——————————————————————————————————————————-

Zobacz kurs Photoshop kreatywne techniki pracy -> TUTAJ

——————————————————————————————————————————-
Kliknij prawym przyciskiem na warstwę tła i wejdź w Opcje mieszania. Dzięki temu zobaczysz okno dialogowe warstw. Kliknij w opcję Nałożenie wzorku (Pattern overlay) w lewej kolumnie. (Pamiętaj o tym, by kliknąć w sam tekst, a nie w okienko zaznaczenia. Klikając w okienko zaznaczenia, po prostu włączysz styl, ale nie będziesz mógł wybrać jego opcji).
Następnie musimy wybrać nowy zestaw wzorków w polu wyboru. Kliknij w okienko wyboru wzroku i wybierz niewielkie kółko ze strzałką, które znajduje się w prawym górnym rogu. Wybierz z listy wzorek, który dopiero zdefiniowaliśmy i kliknij opcję OK, aby załadować nowy wzorek.
ScreenClip [3]
Teraz będziemy pracowali na właśnie takim tle.
Krok 3
W tym etapie masz jedną warstwę tła, które jest całkowicie wypełnione wzorkiem tkaniny. Nieco zmniejszyłem jej skalę.
ScreenClip [4]
Krok 4
Teraz nadszedł czas, by dodać trochę tekstu do naszego dokumentu. Naciśnij przycisk D, by zresetować kolor tła do czerni. Następnie kliknij przycisk T (tekst). Wybierz dużą, grubą czcionkę i napisz coś na ekranie. Zauważ, że gdy piszesz, Photoshop automatycznie dodaje nową warstwę.

ScreenClip [5]
Czcionka to Roboto Slab Bold 178 px.
Krok 5
Teraz wykorzystamy tekst do stworzenia zarysu ścieżki wzdłuż liter. Kliknij prawym przyciskiem na tekście i wybierz „Stwórz ścieżkę roboczą” z menu. Dzięki temu wokół liter powstanie biały obrys, wskazujący na to, że stworzyłeś ścieżkę roboczą, którą wykorzystamy za chwilę. Pamiętaj, że musisz mieć wybrane narzędzie tekstowe.
ScreenClip [6]
Krok 6
Dodaj nową warstwę pod tekstem (ctrl+alt+shift+N). Zmień jej nazwę na taką, jaka Ci odpowiada.
——————————————————————————————————————————-

Zobacz kurs Photoshop dla zaawansowanych -> TUTAJ

——————————————————————————————————————————-
Krok 7
Teraz jest czas, by stworzyć efekt szycia. Po pierwsze, konieczne jest użycie odpowiedniego pędzla. Możesz go pobrać, klikając tutaj. Zapisz go na pulpicie lub w folderze „pobrane”. *
Naciśnij przycisk B by wywołać narzędzie pędzla, następnie wybierz opcję Okno – Pędzle. Następnie kliknij w niewielką strzałkę, która znajduje się w palecie pędzli, wybierz ikonę opcji i „załaduj pędzle z menu”. Następnie wybierz plik z dysku i zatwierdź. Program zapyta Cię, czy chcesz zastąpić pędzle nowymi, czy też dodać je do istniejących. Możesz wybrać zarówno jedną jak i drugą opcję.
ScreenClip [7]
Krok 8
Po załadowaniu pędzli wybierz ten z końcówką o kształcie litery V. Należy teraz dokonać kilku poprawek w jego opcjach, dzięki czemu będzie działał, tak, jak tego chcemy.
Po pierwsze, zmniejsz rozmiar pędzla do około 8 pikseli. Zaznacz też opcję „Odstępy” (spacing) i ustaw go na około 80%.
ScreenClip [8]
Krok 9
Gdy jesteś nadal w palecie pędzli, wybierz link Shape Dynamics (Dynamika kształtu). Angle Jitter (Wahanie kąta) posiada opcję „Sterowanie” w którym należy wybrać – „Kierunek”. Dzięki temu pędzel będzie odpowiednio „skręcał” w różnych miejscach litery.
Krok 10
Teraz czas na prawdziwą magię. Wybierz przycisk X tak, aby wybrać biały kolor tła i czarny kolor główny. Wybierz P, by wybrać pędzel i następnie kliknij na ścieżce roboczej wokół tekstu. Wybierz z menu „Ścieżki” opcję „obrysuj ścieżkę” i upewnij się, że zaznaczyłeś opcję „pędzel” i odznaczyłeś opcję „symulacja nacisku”. Teraz kliknij OK.
Teraz zobaczysz, że doszło do obrysowania całego tekstu. Teraz możesz spokojnie skasować ścieżkę lub ją ukryć.
ScreenClip [9]
Krok 11
Aby ścieg wyglądał bardziej realistycznie, możesz dodać do niego kilka stylów. Kliknij prawym na warstwę ściegu i wybierz „opcje mieszania”. Następnie dodaj takie opcje, jak „Shadow” (cień), „Bevel and Emboss” (faza i płaskorzeźba), tak, jak na obrazku, który wrzuciliśmy poniżej. Upewnij się, że wszystko jest na swoim miejscu i zatwierdź.
Opcja Bevel and Emboss (faza i płaskorzeźba) sprawi, że ścieżka będzie wyglądała naturalniej.
ScreenClip [10]

ScreenClip [11]

PS – w tym tutorialu starałem się używać zarówno polskich, jak i angielskich nazw poleceń. Moim zdaniem, znacznie łatwiejsze jest korzystanie z poleceń angielskich, ze względu na to, że w sieci znajduje się znacznie więcej materiałów w tym języku.


Podobne wpisy

O autorze: Kamil Naja

Przygodę z obrazem zaczął od fotografii. Photoshopa poznaje od 2006 roku i program ten wciąż zaskakuje go możliwościami. Zajmuje się także copywritingiem oraz tworzeniem stron internetowych. Prowadzi własną firmę.

Zostaw komentarz

Musisz być zalogowany aby dodać komentarz.

Polecane

Kategorie