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.
-
DARMOWETekst 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.
-
DARMOWEAdobe IllustratorUtwórz izometryczny efekt tekstowy w programie Adobe IllustratorTworzenie izometrycznego efektu tekstowego w programie Adobe Illustrator
3D 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.
![wpisz tekst w photoshopie](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-1.jpg)
Krok 2
Z zaznaczoną warstwą tekstu przejdź do zakładki 3D > Nowe wyciskanie 3D z zaznaczonej warstwy.
![turn text into 3d in photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-2.jpg)
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.
![obróć tekst 3d w dół](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-3.jpg)
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.
![obrót kamery 3d w photoshopie](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-4.jpg)
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.
![zmień współrzędne kamery](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-5.jpg)
Krok 6
Jeśli to konieczne, przeciągnij krzyż bardziej na środek i umieść tekst 3D również na środku.
![center 3d camera](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-6.jpg)
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.
![add 3d background](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-7.jpg)
Krok 8
Przejdź do zakładki 3D do 3D > New Mesh from Layer > Depth Map to > Plane.
![turn rectangle into 3d in photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-8.jpg)
Krok 9
Zaznacz obie warstwy i przejdź do 3D > Merge 3D Layers.
![merge 3d layers](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-9.jpg)
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)
![przesuń w osi z](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-10.jpg)
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ć.
![zmień preset kształtu](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-11.jpg)
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.
![adjust shape preset options](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-12.jpg)
Krok 13
Czas ustawić światła! Przewiń listę w dół, aby znaleźć Infinite Light. Przeciągnij je, aby stworzyć ładny cień pod literami.
![adjust infinite light](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-13.jpg)
Krok 14
Miękkość cienia i intensywność światła możesz zmienić w panelu Właściwości.
![zmień sfotness cienia](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-14.jpg)
Krok 15
Dodajmy jeszcze jedno światło. Kliknij białą kartę na dole panelu 3D i wybierz Nowe nieskończone światło.
![dodaj nowe światło](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-15.jpg)
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ń.
![dostosuj nowe światło](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-16.jpg)
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.
![add diffuse color](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-17.jpg)
![add specular color](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-18.jpg)
![add ambient color](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-19.jpg)
Krok 18
Jak już ustawiłeś wszystkie kolory, utwórz nowy materiał.
![twórz nowy materiał](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-20.jpg)
Krok 19
Kliknij na prostokąt na liście i dodaj do niego materiał.
![add material to object](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-21.jpg)
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.
![zmień globalne światło](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-22.jpg)
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ć.
![renderuj 3d w photoshopie](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-1-23.jpg)
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 efekt tekstowy photoshop](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-final.jpg)
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.
![Real 3D Text Mockups](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-PROMO-3.jpg)
![efekt drewnianego tekstu](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-PROMO-6.jpg)
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.
![Efekty tekstowe Rubber 3D](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-PROMO-4.jpg)
![rubber logo text effect](https://cms-assets.tutsplus.com/uploads/users/108/posts/32318/image/how-to-create-3d-text-photoshop-PROMO-8.jpg)
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