Tekst z efektem 3D coraz częściej wykorzystywany jest na banerach reklamowych, gazetach, w Internecie i nie tylko. Dziś można nauczyć się samodzielnie tworzyć tekst 3D za pomocą programu Photoshop. Nie będzie to łatwe i zajmie dużo czasu, gdy spróbujesz tego po raz pierwszy, ale nie ma problemu, z czasem i praktyką ta lekcja stanie się znacznie łatwiejsza.
Jak zrobić tekst 3D?
Do stworzenia tekstu z efektem 3D potrzebujemy jedynie Photoshopa i czasu. Postaramy się stworzyć następujący tekst:
Zacznijmy naszą pracę:
1. Najpierw musimy stworzyć nowy dokument, w którym napiszemy nasz tekst. Otwórz Photoshopa, poczekaj na załadowanie i naciśnij Cntr+N. W wyświetlonym oknie wprowadź rozmiar nowego płótna, potrzebujemy 10x10 cali (cali). Nie zapomnij o jakości, ustaw rozszerzenie na 300 pikseli/cal.
2. Nie zapomnij o tle, potrzebujemy ciemnoszarego koloru, który jest oznaczony #333333. Po ustawieniu tego parametru kliknij „OK”, aby utworzyć płótno.
3. Na płótnie roboczym musimy napisać słowa, które chcemy stworzyć w efekcie 3D. Wybierz narzędzie „Tekst” (oznaczone literą T) i zacznij pisać. W naszym przykładzie użyto czcionki „Myriad Pro Black” w kolorze żółtym (#FFCC00). Rozmiar pierwszego słowa wynosi 286 punktów, rozmiar drugiego słowa wynosi 83 punkty.
Aby uzyskać najbardziej efektowny efekt 3D, najlepiej wybrać pogrubione czcionki.
4. Teraz musimy zrasteryzować tekst, ale zanim to zrobimy, sprawdzamy tekst pod kątem błędów, ponieważ po wykonaniu tej funkcji tekstu nie można już edytować. Aby zrasteryzować tekst, kliknij go prawym przyciskiem myszy i wybierz „Rasteryzuj warstwę” z menu kontekstowego.
5. Następnym krokiem jest nachylenie tekstu. Dzięki temu będzie lepiej wyglądać w trzech wymiarach. Aby zaznaczyć tekst i rozpocząć transformację, naciśnij Ctrl+T. Następnie przytrzymaj klawisz Ctrl, kliknij kursorem na prawym górnym znaczniku i przeciągnij go nieco w lewo. To samo robimy z górnym środkowym znacznikiem. W efekcie powinniśmy otrzymać taki obrazek:
6. Aby tekst wyglądał atrakcyjniej, dodajmy do niego kilka efektów. Kliknij ikonę efektów w panelu „Warstwy” i dokonaj wyboru w elemencie o nazwie „Faza i płaskorzeźba”. Ustaw ustawienia jak na zdjęciu:
Nie zapominaj, że musimy także zmienić kolory w liniach „światła” i „cienie”. Ustaw odpowiednio #FFCC66 i #DFA125.
7. Możemy także uzyskać głębszy kolor, w tym celu stosujemy efekt „Satyna”, w linii „Blend Mode” ustawiamy parametr koloru #F3881F.
8. Ostatnim krokiem w oknie efektów jest „Nakładka gradientowa”. Kliknij gradient i zmień kolor po lewej stronie na #F7F3A7, po prawej na #F3881F. Pozostałe ustawienia gradientu można zobaczyć na zdjęciu:
Po zapisaniu wszystkich zastosowanych efektów otrzymaliśmy taki obraz.
9. Tekst jest już przygotowany i możemy przystąpić do tworzenia efektu 3D. Najpierw musimy zduplikować naszą warstwę tekstową, robimy to za pomocą klawiszy Ctrl+J. Przejdź do dolnego ujęcia i usuń z niego wszystkie efekty. Następnie musimy zmienić jego kolor, przejść do Obraz> Dopasowanie> Krzywe lub otworzyć wszystko, naciskając Ctrl + M. Krzywą należy wygiąć, jak pokazano na zdjęciu.
10. Po ostatniej operacji kolor tekstu stanie się ciemniejszy, ale to nie koniec, teraz pozostaje usunąć nasycenie kolorów. Przejdź do opcji Obraz > Dopasowania > Barwa/Nasycenie lub naciśnij Cntr+U i w otwartym oknie ustaw wartości na 0, -40 i 0. Potwierdź swój wybór.
11. Przesuń naszą główną warstwę nieco wyżej niż zduplikowana warstwa. Dolną warstwę również należy nieco przesunąć, tylko w lewo. Po przeciągnięciu warstw przytrzymaj klawisz ALT i kliknij strzałki w dół i w lewo. Dzięki tej operacji powielamy brązową warstwę kilkukrotnie, w zależności od liczby kliknięć – od tego będzie zależeć grubość lica bocznego.
12. Wszystkie warstwy należy połączyć i w tym celu w panelu Warstwy kliknij warstwę znajdującą się najwyżej, przytrzymaj klawisz Shift i zaznacz wszystkie pozostałe warstwy. Po dokonaniu wyboru naciśnij Cntr+E. Następnie musisz dodać „Nakładkę gradientową” do tych warstw i wybrać kolory czarny i biały.
Ta czynność spowoduje natychmiastowe wyciągnięcie tekstu, a pod literami pojawi się powierzchnia płaszczyzny bazowej:
KROK TRZECI: Nasza warstwa tekstowa nazywała się „PLAY”. Utworzona z niego warstwa 3D nazywa się tak samo. Znajdź go w panelu 3D i kliknij na niego. Następnie, jeśli samo się nie otworzy, otwórz panel właściwości (Okno -> Właściwości lub Okno -> Właściwości) i ustaw głębokość wytłoczenia (Głębokość wytłoczenia) na 0:
Litery stały się płaskie, a tego właśnie potrzebujemy.
KROK CZWARTY: Na górze panelu właściwości kliknij trzecią ikonę od lewej, w tej sekcji możemy zmienić kąt i intensywność nadmuchania kształtu figury.
Najpierw kliknij menu rozwijane Boki u góry panelu i ustaw opcję Przód i Tył. Następnie przejdź do sekcji Nadmuchanie i ustaw Kąt na 90°, a Siłę na 20%. Litery natychmiast stają się wzdęte. Widać to wyraźnie na dodatkowym widoku z góry:
KROK PIĄTY: W tej chwili wszystkie litery w słowie stanowią jeden obiekt. Chcę użyć każdej litery jako osobnego elementu. Zanim jednak podzielimy obiekt w kształcie litery, skonfigurujmy właściwości powierzchni obiektu. W panelu 3D kliknij Materiał wypełniający przód. W panelu właściwości, w oknie wyboru materiału, znajdź materiał o nazwie „Brak tekstury”:
Kontynuujmy pracę z panelem właściwości. Kliknij pole próbki koloru obok opcji Rozproszenie i wybierz biały z próbnika kolorów, a następnie kliknij OK. Ustaw Połysk na 100%, Odbicie na 75%, Chropowatość) na około 25% i „Wybrzuszenie” na 10%:
KROK SZÓSTY: Przejdź do zakładki menu głównego 3D -> Split Extrusion (3D -> Split Extrusion). Umożliwi to manipulowanie każdą literą indywidualnie, zachowując wszystkie litery na tej samej warstwie 3D. Przejdź do narzędzia Przesuń i najedź kursorem na pierwszą literę. Teraz możesz użyć narzędzi i widżetów 3D, aby zmienić położenie i skalę tej litery bez wpływu na pozostałe litery:
KROK SIÓDMY: Pokolorujmy każdą literę na inny kolor, zaczynając od aktualnie wybranej litery znajdującej się najbardziej po lewej stronie. W panelu 3D kliknij opcję W panelu 3D kliknij opcję „Przedni materiał inflacyjny”. W panelu właściwości kliknij kwadrat obok „Diffuse” i wybierz z palety kolorów np. zielony. Kliknij OK. Zrób to samo z pozostałymi literami, nadając każdej z nich inny kolor. Zauważysz, że właściwości odblaskowe powierzchni liter pozostają niezmienione, nawet gdy zmienia się kolor:
Należy pamiętać, że w panelu 3D należy dla każdej litery przełączyć się na „Materiał wypukły z przodu”:
KROK ÓSMY(dla programu Photoshop CS6): Jeśli używasz programu Photoshop CC, na obiektach 3D zobaczysz odblaskowe światła. Te podświetlenia są tworzone przez domyślne oświetlenie IBL (Image Based Light). W programie Photoshop CS6 obraz, na którym opierają się te światła, jest domyślnie całkowicie czarny, tj. Nie ma źródeł, dlatego nie będzie odblasków. Na poniższym obrazku pokazałem jak ten obrazek wygląda w Photoshopie CC, pokazałem też jak można otworzyć i obejrzeć obraz IBL:
Ten obraz jest podobny do lamp sufitowych i tworzy efekt odblasku na literach. Dlatego musisz utworzyć go samodzielnie w Photoshopie CS6. Kroki tworzenia nowej tekstury są podobne do kroków na powyższym rysunku, tyle że zamiast „Edytuj teksturę” kliknij linię „Nowa tekstura”. Photoshop automatycznie otworzy okno Nowy dokument, wprowadzi wymiary 538 na 302 piksele i narysuje szaro-białe płótno podobne do pokazanego powyżej, a następnie zapisze dokument.
KOŃCOWY KROK: Oświetlenie jest gotowe, a tekst 3D jest podzielony na litery. Teraz możesz używać narzędzi przesuwania, skalowania i widżetów 3D do przesuwania, pochylania i skalowania liter. Ponadto litery będą ze sobą współdziałać, odbijając nie tylko źródła światła, ale także siebie nawzajem. Będzie to widoczne po renderowaniu. I nie zapominaj, że chociaż możesz manipulować każdą literą indywidualnie, wszystkie nadal pozostają na tej samej warstwie 3D.
Photoshop CC ma doskonały system podpowiedzi tekstowych. Kiedy najedziesz kursorem na obiekt, wyświetlony zostanie „kontener wymiarowy” obiektu, czyli Gismo, wraz z jego osiami. Następnie przesuwamy kursor wzdłuż jednej z osi, a Photoshop daje nam opcje, na przykład „obróć wzdłuż osi Z”, „poruszaj się wzdłuż osi Y”, „skaluj wzdłuż osi X” itp.:
Tak wygląda mój efekt końcowy. Ten obraz uzyskano po wyrenderowaniu dokumentu; renderowanie można rozpocząć za pomocą klawiszy Ctrl+Shift+Alt+R:
Na ostatecznym obrazie ukryłem płaszczyznę bazową 3D. Sposób ukrywania/pokazywania płaszczyzny bazowej opisano tutaj.
W tym poradniku powiem Ci jak to zrobić Trójwymiarowy napis V Photoshop CS4.
Program ten nie zawiera wystarczającej liczby funkcji do tworzenia trójwymiarowych napisów, jednak do tego zagadnienia można podejść od innej strony. I nam się to uda!
Tworzymy dokument A4.
Wykonanie napisu za pomocą narzędzia Narzędzie
. Rozmiar czcionki 300 pkt
. Możesz wybrać dowolny kolor liter. Ja mam #d85366.
Zastosuj style warstw do etykiety. Warstwa / styl warstwy . W oknie, które zostanie otwarte, dokonaj ustawień:
Następnie zduplikuj warstwę tekstową ( Ctrl+J ) i za pomocą strzałek na klawiaturze opuść nową warstwę o jeden piksel w dół i w lewo. Procedurę powtarzamy 10 razy. Liczbę warstw można zmniejszyć lub zwiększyć. W zależności od tego, jak bardzo chcesz, aby tekst był obszerny.
Robienie cienia.
Utwórz nową warstwę na dole panelu Warstwy
. Zaznacz dolną warstwę z tekstem (przytrzymując klawisz kontrolny
, kliknij warstwę) i wypełnij zaznaczenie kolorem czarnym.
Zduplikuj dolną warstwę z napisem i odwróć ją w pionie. Edytuj / Przekształć / Odwróć w pionie.
Dla wygody połączymy warstwy z górnym napisem. Wybierz warstwy i kliknij Ctrl+E
. W rezultacie pozostaną nam 4 warstwy (tło, tekst odwrócony, cień, tekst wolumetryczny).
Zmieńmy style odwróconej warstwy tekstowej.
I wykonajmy te same manipulacje dla tej warstwy, aby dodać objętość (zduplikuj ją i przesuń w dół i w lewo). Scal warstwy odwróconego tekstu.
Przejdźmy do pracy z cieniem.
Edytuj/Przekształć
. Następnie przytrzymaj klawisz klawisz kontrolny
, deformujemy cień przesuwając punkty narożne.
Za pomocą narzędzia zaznacz górną część tekstu Duży namiot (zaznaczenie prostokątne i przesuń górną część cienia.
Finalizowanie cienia. Zastosuj filtr rozmycia gaussowskiego ( Filtr/Rozmycie/Rozmycie Gaussa
) i przezroczystość warstwy 65%
Narzędzie Duży namiot
wybierz dolną część tła i wypełnij ją gradientem. Zabarwienie #2a5159 i #dee7ee
. To samo robimy z górną częścią tła.
Sprawmy, aby odbicie było bardziej naturalne.
Utwórz nową warstwę nad odwróconym tekstem, zmień kolor gradientu #dee7ee
NA 100%
przezroczystość. Wypełnij nową warstwę gradientem.
Jak zrobić tekst 3D w Photoshopie CS6 i CS5
Adobe Photoshop to przede wszystkim edytor grafiki rastrowej. Ale nie mniej dobrze radzi sobie z innymi zadaniami. Wiemy już o jego możliwościach pracy z kształtami wektorowymi. Program potrafi także konwertować zwykłe kształty na trójwymiarowe.
Tekst 3D w Photoshopie CS5
Ta lekcja skupi się na pracy z tekstem 3D w programie Photoshop CS5 lub nowszym. Najnowsza wersja dołączona do Creative Cloud nadal najlepiej nadaje się do tych celów. Posiada największą liczbę narzędzi do przetwarzania dużego tekstu.
Twórz obszerny tekst w Photoshopie
Najpierw musisz otworzyć Photoshopa i utworzyć nowy plik. Ustaw rozdzielczość na 600 x 600 pikseli. Od razu podczas tworzenia dokumentu wybierz kolor czarny i wypełnij nim obraz (użyj w tym celu narzędzia Wypełnienie). Weź narzędzie do pisania poziomego i napisz jedno słowo na biało. Wybierz odpowiednią czcionkę i jej rozmiar. W naszym przypadku jest to KorinnaBlackC z czcionką o rozmiarze 172 punktów. Lepiej jest pisać tekst wielkimi literami.
Przyjrzyj się teraz panelowi ustawień narzędzia znajdującemu się nad obrazkiem. Jest przycisk „3D”. Kliknij to. Spowoduje to automatyczną konwersję warstwy tekstowej na 3D. 
Tekst 3D w Photoshopie CS6
Tekst 3D jest faktycznie tworzony w Photoshopie. Ale teraz musimy z nim ściśle współpracować, aby poprawić jego wygląd. Panel 3D powinien się otworzyć. Jeśli tak się nie stanie, podążaj ścieżką „Okno >> 3D”. Kliknij nazwę głównej siatki (składa się ona z napisanego słowa), aby otworzyć Opcje obrazu w panelu Właściwości. To są te, nad którymi będziesz pracować. Warto zaznaczyć, że w każdej chwili można skorzystać z narzędzia Tekst poziomy i dokonać edycji tekstu. Właśnie podczas projektowania obszernego tekstu w Photoshopie! Jednak nie jest to takie proste. Tekst 3D jest edytowany w programie Photoshop CS6. We wcześniejszych wersjach plik jest rasteryzowany przed konwersją do trybu 3D, co uniemożliwia edycję. 
Obecnie w panelu Właściwości znajdują się cztery karty ikon. Początkowo otwarta jest zakładka „Siatka”. Tutaj wybierasz głębokość wytłoczenia, kolor tekstu 3D w Photoshopie, dodajesz cień, a także stosujesz szablon dla konkretnej deformacji.
Następna zakładka nazywa się „Deformacja”. Tutaj możesz popracować nad wyciągnięciem tekstu wolumetrycznego (a właściwie jego grubości wzdłuż osi Z). Możesz zmienić głębokość, przekręcić, nadać efekt stożkowy i wiele więcej. 
Obecnie nad obrazem znajduje się pasek narzędzi odpowiedzialny za orientację w trybie 3D. Za pomocą odpowiednich przycisków możesz obracać kamerę lub sam napis wzdłuż wszystkich trzech osi. Wykorzystaj je do realizacji swojego pomysłu.
Tworzenie tekstu 3D w Photoshopie
Następnie zaleca się przejście do zakładki „Stolice”. Tutaj ustawiasz stopień kątowości tekstu. Lepiej nie dotykać tej zakładki, jeśli nie zamierzasz sprawić, że rogi będą bardziej kręcone lub gładkie. Ostatnia zakładka nazywa się „Współrzędne”. Tutaj możesz określić dokładną lokalizację tekstu 3D na obrazie.
Ale to nie wszystko. Tworzenie tekstu 3D w Photoshopie to nie tylko nadanie mu koloru, zmiana kąta i zmiana głębokości wytłoczenia. Przyjrzyj się panelowi 3D. Znajdziesz w nim kilka punktów odpowiedzialnych za przypisanie konkretnego materiału do tekstu. Kliknij wiersz „Materiał wybrzuszenia przedniego”. A w panelu „Właściwości” od razu zostaną wyświetlone parametry materiału, z którego składa się przód naszego tekstu. Możesz zmienić współczynnik załamania światła odbitego koloru, gładkość konturu, jego relief i inne parametry. Możesz nawet zwiększyć połysk. 
W tym momencie tworzenie tekstu 3D w Photoshopie jest prawie ukończone. Sugerujemy zapoznanie się z pozostałymi punktami panelu „3D”. Eksperymenty nie są zabronione. Na koniec porozmawiamy tylko o przedmiocie „Endless Light 1”. Kliknij na niego, a opcje oświetlenia otworzą się w „Właściwościach”. Samo źródło światła będzie widoczne w kompozycji; ma ono ikonę z wizerunkiem słońca. 
Możesz zmienić nieskończone światło na światło punktowe lub kierunkowe. W tym drugim przypadku na kompozycji pojawi się swego rodzaju reflektor, którego intensywność można regulować. Regulowana jest także średnica oświetlanej przestrzeni. 
Tekst 3D w Photoshopie CS6
Takie całkiem niezłe możliwości tworzenia tekstu 3D są dostępne w Photoshopie CS6 i nowszych wersjach. Ale tworzenie tekstu 3D w Photoshopie to dopiero początkowy etap pracy. Trzeba też zadbać o otoczenie tego tekstu. Możesz dodać tekstury, które również muszą być umieszczone w przestrzeni trójwymiarowej. Jednym słowem to wszystko jest bardzo ciekawym tematem.
Jak zapewne już zauważyłeś, możliwości Photoshopa są nieograniczone dzięki wielu kombinacjom bardzo prostych narzędzi, z których możesz skorzystać. Czasami jesteś nawet zaskoczony, jak piękny pomysł można wcielić w życie za pomocą zaledwie kilku operacji. Dziś pokażę Wam coś podobnego. Aby go utworzyć, nie potrzebujesz dogłębnej wiedzy o programie. Jednak wygląda bardzo imponująco.
Przyjrzymy się, jak utworzyć tekst 3D w Photoshopie. Myślę, że słyszeliście już, że najnowsze wersje programu zawierają moduł pozwalający na tworzenie obiektów 3D, ale dzisiaj pokażę Wam, jak łatwo można się bez niego obejść.
Aby stworzyć trójwymiarowy napis, najpierw pomyśl o kolorze czcionki. Wyobraź sobie trójwymiarowy obiekt w swoim ulubionym kolorze. Istnieje wyraźna różnica pomiędzy jasnymi i ciemnymi częściami obiektu. Główny kolor praktycznie się nie zmienia, ale mimo to odcienie są zupełnie inne. Kolor napisu odgrywa znaczącą rolę w tworzeniu tekstu 3D. Trochę przesadziłem z kolorami. Możesz sprawić, że napis będzie bardziej naturalny.
Najpierw piszemy tekst na białym obszarze roboczym. Kolejne zastrzeżenie: za pierwszym razem użyj pogrubionej czcionki. Z jego pomocą na pewno odniesiesz sukces. Chociaż czcionki o eleganckim stylu nie są odpowiednie dla wszystkich. Użyłem czcionki dino pro. Kolor tekstu nie jest jeszcze ważny. Pokryjemy to gradientem.
W oknie warstw kliknij i kliknij prawym przyciskiem myszy warstwę z napisem. W rozwijanym oknie wybierz „opcje nakładki”.
Ustawmy „gradient”. Przejście z #886174 na #af7c94.
Mamy taki gradient.
Przejdźmy teraz do okna warstw. Kliknij warstwę tekstową prawym przyciskiem myszy i wybierz „utwórz duplikat warstwy” z listy rozwijanej.
Naszym zadaniem jest przesunięcie go w dół i w lewo o 1 piksel. Zrobiliśmy to. W oknie warstw wybierz warstwę znajdującą się z tyłu. Otwórz „opcje nakładki”.
Odznacz pole gradientu. I ustaw go na „kolorową nakładkę”. Potrzebujemy koloru #eddacf. Ta warstwa będzie podświetleniem tekstu 3D. Dzięki temu nasze litery będą wyglądać na obszerniejsze.
Utwórz kolejną zduplikowaną warstwę. Przeciągnij go w oknie warstw tak, aby znalazł się jako pierwszy po tle. Zastosuj kolor #342328. I przesuń go o jeden piksel w górę i w prawo.
Coś już zaczyna się pojawiać.
Powtórz ostatnią manipulację 10 razy. Albo więcej. W zależności od grubości liter tekstu wolumetrycznego, jaki chcesz uzyskać.
To jest to, co mamy w tej chwili. Myślę, że moglibyśmy też dodać cień.
Utwórz kolejną zduplikowaną warstwę. Ponownie powinien pojawić się jako pierwszy w oknie warstw. Nie ma potrzeby przesuwania. Wybierz go w menu warstw. Kliknij prawym przyciskiem myszy. Wybierz „konwertuj na inteligentny obiekt”. Naciśnij kombinację klawiszy ctrl+t. Klikamy prawym przyciskiem myszy warstwę już w oknie roboczym. Wybierz polecenie „perspektywa”. Pociągnij róg tekstu. Oto co powinniśmy otrzymać:
Teraz za pomocą „Opcji mieszania” zmień kolor tej warstwy na biały. Warstwa stała się dla nas niewidoczna. I znowu przekształcamy go w inteligentny obiekt.
Naciśnij ctrl+shift+n, aby utworzyć nową warstwę. Wybierz obszar roboczy odpowiedni do czcionki. Na pasku narzędzi poszukaj „gradientu”.
Jego ustawienia znajdziesz tutaj:
Kliknij i ustaw je:
Lewy dolny suwak: kolor #e4e4e4. Prawy dolny róg jest biały.
Lewy górny suwak: 100% krycia. Prawy dolny róg – 0%.
Przeciągnij myszką po wybranym obszarze od dołu do góry. I usuń zaznaczenie.
Teraz kliknij tę warstwę w oknie warstw prawym przyciskiem myszy i wybierz „utwórz maskę przycinającą”.
Łączymy warstwy. Ratować. Wszystko!
Jak widać zastosowaliśmy bardzo proste techniki, ale mimo to osiągnęliśmy zamierzony efekt. Właściwie otrzymaliśmy tekst 3D.