September 06,2021 Post by : Pamela Klityńska
Efekt tekstowy kolorowych nakładających się liter w Photoshopie
W tym samouczku pokażę, jak utworzyć efekt tekstowy nakładających się liter w Photoshopie, z kolorami, które mieszają się ze sobą w miejscach, w których litery się nakładają! Jak zobaczymy, jest to nie tylko zabawny i kolorowy efekt, ale także bardzo łatwy do stworzenia. Po prostu dodajemy trochę tekstu, przekształcamy litery w kształty, zmieniamy kolor każdej litery, a następnie zbliżamy litery do siebie, aby się na siebie nakładały. Aby zmieszać kolory w nakładających się obszarach, używamy jednego z trybów mieszania warstw programu Photoshop. Zobaczmy, jak to działa!
Oto, jak będzie wyglądał końcowy efekt tekstowy „nakładające się litery”, gdy skończymy:
Efekt końcowy.
Zacznijmy!
Pobierz ten samouczek jako gotowy do druku plik PDF!
Jak utworzyć nakładający się tekst w Photoshopie
Używam programu Photoshop CC, ale każdy krok jest w pełni zgodny z programem Photoshop CS6.
Krok 1: Utwórz nowy dokument
Zacznij od utworzenia nowego dokumentu programu Photoshop. Przejdź do menu Plik na pasku menu i wybierz Nowy:
Przechodzę do Plik > Nowy.
W oknie dialogowym Nowy dokument ustaw szerokość na 1600 pikseli, wysokość na 800 pikseli, rozdzielczość na 72 piksele/cal i zawartość tła na białe. Kliknij Utwórz lub OK (w zależności od używanej wersji programu Photoshop), aby zamknąć okno dialogowe i utworzyć nowy dokument:
Ustawianie opcji dla nowego dokumentu.
Krok 2: Dodaj swój tekst
Wybierz narzędzie Tekst z paska narzędzi:
Wybór narzędzia Tekst.
Wybierz czcionkę na pasku opcji. Zwykle najlepiej nadają się do tego grubsze czcionki. Użyję Avenir Next Bold. Ustaw rozmiar czcionki na 72 pt. Zmienimy rozmiar tekstu, gdy go dodamy, ale to da nam największy wstępnie ustawiony rozmiar na początek:
Wybór czcionki i rozmiaru czcionki.
Upewnij się, że kolor tekstu jest ustawiony na czarny, abyśmy mogli zobaczyć tekst przed białym tłem. Jeśli nie jest ustawiony na czarny, naciśnij literę D na klawiaturze, aby ją zresetować. Po przekonwertowaniu tekstu na kształty dobierzemy różne kolory dla każdej litery:
Próbka koloru na pasku opcji pokazuje bieżący kolor tekstu.
Kliknij wewnątrz dokumentu i dodaj swój tekst. Wpiszę słowo „KOLOROWE”:
Dodanie początkowego tekstu do dokumentu.
Aby zaakceptować tekst, kliknij znacznik wyboru na pasku opcji:
Kliknięcie znacznika wyboru.
Krok 3: Zmień rozmiar i przenieś tekst za pomocą swobodnej transformacji
Aby zmienić rozmiar tekstu, przejdź do menu Edycja i wybierz Swobodne przekształcanie:
Przejście do Edycja> Swobodne przekształcanie.
Photoshop umieszcza pole Przekształcanie swobodne i uchwyty wokół tekstu. Aby zmienić jego rozmiar, naciśnij i przytrzymaj klawisz Shift podczas klikania i przeciągania dowolnych uchwytów narożnych. Przytrzymanie klawisza Shift podczas przeciągania blokad w oryginalnych kształtach liter, aby ich nie zniekształcić. Upewnij się, że po zakończeniu najpierw zwolnij przycisk myszy, a następnie zwolnij klawisz Shift, w przeciwnym razie uzyskasz nieoczekiwane wyniki.
Aby przenieść tekst na środek dokumentu, kliknij i przeciągnij wewnątrz pola Przekształcanie swobodne. Gdy jesteś zadowolony z rozmiaru i położenia tekstu, naciśnij Enter (Win) / Return (Mac) na klawiaturze, aby wyjść ze swobodnej transformacji:
Przeciągnij uchwyt narożny, przytrzymując klawisz Shift, aby zmienić rozmiar tekstu.
Krok 4: Konwertuj tekst na kształty
W panelu Warstwy tekst pojawi się na nowej warstwie Tekst nad warstwą Tło:
Panel Warstwy pokazujący nową warstwę Tekst.
Musimy przekształcić nasze litery w kształty. Po wybraniu warstwy Tekst przejdź do menu Tekst na pasku menu i wybierz opcję Konwertuj na kształt:
Przechodzenie do Tekst > Konwertuj na kształt.
Po powrocie do panelu Warstwy warstwa Typ jest teraz warstwą Kształt, co oznacza, że naszego tekstu nie można już edytować:
Warstwa Type jest teraz warstwą Shape.
A w dokumencie widzimy zarysy ścieżek wokół liter, informując nas, że tekst jest w rzeczywistości kształtem:
Tekst został przekonwertowany na kształt.
Powiązane: Jak rysować kształty w Photoshopie
Krok 5: Przenieś każdą literę na własną warstwę
Aby litery nachodziły na siebie i mieszały ich kolory, musimy każdą literę umieścić na osobnej warstwie. Chwyć narzędzie wyboru ścieżki (narzędzie z czarną strzałką) z paska narzędzi:
Wybór narzędzia wyboru ścieżki.
Następnie w Photoshop CC przejdź do paska opcji i zmień opcję Wybierz na Wszystkie warstwy. Ułatwi to wybieranie poszczególnych liter. W Photoshop CS6 ta opcja jest niedostępna, ale nadal będziesz mógł równie łatwo zaznaczać litery:
Zmiana „Wybierz” na „Wszystkie warstwy” (tylko Photoshop CC).
W oknie dokumentu kliknij dowolne miejsce na białym tle, aby odznaczyć litery. Następnie kliknij pierwszą literę po lewej stronie, aby ją wybrać. Zarys ścieżki pojawi się ponownie wokół tej jednej litery:
Wybór pierwszej litery w słowie.
Aby przenieść tę jedną literę na jej własną warstwę, przejdź do menu Warstwa, wybierz Nowa, a następnie wybierz Kształt Warstwy przez Wytnij (upewnij się, że wybrałeś Wytnij, a nie Kopiuj). Lub szybszym sposobem (i sposobem, który polecam dla tego efektu) jest naciśnięcie Shift+Ctrl+J (Win) / Shift+Command+J (Mac) na klawiaturze:
Przechodząc do Warstwa> Nowa> Kształtuj warstwę przez wycięcie.
Nie będzie wyglądać na to, że coś się stało, ale w panelu Warstwy widzimy teraz, że pierwsza litera została przeniesiona do własnej warstwy Kształtu nad oryginałem:
Pierwsza litera została przeniesiona na osobną warstwę.
Kontynuuj przenoszenie liter do ich własnych warstw
Aby przenieść pozostałe litery na osobne warstwy, kliknij literę za pomocą narzędzia do zaznaczania ścieżki, aby ją zaznaczyć (w Photoshop CS6 musisz kliknąć dwukrotnie). Następnie naciśnij Shift+Ctrl+J (Win) / Shift+Command+J (Mac), aby wyciąć literę z oryginalnej warstwy Shape na jej własną warstwę. Kontynuuj przesuwanie liter pojedynczo od lewej do prawej, aż każda z nich znajdzie się na osobnej warstwie. Kiedy dojdziesz do ostatniej litery po prawej stronie, możesz ją po prostu zostawić, ponieważ będzie to jedyna litera pozostała na oryginalnej warstwie Shape:
Panel Warstwy pokazujący każdą literę w słowie na osobnej warstwie.
Pobierz ten samouczek jako gotowy do druku plik PDF!
Krok 6: Zmień tryb mieszania liter na Mnożenie
Za chwilę zmienimy kolor każdej litery i zbliżymy litery tak, aby się na siebie nakładały. Ponieważ chcemy, aby kolory w nakładających się obszarach łączyły się ze sobą, musimy zmienić tryb mieszania dla każdej warstwy Shape. Photoshop pozwala nam szybko zmienić tryb mieszania dla wielu warstw jednocześnie.
Kliknij górną warstwę w panelu Warstwy, aby ją wybrać. Następnie, aby wybrać również inne warstwy kształtów, naciśnij i przytrzymaj klawisz Shift i kliknij oryginalną warstwę kształtów bezpośrednio nad warstwą tła:
Zaznaczanie wszystkich liter na raz.
Zmień tryb mieszania w lewym górnym rogu panelu Warstwy z Normalny na Mnożenie. Zobaczymy efekt trybu mieszania Pomnóż, gdy zaczniemy nakładać się na litery:
Zmiana trybu mieszania warstw Kształtu na Pomnóż.
Krok 7: Umieść warstwy Shape w grupie warstw
Chociaż mamy zaznaczone warstwy Shape, umieśćmy je w grupie warstw. Kliknij ikonę menu w prawym górnym rogu panelu Warstwy:
Otwarcie menu panelu Warstwy.
Następnie wybierz Nową Grupę z Warstw:
Wybierając z menu opcję Nowa grupa z warstw.
W oknie dialogowym Nowa grupa z warstw nazwij grupę „Litery”, a następnie kliknij OK:
Nazywanie grupy warstw.
W panelu Warstwy warstwy Kształtów pojawiają się teraz w grupie o nazwie „Litery”. Kliknij trójkąt po lewej stronie ikony folderu, aby otworzyć grupę:
Przeglądanie warstw Shape wewnątrz grupy.
Krok 8: Zmień kolor każdej litery
Zmieńmy kolor każdej litery. Zaczniemy od pierwszej litery po lewej. Kliknij dwukrotnie miniaturkę górnej warstwy kształtu w panelu Warstwy:
Dwukrotne kliknięcie górnej miniatury warstwy Shape.
Spowoduje to otwarcie selektora kolorów programu Photoshop. Wybiorę jasnoniebieski. Aby użyć tego samego koloru, którego używam, ustaw wartość R na 30, wartość G na 117, a wartość B na 197:
Wybór koloru jasnoniebieskiego na pierwszą literę słowa.
Kliknij OK, aby zamknąć selektor kolorów, a pierwsza litera pojawi się w nowym kolorze:
Pierwsza litera jest teraz jasnoniebieska.
Aby zmienić kolor drugiej litery, ponownie kliknij dwukrotnie jej miniaturę w panelu Warstwy:
Dwukrotne kliknięcie miniatury drugiej warstwy Shape.
Wybierz inny kolor w próbniku kolorów. Wybiorę zielony, ustawiając R na 25, G na 161 i B na 53:
Wybór jasnozielonego na drugą literę.
Kliknij OK, a teraz druga litera pojawi się na zielono (lub w dowolnym wybranym kolorze):
Dwa kolory w dół, sześć do zrobienia.
Zmiana koloru pozostałych liter
Kontynuuj zmianę koloru każdej litery w słowie, klikając dwukrotnie jej miniaturę w panelu Warstwy i wybierając nowy kolor z Próbnika kolorów. Dla trzeciej litery ("L") wybiorę żółty (R=255, G=190, B=0), a dla czwartej litery ("O") wybiorę magenta (R=158 , G=33, B=150). Dla „R” użyję pomarańczowego (R=244, G=99, B=36), a dla „F” wybiorę jasny róż (R=243, G=43, B= 104).
Zmienię przedostatnią literę ("U") na ten sam niebieski, którego użyłem dla pierwszej litery (R=30, G=117, B=197). I na koniec użyję tego samego żółtego dla ostatniej litery ("L"), którego użyłem dla trzeciej litery (R=255, G=190, B=0):
Każda litera ma teraz inny kolor.
Krok 9: Dodaj gradient do grupy warstw
Tekst jest zdecydowanie bardziej kolorowy, ale możemy jeszcze bardziej uwydatnić kolory, stosując gradient do samej grupy warstw. Kliknij grupę warstw „Litery” u góry panelu Warstwy, aby ją wybrać:
Wybór grupy warstw „Litery”.
Następnie kliknij ikonę Style warstw (ikona „fx”) na dole panelu Warstwy:
Kliknięcie ikony Style warstw.
Wybierz nakładkę gradientową z listy:
Wybór nakładki gradientowej.
Spowoduje to otwarcie okna dialogowego Styl warstwy programu Photoshop z ustawionymi opcjami nakładki gradientowej. Kliknij trójkąt obok próbki gradientu, aby otworzyć selektor gradientu. Następnie wybierz gradient Czarny, Biały, klikając dwukrotnie jego miniaturę (trzeci od lewej, górny wiersz):
Wybór gradientu Czarny, Biały.
Ustaw Tryb mieszania na Nakładkę, Krycie na 100%, Styl na Liniowy i Kąt na 90 stopni, a następnie kliknij OK:
Opcje nakładki gradientowej.
Zastosowanie gradientu od czerni do bieli bezpośrednio do grupy warstw i ustawienie trybu mieszania na Nakładka zamienia płaski kolor każdej litery w gradient, z jaśniejszym odcieniem koloru u góry i ciemniejszym odcieniem u dołu:
Dodanie nakładki gradientowej do grupy to szybki sposób na przekształcenie płaskich kolorów w gradienty.
Powiązane: Jak rysować gradienty w Photoshopie
Krok 10: Wybierz narzędzie Przesuń i ustaw je na Automatycznie wybierz warstwy
W tym momencie wystarczy zbliżyć litery tak, aby się na siebie nakładały. Wybierz narzędzie Przesuń z paska narzędzi:
Wybór narzędzia Przesuń.
Następnie na pasku opcji upewnij się, że automatyczny wybór jest włączony (zaznaczony) i że jest ustawiony na Warstwa, a nie Grupa. To pozwoli nam wybrać każdą literę po prostu na nią klikając:
Włączenie automatycznego wyboru i ustawienie go na Warstwa.
Krok 11: Przeciągnij litery razem, aby się nakładały
Kliknij literę za pomocą narzędzia Przesuń, aby ją wybrać. Warstwa Kształt dla tej litery zostanie podświetlona w panelu Warstwy. Następnie przeciągnij literę do litery obok niej, aż część liter nałoży się na siebie. Przytrzymaj klawisz Shift podczas przeciągania, aby ułatwić przeciąganie w poprzek. Tutaj kliknąłem drugą literę (zielone „O”) i przeciągnąłem ją nieco do pierwszej litery („C”). Zwróć uwagę, że w obszarach, w których dwie litery nakładają się na siebie, kolory każdej litery mieszają się ze sobą:
Kliknij literę, aby ją zaznaczyć, a następnie przeciągnij ją na część litery obok niej.
Klikam na trzecią literę („L”), aby ją zaznaczyć, a następnie przeciągam ją w lewo, przytrzymując klawisz Shift, aż jej część nałoży się na literę „O”. Upewnij się, że klikniesz raz, aby najpierw zaznaczyć literę, zwolnij przycisk myszy, a następnie kliknij drugi raz, aby ją przeciągnąć, w przeciwnym razie wybierzesz i przeniesiesz dwie litery jednocześnie. Innymi słowy, upewnij się, że warstwa Kształt dla litery, którą chcesz przenieść, jest podświetlona w panelu Warstwy, zanim ją przeniesiesz:
Efekt nakładającego się tekstu nabiera kształtu.
Jeśli przypadkowo wybierzesz i przeniesiesz dwie litery naraz, naciśnij Ctrl + Z (Win) / Command + Z (Mac), aby cofnąć ostatni krok. Kliknij w dowolnym miejscu na białym tle, aby odznaczyć litery, a następnie kliknij na literę, którą chcesz ją zaznaczyć.
Przenoszenie pozostałych liter
Kontynuuj przeciąganie pozostałych liter razem, aż wszystkie się na siebie nałożą. Ponownie pamiętaj, aby kliknąć raz literę, aby ją zaznaczyć, zwolnij przycisk myszy, a następnie kliknij drugi raz, aby ją przesunąć. Możesz także przesuwać litery w lewo i w prawo, używając klawiszy strzałek w lewo i w prawo na klawiaturze. Oto mój wynik po nałożeniu pozostałych liter. Jedyny problem polega na tym, że po zbliżeniu liter słowo wydaje się teraz zbyt małe w dokumencie. Zakończymy samouczek, dowiadując się, jak zmienić jego rozmiar:
Efekt po przesunięciu każdej litery, aby je nakładały.
Krok 12: Zmień rozmiar tekstu
Ponieważ wszystkie nasze litery znajdują się na osobnych warstwach, aby zmienić rozmiar efektu, musimy zmienić rozmiar warstw jako grupę. Kliknij ponownie grupę warstw „Litery” u góry panelu Warstwy, aby ją wybrać:
Wybór grupy warstw.
Naciśnij klawisze Ctrl+T (Win) / Command+T (Mac) na klawiaturze, aby szybko wybrać polecenie Free Transform programu Photoshop. Następnie, tak jak to zrobiliśmy wcześniej, naciśnij i przytrzymaj klawisz Shift i przeciągnij dowolny z uchwytów narożnych, aby zmienić rozmiar tekstu. Przenieś tekst, aby zmienić jego położenie, klikając i przeciągając wewnątrz pola Przekształcanie swobodne:
Zmiana rozmiaru efektu za pomocą swobodnej transformacji.
Naciśnij Enter (Wygraj) / Return (Mac) na klawiaturze, aby wyjść ze swobodnej transformacji i gotowe! Tutaj, po dokonaniu kilku drobnych poprawek w odstępach między literami, jest mój końcowy efekt tekstowy „kolorowe nakładające się litery”:
Efekt końcowy.
Mamy to! W ten sposób w Photoshopie można stworzyć nakładający się efekt tekstowy liter i jak łączyć nakładające się kolory! Koniecznie sprawdź nasze sekcje Efekty tekstowe, aby uzyskać więcej samouczków!
