W tym samouczku pokazuję, jak utworzyć efekt nakładających się liter w programie Photoshop, z kolorami, które łączą się w miejscu, w którym 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 przesuwamy litery bliżej siebie, aby się na siebie nakładały. Aby mieszać 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 tekstu „nakładających się liter”, gdy skończymy:
Efekt końcowy.
Zacznijmy!
Jak utworzyć nakładający się tekst w Photoshopie
Używam Photoshop CC, ale każdy krok jest w pełni kompatybilny z Photoshop CS6.
Krok 1: Utwórz nowy dokument
Zacznij od utworzenia nowego dokumentu Photoshopa. Przejdź do menu Plik na pasku menu i wybierz Nowy :
Przejście do Plik> Nowy.
W oknie dialogowym Nowy dokument ustaw szerokość na 1600 pikseli, wysokość na 800 pikseli, rozdzielczość na 72 piksele / cal, a zawartość tła na białą . Kliknij przycisk 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. Grubsze czcionki zazwyczaj działają najlepiej dla tego efektu. Użyję Avenir Next Bold . Ustaw rozmiar czcionki na 72 pt . Po dodaniu zmienimy rozmiar tekstu, ale da nam to największy wstępnie ustawiony rozmiar na początek:
Wybór czcionki i rozmiaru czcionki.
Upewnij się, że kolor czcionki 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 go zresetować. Po przekształceniu tekstu w kształty wybieramy różne kolory dla każdej litery:
Próbka koloru na pasku opcji pokazuje bieżący kolor typu.
Kliknij wewnątrz dokumentu i dodaj tekst. Wpiszę słowo „KOLOROWY”:
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 opcję Przekształć swobodnie :
Przejście do Edycja> Darmowa transformacja.
Photoshop umieszcza pole Swobodne przekształcanie i uchwyty wokół tekstu. Aby zmienić jego rozmiar, naciśnij i przytrzymaj klawisz Shift, klikając i przeciągając jeden z narożnych uchwytów . Przytrzymując klawisz Shift podczas przeciągania zamków w oryginalnych kształtach liter, aby ich nie zniekształcić. Upewnij się, że kiedy skończysz, najpierw zwolnisz przycisk myszy, a następnie zwolnisz klawisz Shift, w przeciwnym razie otrzymasz nieoczekiwane rezultaty.
Aby przenieść tekst na środek dokumentu, kliknij i przeciągnij wewnątrz pola Swobodne przekształcanie. Kiedy jesteś zadowolony z rozmiaru i położenia tekstu, naciśnij Enter (Win) / Return (Mac) na klawiaturze, aby wyjść z Free Transform:
Przeciągnięcie uchwytu narożnego, trzymając Shift, aby zmienić rozmiar tekstu.
Krok 4: Przekształć tekst w kształty
W panelu Warstwy tekst pojawia się na nowej warstwie Tekst nad warstwą Tła:
Panel Warstwy pokazujący nową warstwę typu.
Musimy przekonwertować nasze litery na kształty. Po wybraniu warstwy Typ przejdź do menu Typ na pasku menu i wybierz polecenie Konwertuj na kształt :
Przejście do Type> Convert to Shape.
Z powrotem w panelu Warstwy warstwa tekstowa jest teraz warstwą kształtu, co oznacza, że naszego tekstu nie można już edytować:
Warstwa Type jest teraz warstwą Shape.
W dokumencie widzimy kontury ścieżek wokół liter, informując nas, że tekst ma kształt:
Tekst został przekonwertowany na kształt.
Powiązane: Jak rysować kształty w Photoshopie
Krok 5: Przenieś każdą literę na osobną warstwę
Aby nakładać się na litery i mieszać ich kolory, musimy umieścić każdą literę na osobnej warstwie. Chwyć narzędzie wyboru ścieżki ( narzędzie czarnej strzałki) 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 nie jest dostępna, ale nadal będziesz mógł równie łatwo wybierać 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 samej litery:
Wybieranie pierwszej litery w słowie.
Aby przenieść tę jedną literę na własną warstwę, przejdź do menu Warstwa, wybierz Nowy, a następnie wybierz Warstwę kształtu za pomocą Wytnij (upewnij się, że wybrałeś Wytnij, a nie Kopiuj). Lub szybszym sposobem (i sposobem, który zalecam dla tego efektu) jest naciśnięcie Shift + Ctrl + J (Win) / Shift + Command + J (Mac) na klawiaturze:
Przejście do Warstwa> Nowa> Warstwa kształtu przez cięcie.
Nie będzie wyglądać, jakby 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 własną warstwę.
Kontynuuj przenoszenie liter na własne warstwy
Aby przenieść pozostałe litery na osobne warstwy, kliknij literę za pomocą narzędzia wyboru ścieżki, aby ją wybrać (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 własną warstwę. Kontynuuj przesuwanie liter po kolei od lewej do prawej, aż każda z nich znajdzie się na osobnej warstwie. Gdy dojdziesz do ostatniej litery po prawej stronie, możesz po prostu ją zostawić, ponieważ będzie to jedyna litera pozostała na oryginalnej warstwie kształtu:
Panel Warstwy pokazuje każdą literę w słowie teraz na osobnej warstwie.
Krok 6: Zmień tryb mieszania liter na Mnożenie
Za chwilę zmienimy kolor każdej litery i zbliżymy litery do siebie, aby się nakładały. Ponieważ chcemy, aby kolory w nakładających się obszarach zlewały się ze sobą, musimy zmienić tryb mieszania dla każdej warstwy kształtu. 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łtu, naciśnij i przytrzymaj klawisz Shift, a następnie kliknij oryginalną warstwę kształtu bezpośrednio nad warstwą tła:
Zaznaczanie wszystkich liter jednocześnie.
Zmień tryb mieszania w lewym górnym rogu panelu Warstwy z Normalnego na Mnożenie . Zobaczymy efekt trybu mnożenia mieszania, gdy zaczniemy nakładać się na litery:
Zmiana trybu mieszania warstw kształtu na Mnożenie.
Krok 7: Umieść warstwy Shape w grupie warstw
Gdy mamy zaznaczone warstwy Shape, umieśćmy je w grupie warstw. Kliknij ikonę menu w prawym górnym rogu panelu Warstwy:
Otwieranie menu panelu Warstwy.
Następnie wybierz nową grupę z warstw :
Wybieranie nowej grupy z warstw z menu.
W oknie dialogowym Nowa grupa z warstw nazwij grupę „Listy”, a następnie kliknij przycisk OK:
Nazywanie grupy warstw.
Z powrotem w panelu Warstwy warstwy kształtu pojawiają się teraz w grupie o nazwie „Listy”. Kliknij trójkąt po lewej stronie ikony folderu, aby obrócić grupę:
Wyświetlanie warstw kształtu w grupie.
Krok 8: Zmień kolor każdej litery
Zmieńmy kolor każdej litery. Zaczniemy od pierwszej litery po lewej stronie. Kliknij dwukrotnie miniaturę górnej warstwy kształtu w panelu Warstwy:
Kliknij dwukrotnie górną miniaturę warstwy kształtu.
Spowoduje to otwarcie Próbnika kolorów Photoshopa. 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 jasnoniebieskiego dla pierwszej litery w słowie.
Kliknij przycisk OK, aby zamknąć Próbnik kolorów, a pierwsza litera pojawi się w nowym kolorze:
Pierwsza litera jest teraz jasnoniebieska.
Aby zmienić kolor drugiej litery, ponownie kliknij dwukrotnie jej miniaturkę w panelu Warstwy:
Dwukrotne kliknięcie miniatury drugiej warstwy kształtu.
Wybierz inny kolor w Próbniku kolorów. Wybiorę kolor zielony, ustawiając R na 25, G na 161 i B na 53 :
Wybór jasnozielonego dla drugiej litery.
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ę koloru pomarańczowego ( R = 244, G = 99, B = 36 ), a dla „ F ” wybiorę jasnoróżowy ( R = 243, G = 43, B = 104 ).
Zmienię drugą ostatnią 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 poprawić 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ę gradientu z listy:
Wybór nakładki gradientowej.
Otworzy się okno dialogowe Styl warstwy programu Photoshop ustawione na opcje Nakładki gradientowej. Kliknij trójkąt obok próbki gradientu, aby otworzyć Próbnik gradientu . Następnie wybierz gradient Czarny, biały, klikając dwukrotnie jego miniaturę (trzeci od lewego, górnego rzędu):
Wybór gradientu czerni, bieli.
Ustaw tryb mieszania na Nakładka, Krycie na 100%, Styl na Liniowy, a Kąt na 90 stopni, a następnie kliknij OK:
Opcje nakładki gradientu.
Zastosowanie gradientu czerni do bieli bezpośrednio w grupie warstw i ustawienie trybu mieszania na Nakładka zmienia 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 gradientu do grupy to szybki sposób na przekształcenie płaskich kolorów w gradienty.
Powiązane: Jak narysować gradienty w Photoshopie
Krok 10: Wybierz narzędzie Move i ustaw je na Auto Select Layers
W tym momencie wszystko, co pozostało do zrobienia, to przesunąć litery bliżej siebie, aby się nakładały. Wybierz narzędzie Przenieś z paska narzędzi:
Wybór narzędzia przenoszenia.
Następnie na pasku opcji upewnij się, że funkcja automatycznego wyboru jest włączona (zaznaczona) i że jest ustawiona na Warstwa, a nie Grupuj. Pozwoli nam to wybrać każdą literę, klikając ją:
Włączanie Auto-Select i ustawianie na Layer.
Krok 11: Przeciągnij litery, aby się nakładały
Kliknij literę za pomocą narzędzia Move, aby ją wybrać. Warstwa kształtu dla tej litery zostanie podświetlona w panelu Warstwy. Następnie przeciągnij literę na literę obok niej, aż część liter się pokryje. Przytrzymaj klawisz Shift podczas przeciągania, aby ułatwić przeciąganie prosto w poprzek. Tutaj kliknąłem drugą literę (zielone „O”) i przeciągnąłem ją nieco do pierwszej litery („C”). Zauważ, że w obszarach, w których dwie litery zachodzą na siebie, kolory każdej litery mieszają się ze sobą:
Kliknij literę, aby ją wybrać, a następnie przeciągnij ją na część litery obok niej.
Kliknę trzecią literę („L”), aby ją zaznaczyć, a następnie przeciągnę ją w lewo, przytrzymując Shift, dopóki jej część nie pokrywa się z literą „O”. Pamiętaj, aby kliknąć raz, aby najpierw wybrać literę, zwolnić przycisk myszy, a następnie kliknąć drugi raz, aby przeciągnąć ją, w przeciwnym razie skończysz wybieranie i przenoszenie dwóch liter jednocześnie. Innymi słowy, upewnij się, że warstwa kształtu litery, którą chcesz przenieść, jest podświetlona w panelu Warstwy przed jej przeniesieniem:
Nakładający się efekt tekstowy nabiera kształtu.
Jeśli przypadkowo wybierzesz i przeniesiesz dwie litery na raz, 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 literę, którą chcesz zaznaczyć.
Przenoszenie pozostałych liter
Kontynuuj przeciąganie pozostałych liter razem, aż wszystkie się pokryją. Ponownie pamiętaj, aby kliknąć raz literę, aby ją wybrać, zwolnić przycisk myszy, a następnie kliknąć drugi raz, aby ją przenieść. Możesz także przesuwać litery w lewo i prawo za pomocą klawiszy strzałek w lewo i w prawo na klawiaturze. Oto mój wynik po nałożeniu pozostałych liter. Jedynym problemem jest to, że po zbliżeniu liter do siebie słowo w dokumencie wydaje się teraz zbyt małe. Kończymy samouczek, ucząc się, jak zmienić jego rozmiar:
Efekt po przeniesieniu każdej litery w celu ich nałożenia na siebie.
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 jeszcze raz na grupę warstw „Listy” u góry panelu Warstwy, aby ją wybrać:
Wybór grupy warstw.
Naciśnij Ctrl + T (Win) / Command + T (Mac) na klawiaturze, aby szybko wybrać polecenie Free Transform programu Photoshop. Następnie, podobnie jak wcześniej, naciśnij i przytrzymaj klawisz Shift, a następnie przeciągnij dowolny z narożnych uchwytów, aby zmienić rozmiar tekstu. Przesuń tekst, aby zmienić jego położenie, klikając i przeciągając wewnątrz pola Swobodne przekształcanie:
Zmiana rozmiaru efektu za pomocą swobodnej transformacji.
Naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby wyjść z Free Transform i gotowe! Tutaj, po wprowadzeniu kilku drobnych korekt odstępów między literami, jest mój ostatni efekt tekstowy „kolorowe nakładające się litery”:
Efekt końcowy.
Mamy to! W ten sposób można utworzyć efekt nakładających się liter oraz mieszać nakładające się kolory w programie Photoshop! Zapoznaj się z naszymi sekcjami Efekty tekstowe, aby uzyskać więcej samouczków!