logotype

[Tutorial] Realistyczny napis 3D

Photoshop line 2 Komentarzy » line październik 31st, 2009 line Mateusz Lomber
VN:F [1.9.6_1107]

Przykładowy outcome:



Etap I:
Tworzymy nowy dokument o wymiarach najbardziej nam odpowiadających (w moim wypadku będzie to 500x300px), wypełniamy tło odpowiednim kolorem (tutaj jest to #1C1E1C), a następnie tworzymy nową warstwę a na niej tworzymy tekst (można też coś narysować, pentoolem [piórem], itd.) – jak zawsze kolor i czcionka wg. uznania.
Klikamy na warstwę z tekstem prawym przyciskiem myszy i wybieramy Rasterize Layer [rasteryzuj warstwę] (dzięki temu nie będziemy mieć problemu z ‘transform’ [Przekształć]).

Etap 2:
Klikamy Edit [Edytuj], Transform [Przekształć], a następnie Distort [Zniekształć]. Teraz zmieniamy położenie warstwy z tekstem, tak by trochę “leżała” (chyba wiecie o co mi chodzi? ;p A jak nie to patrzeć na rysunek).

Etap 3:
Kopiujemy warstwę z tekstem, klikamy na tą na dole, następnie idziemy do Image [obraz], Adjustments [dopasowanie] i klikamy Brightness/Contrast.
W okienku Brightness/Contrast [jasność/kontrast] zmniejszamy wartość Brightness [jasność] (ja ustawiłem na -61).

Etap 4:
Teraz tak długo kopiujemy dolną warstwę (tą przyciemnioną) tekstu, przesuwamy (góra, dół), oraz sklejamy ze sobą (CTR + E, lub ewentualnie layer [warstwa] i merge visible [połącz widoczne]), aż uzyskamy zadowalający efekt prostego 3D (patrz na rysunek).

Etap 5:
No, mamy już prosty efekt 3D to można się zabrać za udoskonalanie. ;)
Klikamy teraz na Dodge Tool’a [Rozjaśnianie] (ikonka “czarnego lizaczka” ;p) i robimy refleksy najpierw na dolnej warstwie (tej ciemniejszej), a następnie górnej (wg. uznania – spróbujemy sobie wyobrazić z której strony słońce pada, później robimy refleksy odpowiednio; jest to rzecz imo dosyć indywidualna i nie da sie tego jakoś dokładnie opisać – zobaczcie jak to wygląda na obrazku).

Etap 6:
Ok, refleksy zrobione, teraz wypadałoby zająć się cieniowaniem ;)
A, więc bierzemy tym razem Burn Tool [Ściemnianie] (“Pan drapiąca rączka” ;p) i cieniujemy wg. uznania.

PS. sry, że tak marcie cieniuje, itd. ale spieszę się z tym tutorialem ;p (godz. 0:10)

Etap 7:
ok, klikamy dwa razy na dolną warstwę (layer style [Styl Warstwy]) i ustawiamy tak jak niżej:
Drop Shadow [Cień]:
distance: 35px

spread: 0px

size: 38px

Reszta tak jak jest standardowo.
Gradient Overlay [Nałożenie Gradientu]:
blend mode: overlay
gradient (biało-czarny) z zaznaczonym reverse
style: radial
angle: 180 stopni
scale: 150%
Reszta tak jak jest standardowo
Teraz klikamy na górną warstwę dwa razy (by ustawić layer style) i ustawiamy wg. poniższych wartości:
Drop Shadow [Cień]:
opacity: 40%

distance: 1px

size: 5px

reszta standardowo
Gradient Overlay [Nałożenie Gradientu]:
blend mode: overlay

angle: 180 stopni

scale: 150%

reszta standardowo

Etap 8:
Teraz klikamy na górną warstwę prawym przyciskiem myszy i “Select Layer Transparency”
Następnie tworzymy nową warstwę, klikamy na nią, później zaznaczamy “Eliptical Marquee tool” [Zaznaczenie Eliptyczne], wciskamy i przytrzymujemy alt, klikamy i przeciągamy nad zaznaczeniem następnie puszczamy w odpowiednim momencie przycisk myszy (by zaznaczyło nam hmm… “półksiężyc”).
Wybieramy gradient tool’a z “Foreground to Transparent” (by ‘szedł’ z białego do przezroczystości), oraz używamy na naszym zaznaczeniu.

Teraz wystarczy zmniejszyć opacity warstwy z naszym nowym ‘odblaskiem’ na np. 36%.

Na samym końcu można nałożyć na to jakiegoś rendera z blending overlay [Opcje Mieszania >> Nakładka (tryb mieszania)] i ze zmniejszonym opacity [Krycie], oraz jakieś zblurowane [Rozmycie Gaussowskie] (z blending overlay) paseczki zrobione pen tool’em.

Od razu na początku chce przeprosić za jakość tego 3D (jak już wcześniej w tutorialu wspomniałem, trochę się spieszyłem).

Wy im więcej czasu spędzicie nad udoskonalaniem tego efektu 3D, bawieniem się różnymi wartościami w layer style możecie uzyskać naprawdę wspaniałe efekty, czego wam oczywiście życzę. ;)
Byłbym wdzięczny za ewentualne uwagi, porady, spostrzeżenia, oraz wasze opinie na temat tego tutoriala, oraz pomysły na następne tutoriale. ;)

Aha, prosiłbym także o nie kopiowanie tego tutoriala bez mojej zgody, jakby co to gg: 8776685, e-mail: lumberpack@gmail.com, msn: lumberpack@op.pl (jestem dosyć często dostępny, więc z kontaktem nie ma problemu ;) ).


RENDER

[Tutorial] Realistyczny napis 3D, 4.8 out of 5 based on 5 ratings
  • digg it
  • add to delicious
  • retweet
  • thumb it up
  • wykop
  • wyslij na flakera
  • wyslij na blipa




ILOŚĆ KOMENTARZY: 2
add comment

VA:F [1.9.6_1107]
etCeteraluty 24th, 2011 13:11 usuń

Hej.
Fajny tutorial ale nie zrozumiałem ostatniego pkt.
"Na samym końcu można nałożyć na to jakiegoś rendera z blending overlay…"
Jakoś nie udało mi się namierzyć tego efektu :/
Jak byś mógł jaśniej to opisać, gdzie ten efekt uzyskać i jak.
Z góry dzięki.



VN:F [1.9.6_1107]
Mateusz Lombermarzec 11th, 2011 20:38 usuń

Znajdujesz jakiś render chociażby z planetrenders.net lub ze źródła jakie podałem na końcu tutoriala, tworzysz nową warstwę na której wklejasz render oraz dajesz overlay dla blendingu warstwy (tryb mieszania: nałożenie – w polskiej wersji, jeśli mnie pamięć nie myli).


comments line

Imię / Nick: (wymagane)

E-mail: (wymagany)

Strona www: