3D Typografia łączy imponujące efekty tekstowe z kreatywnymi elementami projektowymi, podnosząc twoją typografię na zupełnie nowy poziom. Czy chcesz stworzyć futurystyczne, abstrakcyjne czy tematyczne wyglądy - za pomocą Photoshopa możesz stworzyć indywidualne 3D Typocomposing, które wzmocni wizualnie twoją wiadomość. W tym samouczku pokażę ci krok po kroku, jak uwydatnić swoją 3D typografię za pomocą tekstur, efektów świetlnych i innych elementów projektowych. Rozpocznijmy i zamieńmy twoje litery w dzieło sztuki!
Krok 1:
Najpierw tworzę nowy dokument; rozmiar jest całkowicie obojętny. Wybieram tu bardzo mały rozmiar 800x600 pikseli. Chcąc wydrukować ten efekt, należy zmienić jednostki z pikseli na cm i zwiększyć rozdzielczość z 72 na 300 pikseli na cal.
Krok 2:
Teraz tworzę warstwę tekstową z jedną literą. Następnie klikam w menu na 3D>Repoussé>Warstwa tekstowa.
Krok 3:
Wykonuję następujące ustawienia (w kwestii materiałów wybieram dla Wszystkie szablon dla Brak tekstury):
Krok 4:
Teraz otwieram panel 3D z menu Okno i zmieniam ekstruzję. Klikam w Rozproszenie na szary kolor.
Krok 5:
Tak, kolor jest już odpowiedni. To, co chcę teraz zrobić, to stworzyć własną teksturę tylko na przednim planie litery.
Krok 6:
Na nową teksturę tworzę nowy dokument o wymiarach 200 x 1 pikseli. Następnie dwukrotnie klikam tło warstwy i usuwam zawartość za pomocą klawisza usuń. Teraz mogę zaznaczyć połowę dokumentu, pokolorować ją na niebiesko, zaznaczyć całość i zapisać jako Menu>Edycja>Definiuj wzór.
Krok 7:
Wzór został zapisany, a teraz tworzę nowy dokument o wymiarach 2000x2000 pikseli. Następnie dodaję nową warstwę i koloruję ją (kolor nie jest istotny, ponieważ ustawiam przejrzystość wypełnienia na 0%). Teraz przechodzę do Opcji wypełniania, aktywuję swój nowy wzór. Następnie zapisuję tę teksturę jako plik PSD na swoim dysku twardym.
Krok 8:
Teraz wracam do mojego dokumentu i otwieram moją nową teksturę na moim Materiał - Nadmuchanej przedniej stronie.
Krok 9:
Wynik wygląda następująco (jeszcze nie jestem zadowolony z linii, więc ponownie otwieram moją teksturę).
Krok 10:
Aby móc obrócić mój wzór, konwertuję warstwę na Obiekt inteligentny. Teraz mogę obrócić również wzór, który został nałożony jako Opcja wypełniania.
Krok 11:
Teraz już dużo lepiej mi się podoba.
Krok 12:
Ponieważ linie są dla mnie zbyt grube, ponownie otwieram teksturę, przechodzę do mojego Obiektu inteligentnego i skaluję Nakładanie wzoru.
Krok 13:
Aby nadać tle większe znaczenie, dodaję gradient kolorów do warstwy tła.
Krok 14:
Jednocześnie nadaję swojej Spłaszczonej Krawędzi także niebieski odcień. Wynik prezentuje się następująco:
Krok 15:
Aby lepiej zobaczyć źródła światła, wyświetlam je w 3D-Panelu na samej dole.
Krok 16:
Dodatkowo przyciemniam tło na szaro, aby zobaczyć białe pasma światła. Zmieniam Rodzaj Światła mojego pierwszego światła z Kierunkowego na Koncentryczne.
Krok 17:
Teraz przesuwam światło i od razu widzę, jak obiekt na to reaguje.
Krok 18:
Również zmieniam kolejne źródło światła na Koncentryczne i zwiększam Intensywność światła na 1.
Krok 19:
Ponieważ renderowanie całego obiektu może zająć sporo czasu, mogę dokonać wyboru i przejść do opcji Wybór progresywny w menu Panelu 3D.
Krok 20:
Wynik prezentuje się bardzo dobrze. Mogę także zlecić renderowanie całego obiektu, klikając na scenę w górnej części Panelu 3D i wybierając odpowiednią jakość - Śledzenie Promieni - Szkic lub Śledzenie Promieni - Ostateczne (najdłużej trwa). Wskazówka: Jeśli muszę coś jeszcze zmienić na obiekcie, koniecznie wróć do ustawień Interaktywne (Malowanie), ponieważ w innym przypadku komputer natychmiast zacznie renderować wszystko od nowa i trzeba będzie długo czekać.
Krok 21:
Po ukończeniu pierwszej litery, tworzę kolejną z takimi samymi ustawieniami i metodą. Ponownie wczytuję wcześniej zapisaną teksturę.
Krok 22:
Ponieważ paski są zbyt szerokie, mogę je albo edytować bezpośrednio w teksturze, albo przejść do Diffuse i wybrać opcję Edytuj Właściwości.
Krok 23:
Jeśli zwiększę wartość Skalowania U, moje linie staną się mniejsze. Czasami linie mogą być jednak dziwnie przerywane, co prawdopodobnie jest błędem w Photoshopie lub sterownikach karty graficznej.
Krok 24:
Po zrenderowaniu sceny, mój litera S wygląda tak:
Krok 25:
Również tutaj przesuwam wszystkie źródła światła i niektóre zmieniam na Koncentryczne. Mogę nawet kliknąć na Nowy Symbol, aby dodać kolejne źródła światła.
Krok 26:
Ponieważ linie są zbyt szerokie, wchodzę do tekstury, następnie do Smart-Obiektu i potem do Nakładania Wzoru, gdzie nieco zmniejszam skalę. Jednak pojawia się dziwna podwójna linia w literze S, dlatego wracam do Właściwości Tekstury i delikatnie modyfikuję wartość Skalowania U, aż pasuje.
Krok 27:
Następnie tworzę ostatnią literę. Umieszczam ją w hierarchii warstw pod literą S.
Krok 28:
Co do litery d, mam specjalny pomysł: Litera ma otrzymać motyw floralny. W tym celu pobieram pędzel floralny z PSD-Tutorials.de, dodaję go do 2000x2000 pikseli wielkiego dokumentu z przezroczystym tłem i zapisuję jako plik PSD.
Krok 29:
W właściwościach tekstur przesuwam wzór odpowiednio.
Krok 30:
Teraz dostosowuję światło i mój litera wcale nie wygląda źle:
Krok 31:
Następnie tworzę nową warstwę i dodaję kilka mniejszych elementów białym kolorem za pomocą mojego kwiatowego pędzla.
Krok 32:
Teraz czas na eleganckie tło. Chwytam narzędzie Kształty Własne i ładuję następujący kształt, który domyślnie dostarcza Photoshop (jeśli nie jest widoczny, po prostu naciśnij małą strzałkę w prawym górnym rogu, aby załadować bibliotekę).
Krok 33:
Po nałożeniu kształtu zmniejszam nieco przezroczystość, dodaję maskę warstwy i wypełniam ją promienistym gradientem czarno-białym.
Krok 34:
Paski mogę jeszcze usprawnić, zmniejszając np. przezroczystość wypełnienia i następnie w opcjach wypełnienia dodaję delikatną poświatę na zewnątrz białym kolorem. Następnie nakładam piękny promienisty niebiesko-ciemnoniebieski gradient.
Krok 35:
Aby środek jaśniej świecił, mogę albo dostosować gradient, albo po prostu zmienić go za pomocą bardzo miękkiego, dużego pędzla. Następnie nieco zmniejszam przezroczystość warstwy.
Krok 36:
W jakiś sposób akcenty kwiatowe są dla mnie zbyt dominujące. Dlatego też wykonuję je jeszcze raz, tym razem jednak z jeszcze mniejszym pędzlem. Wynik prezentuje się następująco:
Krok 37:
Z pomocą warstwy Odcień/Nasycenie mogę szybko przekolorować tło:
Krok 38:
Jeśli wolałbym zmienić kolory liter zamiast tła, mogę również przejść do trybu wypełnienia pojedynczej litery i tam ustawić nakładanie koloru w trybie kolor. Następnie kopiuję efekt warstwy, przytrzymując klawisz Alt. dla każdej kolejnej litery.
Krok 39:
Łatwiej jednak jest, gdy moje litery znajdują się w folderze grupującym, a następnie dodaję warstwę Odcień/Nasycenie powyżej. I - bardzo ważne: ustawiam tryb wypełnienia mojego folderu grupującego z przenikania na normalny. Wtedy warstwa ustawień działa tylko na zawartość folderu.
Krok 40:
Mały trik na zakończenie warsztatów: Duplikuję moje trójwymiarowe litery i rasteryzuję kopię klikając prawym przyciskiem myszy.
Krok 41:
Teraz mam kilka możliwości: albo koloruję całą literę na biało, albo nakładam tylko nakładanie koloru na biało. Teraz dodaję maskę, a następnie mogę za pomocą miękkiego pędzla poprawić nawet pewne światła. W moim przypadku wzmocniłem światło na górze litery d i dodatkowo wygładziłem cień na ciemniejszym tle za pomocą kolejnej warstwy z czarnym nakładaniem koloru.
Krok 42:
Następnie moje wyniki wyglądają tak:
Mam nadzieję, że udało mi się przekazać wiele wskazówek dotyczących pracy z trójwymiarowymi obiektami w Photoshopie. Jak widać, to wcale nie jest trudne.
