Jeśli interesują cię efekty tekstowe w Photoshopie, w tym poradniku pokażę ci, jak w kilku krokach zrobić trójwymiarowy tekst w Photoshopie. Dopasujemy jego kształt, ustawimy źródła światła, stworzymy materiał, a następnie wszystko wyrenderujemy. Pamiętaj, że potrzebujesz do tego co najmniej Photoshopa CC lub CS6 Extended.
(Wolisz używać Adobe Illustratora? Mamy też darmowy kurs na temat tworzenia tekstu 3D w Illustratorze!)
Czego się nauczysz w tym samouczku 3D Text Photoshop
- Jak zmienić tekst w obiekt 3D w Photoshopie
- Jak zrobić tekst 3D w Photoshopie
Śledź nas na naszym kanale YouTube Envato Tuts+, lub przewiń w dół, aby zobaczyć napisany samouczek 3D Text Photoshop.
Chcesz dowiedzieć się jak zrobić efekt tekstu 3D w Illustratorze? Weź udział w naszym dogłębnym kursie tworzenia tekstu 3D w programie Adobe Illustrator. W jednym kursie dowiesz się, jak stworzyć osiem różnych efektów tekstowych 3D.
-
DARMOWE
Tekst 3DMastering 3D Text in Adobe IllustratorMatt Withers
Albo wypróbuj nasz darmowy kurs, w którym Daniel White pokazuje każdy krok związany z tworzeniem efektu tekstu 3D w programie Adobe Illustrator.
-
DARMOWE
Adobe IllustratorUtwórz izometryczny efekt tekstowy w programie Adobe IllustratorTworzenie izometrycznego efektu tekstowego w programie Adobe Illustrator3D Text Effect in Adobe Illustrator
Daniel White
How to Make a 3D Text Effect in Photoshop
Step 1
Utwórz nowy plik. Wpisz jakiś tekst dużą, pogrubioną czcionką. Jeśli chcesz, możesz pobrać ten, którego ja użyłem, Streetwear.
Krok 2
Z zaznaczoną warstwą tekstu przejdź do zakładki 3D > Nowe wyciskanie 3D z zaznaczonej warstwy.
Krok 3
Twój tekst zostanie zamieniony w obiekt 3D z pewnymi domyślnymi ustawieniami. Zanim zaczniemy je zmieniać, ustawmy najpierw scenę. Kliknij tekst 3D i przejdź do zakładki Coordinates w panelu Properties. Zmień kąt X na 90 stopni.
Krok 4
Wybierz pierwsze narzędzie na górnym pasku i kliknij gdzieś poza obiektem, aby przesunąć kamerę. Przeciągnij ją, aż zobaczysz czerwono-niebieski krzyżyk.
Krok 5
Przejdź do zakładki Współrzędne i dostosuj drugą kolumnę, aby uwzględnić tylko obrót o 90 stopni na osi X.
Krok 6
Jeśli to konieczne, przeciągnij krzyż bardziej na środek i umieść tekst 3D również na środku.
Krok 7
Dodajmy teraz tło, z którym nasz obiekt będzie wchodził w interakcję. Wróć do warstw i narysuj prostokątny kształt.
Krok 8
Przejdź do zakładki 3D do 3D > New Mesh from Layer > Depth Map to > Plane.
Krok 9
Zaznacz obie warstwy i przejdź do 3D > Merge 3D Layers.
Krok 10
Wybierz ostatnie narzędzie na górnym pasku i zmień rozmiar prostokątnego kształtu tak, aby wypełnił całą scenę. Możesz dostosować grubość liter, przeciągając kształt w górę za jego oś Z (niebieska strzałka)
Krok 11
Dostosujmy teraz ustawienia tekstu 3D. Przejdź do pierwszej zakładki w panelu Properties i kliknij Shape Presets. Wybierz jeden z nich z listy, pamiętając, że wszystkie można jeszcze dostosować.
Krok 12
Aby dostosować kształt, przejdź do zakładki Cap. Tutaj masz dostęp do wielu ustawień, dzięki którym osiągniesz taki efekt, jakiego potrzebujesz. Ja zdecydowałem się na prosty kontur z bardzo cienkim skosem i lekkim wcięciem.
Krok 13
Czas ustawić światła! Przewiń listę w dół, aby znaleźć Infinite Light. Przeciągnij je, aby stworzyć ładny cień pod literami.
Krok 14
Miękkość cienia i intensywność światła możesz zmienić w panelu Właściwości.
Krok 15
Dodajmy jeszcze jedno światło. Kliknij białą kartę na dole panelu 3D i wybierz Nowe nieskończone światło.
Krok 16
Wyłącz na chwilę pierwsze światło i przeciągnij nowe światło tak, aby oświetliło głównie kontury liter. Zachowaj też miękki cień.
Krok 17
Przejdź teraz do zakładki Materiały. Zaznacz wszystkie materiały tekstu i dodaj do nich kolory. Rozproszony to główny kolor obiektu. Specular to kolor podświetlenia i połysku. Otoczenie to kolor cienia. Utrzymuj te kolory w tym samym zakresie odcieni, aby uzyskać naturalny efekt.
Krok 18
Jak już ustawiłeś wszystkie kolory, utwórz nowy materiał.
Krok 19
Kliknij na prostokąt na liście i dodaj do niego materiał.
Krok 20
Jeśli chcesz, aby cienie były jaśniejsze, możesz również dodać do sceny trochę światła otoczenia. Znajdź opcję Środowisko na liście 3D i zmień Globalne otoczenie na jasny kolor. Możesz też zwiększyć intensywność światła otoczenia.
Krok 21
Kiedy skończysz, kliknij przycisk Renderuj, aby zobaczyć, jak naprawdę wygląda Twoja scena. Ukończenie renderowania może zająć trochę czasu, ale nawet kilka przejść może pokazać, czego można się spodziewać.
Krok 22
Jeśli zauważyłeś coś, co chcesz poprawić, po prostu naciśnij Escape, aby zatrzymać renderowanie i dostosuj ustawienia, które chcesz zmienić, takie jak intensywność światła, kierunek źródeł światła lub właściwości materiału. Nie krępuj się powtarzać tych czynności, aż będziesz całkowicie zadowolony z efektu końcowego.
3D Efekty tekstowe
Więc teraz wiesz jak stworzyć podstawowy efekt tekstowy 3D, ale stworzenie czegoś bardziej złożonego nadal wymaga wiele wysiłku. Jeśli chcesz zaoszczędzić czas, istnieje wiele gotowych efektów tekstowych 3D dostępnych na Envato Elements. Oto kilka przykładów:
Real 3D Text Mockups
Ten zestaw zawiera sześć prostych, ale bardzo skutecznych efektów tekstowych. Możesz łatwo dodać realistyczne materiały do swoich liter, a tło będzie ładnie uzupełniać tekst. Możesz w ten sposób stworzyć tekst na ulotkę lub plakat – po prostu dodaj swój tekst, zmień czcionkę i ciesz się efektem końcowym.
Efekty gumowego tekstu 3D
Możesz również stworzyć unikalny podwójny tekst 3D z tym zestawem.3D tekst z tym zestawem. Oferuje on trzy warianty tego samego efektu: ładne, miękko cieniowane litery, które przywodzą na myśl gumę. Możesz zmienić tekst, czcionkę, a nawet kolor w tym efekcie.
Good Job!
Teraz już wiesz, jak tworzyć tekst 3D w Photoshopie. Jeśli chcesz dowiedzieć się więcej o tworzeniu trójwymiarowych efektów tekstowych w wielu stylach, wypróbuj te tutoriale:
-
Style warstwJak stworzyć czarny i złoty tekst 3D oraz logo? MockupJan Stverak -
Efekty tekstoweJak stworzyć błyszczący, świąteczny, trójwymiarowy efekt tekstowy w programie Adobe, Festive, 3D Text Effect in Adobe PhotoshopRose -
Text EffectsHow to Create a Flat, Faded 3D Text Effect in Adobe PhotoshopRose -
Akcje PhotoshopHow to Create a 3D Text Effect Action in PhotoshopMelody Nieves -
Efekty tekstoweJak stworzyć trójwymiarowy złoty warstwowy efekt tekstowy w Adobe PhotoshopRose