August 24,2021 Post by : Pamela Klityńska
Utwórz efekt tekstowy długiego cienia za pomocą Photoshopa
Dowiedz się, jak stworzyć popularny efekt tekstu z długimi cieniami w Photoshopie, w którym cień z twoich listów rozciąga się bezpośrednio poza tło!
W tym samouczku pokażę, jak łatwo można dodać długi cień do tekstu za pomocą Photoshopa, popularnego efektu często spotykanego w reklamach. Dowiesz się, jak utworzyć początkowy cień za tekstem za pomocą wielu warstw tekstowych oraz skrótu, który ułatwia rozciąganie cienia aż do krawędzi tła. Pokażę ci również, jak zmieszać cień z tłem, bez względu na to, czy jest to jednokolorowe tło, czy gradient, tak aby cień i tło miały te same kolory.
Aby uzyskać najlepsze wyniki, użyj programu Photoshop CC 2020 lub nowszego, ale każda najnowsza wersja będzie działać.
Oto przykład tego, jak będzie wyglądał efekt długiego cienia, gdy skończymy:
Efekt długiego cienia.
Zacznijmy!
Pobierz ten samouczek jako gotowy do druku plik PDF!
Konfiguracja dokumentu
Oto dokument, od którego zaczynam. Dodałem biały tekst przed prostym szarym tłem. Po utworzeniu cienia dodamy kolor do efektu.
Dowolna czcionka będzie działać dla tego efektu, ale używam Mostra Nuova, który pobrałem z Adobe Typekit:
Dokument początkowy.
W panelu Warstwy widzimy, jak jest ustawiony dokument.
Na dole znajduje się warstwa tła, która w rzeczywistości jest wypełniona bielą. Aby zmienić kolor tła na szary, dodałem warstwę wypełnienia Solid Color nad warstwą tła. W selektorze kolorów wybrałem szary, ustawiając wartość H (odcień) na 0 stopni, wartość S (nasycenie) na 0 procent, a wartość B (jasność) na 40 procent.
Powyżej mój tekst na warstwie tekstowej:
Panel Warstwy programu Photoshop.
Powiązane: Jak tworzyć nowe dokumenty w Photoshopie
Krok 1: Zrób kopię swojej warstwy tekstowej
Pierwszą rzeczą, którą musimy zrobić, aby stworzyć nasz długi cień, jest skopiowanie tekstu.
W panelu Warstwy kliknij warstwę tekstową i przeciągnij ją w dół na ikonę Dodaj nową warstwę na dole:
Przeciągnięcie warstwy tekstowej na ikonę Dodaj nową warstwę.
Nad oryginałem pojawi się kopia warstwy tekstowej:
Kopia jest tworzona.
Krok 2: Zmień kolor kopii na czarny
Następnie wybierz narzędzie Tekst z paska narzędzi, jeśli nie zostało jeszcze wybrane:
Wybór narzędzia Tekst.
Następnie na pasku opcji kliknij próbkę koloru:
Kliknięcie próbki koloru.
W Próbniku kolorów zmień kolor tekstu na czarny, ustawiając wartość B (jasność) na 0 procent:
Wybór czerni z Próbnika kolorów.
Kliknij OK, aby zamknąć selektor kolorów, a czarny tekst blokuje teraz oryginalny biały tekst:
Wynik po zmianie kopii tekstu na czarny.
Krok 3: Przeciągnij kopię pod oryginał
Użyjemy czarnego tekstu do stworzenia naszego cienia, co oznacza, że musimy przesunąć go za oryginalny tekst. Wracając do panelu Warstwy, kliknij warstwę tekstową kopii i przeciągnij ją poniżej oryginalnej warstwy tekstowej:
Przeciągnij kopię pod oryginalny tekst.
A teraz wróciliśmy do widoku białego tekstu, za którym kryje się czarny tekst:
Oryginalny biały tekst jest ponownie widoczny.
Powiązane: Dowiedz się, jak używać warstw w Photoshopie!
Krok 4: Ustaw poziom powiększenia dokumentu na 100%
Aby stworzyć efekt długiego cienia, zrobimy serię kopii czarnego tekstu i użyjemy klawiszy strzałek na naszej klawiaturze, aby odsunąć każdą kopię od poprzedniej o jeden piksel.
Ale aby to zadziałało, musimy oglądać nasz dokument na poziomie powiększenia 100%. Dzieje się tak, ponieważ Photoshop używa pikseli ekranu, a nie pikseli obrazu, gdy przesuwamy zawartość za pomocą klawiszy strzałek. Jeśli więc twój poziom powiększenia jest ustawiony na mniej niż 100%, w rzeczywistości będziesz przesuwał tekst o więcej niż 1 piksel, powodując, że cień będzie miał postrzępione krawędzie.
Aby temu zapobiec, upewnij się, że przeglądasz dokument w 100%, przechodząc do menu Widok na pasku menu i wybierając 100%:
Przechodzę do Widok > 100%.
Krok 5: Wybierz polecenie Przekształć swobodne
Następnie, po wybraniu warstwy tekstu, przejdź do menu Edycja i wybierz Przekształć swobodne:
Przejście do Edycja> Swobodne przekształcanie.
Wokół tekstu pojawia się pole i uchwyty transformacji. W rzeczywistości znajdują się wokół czarnego tekstu, chociaż wygląda na to, że znajdują się wokół białego tekstu. Ale to nie ma znaczenia, ponieważ i tak nie będziemy używać uchwytów. Zamiast tego przeniesiemy tekst za pomocą klawiszy strzałek:
Skrzynka i uchwyty transformacji.
Krok 6: Naciśnij strzałkę w dół i strzałkę w prawo na klawiaturze
Na klawiaturze naciśnij raz klawisz strzałki w dół. Powoduje to przesunięcie czarnego tekstu w dół o jeden piksel. Następnie naciśnij raz klawisz strzałki w prawo, aby przesunąć tekst w prawo o jeden piksel. Ponownie upewnij się, że przeglądasz dokument na poziomie 100% powiększenia lub to nie zadziała.
Krok 7: Zaakceptuj i zamknij Free Transform
Ponieważ przesuwamy tekst o jeden piksel na raz, możesz nic nie zauważyć. Ale na razie po prostu zaakceptuj to i zamknij Swobodną transformację, klikając znacznik wyboru na pasku opcji:
Kliknięcie znacznika wyboru.
Krok 8: Zrób kopię tekstu i przekształć go ponownie
Photoshop ma nieco ukryte polecenie o nazwie Przekształć ponownie, które, jak zapewne się domyślasz, pozwala ponownie zastosować tę samą transformację.
Teraz jeszcze go nie wybieraj, ale chcę tylko, żebyś wiedział, że możesz go znaleźć, przechodząc do menu Edycja i wybierając Przekształć. Polecenie Znowu jest pierwszym wyborem na górze. Zauważ, że Transform Again ma skrót klawiaturowy Shift+Ctrl+T (Win) / Shift+Command+T (Mac):
Wyświetlanie skrótu klawiaturowego dla polecenia Przekształć ponownie.
Za każdym razem, gdy naciśniemy ten skrót, ponownie zastosujemy tę samą transformację do czarnego tekstu, co oznacza, że przesuniemy go o jeden piksel w dół i o jeden piksel w prawo. Ale nie chcemy ciągle przesuwać tego samego tekstu. To, czego naprawdę chcemy, to zrobić kopię tekstu i przenieść kopię.
Aby to zrobić, wystarczy dodać klawisz Alt (Win) / Option (Mac) do skrótu. Tak więc na komputerze z systemem Windows naciśnij Shift + Ctrl + Alt + T. Na komputerze Mac naciśnij klawisze Shift+Command+Opcja+T.
W panelu Warstwy zobaczysz nową kopię czarnej warstwy tekstowej pod oryginalnym białym tekstem u góry:
Pojawia się druga czarna warstwa.
A jeśli przyjrzysz się uważnie, zobaczysz cień zaczynający się wyłaniać zza liter:
Cień tekstu zaczyna się pojawiać.
Krok 9: Kontynuuj naciskanie skrótu, aby rozszerzyć cień
Naciśnij kilkakrotnie Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac), aby dodać coraz więcej kopii czarnego tekstu i przesuń każdą kopię o 1 piksel w dół i 1 piksel w prawo. Im więcej dodasz kopii, tym dłuższy będzie cień.
Pamiętaj jednak, że jeśli naciśniesz skrót zbyt wiele razy za szybko, Photoshop może mieć trudności z nadążaniem, więc będziesz musiał co jakiś czas przerywać, zanim zobaczysz wyniki.
Oto mój cień po wciśnięciu skrótu klawiaturowego łącznie 20 razy:
Dodano cień z 20 kopiami czarnego tekstu.
A oto wynik po wciśnięciu skrótu 50 razy. Cień rozciąga się teraz znacznie dalej od liter:
Cień przy użyciu 50 kopii czarnego tekstu.
A po stukrotnym wciśnięciu skrótu cień jest teraz dwa razy dłuższy niż poprzednio:
Cień przy użyciu 100 kopii czarnego tekstu.
Krok 10: Scal warstwy czarnego typu
Jeśli Twoim celem jest, aby cień był wystarczająco długi, aby wystawał poza krawędź tła, dodanie jednej nowej warstwy tekstowej na raz zajmie trochę czasu. Oto sposób na przyspieszenie.
W panelu Warstwy kliknij ostatnią dodaną warstwę czarnego tekstu. Będzie to ten bezpośrednio pod oryginalnym białym tekstem:
Wybór najwyższej czarnej warstwy tekstowej.
Następnie przewiń do samego dołu, naciśnij i przytrzymaj klawisz Shift i kliknij pierwszą warstwę czarnego typu. W moim przypadku jest to ten bezpośrednio nad warstwą wypełnienia Solid Color.
Powoduje to wybranie wszystkich warstw tekstowych, które tworzą cień:
Kliknięcie z wciśniętym klawiszem Shift pierwszej czarnej warstwy tekstowej.
Po zaznaczeniu warstw kliknij ikonę menu panelu Warstwy:
Kliknięcie ikony menu.
I wybierz polecenie Połącz warstwy:
Wybranie „Połącz warstwy”.
A teraz wszystkie warstwy tworzące cień są połączone w jedną warstwę:
Cień jest teraz na jednej warstwie.
Krok 11: Wybierz narzędzie do przenoszenia
Aby rozszerzyć cień, utworzymy jego kopie i przeniesiemy każdą kopię do miejsca, w którym zakończył się poprzedni cień.
Wybierz narzędzie Przesuń z paska narzędzi:
Wybór narzędzia Przesuń.
A na pasku opcji upewnij się, że opcja Auto-Select nie jest zaznaczona. Zapobiegnie to przypadkowemu przesunięciu niewłaściwej warstwy:
Automatyczny wybór powinien być wyłączony.
Ponadto, aby ułatwić przenoszenie warstw, przejdź do menu Widok na pasku menu i wyłącz Przyciąganie. Znacznik wyboru obok nazwy opcji oznacza, że jest ona aktualnie włączona, więc wybierz ją, aby ją wyłączyć:
Wyłączam przyciąganie.
Krok 12: Skopiuj cień i przesuń go pod oryginał
W panelu Warstwy upewnij się, że wybrana jest warstwa cienia:
Wybór warstwy cienia.
Następnie, aby utworzyć kopię cienia, naciśnij klawisz Alt (Win) / Opcja (Mac) na klawiaturze i trzymając wciśnięty klawisz, kliknij cień w dokumencie i przeciągnij od niego.
Zamiast przeciągać cień, przeciągniesz kopię cienia, podczas gdy oryginał pozostanie na swoim miejscu:
Przytrzymanie Alt (Win) / Option (Mac) i przeciągnięcie kopii warstwy cienia.
Po rozpoczęciu przeciągania zwolnij klawisz Alt (Win) / Option (Mac). Następnie przenieś kopię do miejsca, w którym kończył się oryginalny cień, tak aby dwie warstwy wyrównały się i wydłużyły cień.
Jeśli nie możesz ich idealnie wyrównać za pomocą narzędzia Przesuń, użyj klawiszy strzałek na klawiaturze, aby przesunąć kopię na miejsce:
Pozycjonowanie kopii tak, aby rozszerzała cień.
Krok 13: Wykonaj i przenieś więcej kopii, aby przedłużyć długość cienia
Powtórz te same kroki, aby jeszcze bardziej rozszerzyć cień. Naciśnij i przytrzymaj Alt (Win) / Option (Mac) i przeciągnij kopię za pomocą narzędzia Przesuń, a następnie przenieś kopię poniżej poprzedniej. Użyj klawiszy strzałek na klawiaturze, aby w razie potrzeby przesunąć ją na miejsce.
Tutaj przenoszę drugą kopię cienia pod pierwszą:
Pozycjonowanie drugiej kopii cienia.
A ponieważ chcę, aby mój cień wychodził poza dolny róg, dodam jeszcze kilka kopii i przesunę każdą na miejsce.
W moim przypadku potrzeba było w sumie sześciu warstw cienia (oryginał plus pięć kopii), aby rozszerzyć cień poza ekran:
Cień rozciąga się teraz poza dolny róg.
Pobierz ten samouczek jako gotowy do druku plik PDF!
Krok 14: Scal warstwy cieni
Podobnie jak w przypadku warstw tekstowych, musimy scalić warstwy cienia w jedną warstwę.
W panelu Warstwy ostatnia dodana kopia powinna być już zaznaczona u góry. Aby wybrać inne warstwy cienia poniżej, naciśnij i przytrzymaj klawisz Shift i kliknij oryginalną warstwę cienia na dole:
Zaznaczanie wszystkich warstw cieni.
Następnie, aby je scalić, kliknij ikonę menu:
Kliknięcie ikony menu panelu Warstwy.
I jeszcze raz wybierz Połącz warstwy:
Wybór „Połącz warstwy”.
A teraz cały cień jest scalony w jedną warstwę poniżej warstwy tekstowej:
Połączona warstwa cienia.
Krok 15: Zmniejsz krycie warstwy cieni
Na koniec, aby zmieszać cień z tłem, zmniejsz wartość krycia warstwy cienia. Opcja Krycie znajduje się w prawym górnym rogu panelu Warstwy. Obniżę mój do 70 procent:
Zmniejszenie krycia cienia.
A przy obniżonym kryciu cień jest nieco mniej intensywny:
Wynik po obniżeniu krycia cienia.
Krok 16: Zmień kolor tła
W tym momencie mój cień nadal wygląda na szary, ale to tylko dlatego, że tło jest szare. Jeśli zmienimy kolor tła, kolor cienia zmieni się wraz z nim.
Dodałem już warstwę wypełnienia Solid Color nad warstwą tła, skąd pochodzi szarość. Aby zmienić jego kolor, kliknę dwukrotnie próbkę koloru warstwy wypełnienia:
Dwukrotne kliknięcie próbki koloru.
A następnie w próbniku kolorów wybiorę inny kolor. Spróbuję odcienia czerwieni:
Wybór nowego koloru tła z Próbnika kolorów.
Kliknę OK, aby zamknąć selektor kolorów, a teraz cień jest ciemnoczerwony:
Wynik przy użyciu czerwonego tła.
Regulacja jasności cienia
Jeśli cień jest nadal zbyt ciemny, możesz go dostroić w panelu Warstwy, klikając warstwę cienia, aby go ponownie zaznaczyć, a następnie jeszcze bardziej obniżając jego wartość Krycie. Obniżę go do 50 procent:
Zmniejszam krycie cienia do 50 procent.
A teraz cień wydaje się jaśniejszy, gdy bardziej wtapia się w tło:
Niższe wartości krycia sprawiają, że cień jest jaśniejszy.
Oto ten sam efekt, przy użyciu tej samej 50-procentowej wartości krycia, ale z tłem zmienionym na niebieski:
Ten sam efekt, inny kolor tła.
Korzystanie z gradientu w tle
Oczywiście nie musisz używać jednolitego koloru tła. Gradienty działają równie dobrze, a cień przyjmie kolory gradientu.
W panelu Warstwy dodam warstwę wypełnienia Gradient powyżej warstwy wypełnienia Kolorem jednolitym, klikając ikonę Nowe wypełnienie lub Warstwa dopasowania:
Kliknięcie ikony nowego wypełnienia lub warstwy dopasowania.
I wybierając Gradient z listy:
Dodanie warstwy wypełnienia gradientowego.
Następnie w oknie dialogowym Wypełnienie gradientem wybiorę gradient, klikając strzałkę obok próbki gradientu:
Kliknij strzałkę, aby wybrać gradient.
W programie Photoshop CC 2020 gradienty są podzielone na grupy, przy czym każda grupa jest reprezentowana przez folder.
Otworzę grupę Purples (nowość w CC 2020), klikając strzałkę obok ikony folderu, a następnie wybiorę jeden z nowych fioletowych gradientów, klikając dwukrotnie jego miniaturę:
Dwukrotne kliknięcie miniatury gradientu.
Chcę, aby jaśniejszy kolor gradientu pojawił się na górze tła, a ciemniejszy na dole. Odwrócę więc kolejność kolorów, zaznaczając opcję Odwróć:
Wybranie opcji Odwróć.
Następnie kliknę OK, aby zamknąć okno dialogowe Wypełnienie gradientem.
A teraz nie tylko tło wygląda ciekawiej, ale także cień robi się równie dobrze, jak wtapia się w kolory gradientu:
Długi efekt cienia z gradientowym tłem.
Mamy to! W ten sposób możesz dodać długi efekt cienia do tekstu za pomocą Photoshopa!
Sprawdź nasze sekcje Efekty fotograficzne lub Efekty tekstowe, aby uzyskać więcej samouczków. I nie zapominaj, że wszystkie nasze samouczki Photoshopa są dostępne do pobrania w formacie PDF!
