|
|
|
3D typographic effects in Photoshop
Autor: Nik Ainley
Link: http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1617
Link Cytuj
|
|
|
0
|
|
|
|
|
Photoshop jest świetnym narzędziem postprodukcyjnym - Nik Ainley z Shiny Binars pokazuje jak dodać "tego czegoś" do trójwymiarowego tekstu używając Photoshopa.
Wstawianie trójwymiarowych obiektów do Photoshopa staje się coraz bardziej popularne od czasu wypuszczenia na rynek Photoshopa Extended. Ale nie potrzebujesz najnowocześniejszej ostatniej wersji produktu Adobe aby stworzyć unikalne efekty trójwymiarowe. Tutorial ten ma zastosowanie dla Photoshopa CS i wersji wyższych.
Nik Ainley - guru efektów tekstowych pokazuje jak stworzyć ten obrazek.
"1" http://www.digitalartsonline.co.uk/images/features/1617/main%20image.jpg
Link Cytuj
|
|
|
0
|
|
|
|
|
Sekret polega na stworzeniu w pakiecie 3D "np. Xara" tekstu trójwymairowego i wstawienie go do Photoshopa w celu dalszej obróbki.
Nik stworzył napis w ktorym litery opierają się o siebie, wychodza z siebie poprzez sprytne użycie narzedzi maskujących i warstw. Oprócz tego litery stanowią płótno do dalszych efektów takich jak wzory, gradienty czy linie.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:29:35
Link Cytuj
|
|
|
0
|
|
|
|
|
01.
"2" http://www.digitalartsonline.co.uk/images/features/1617/1.jpg
w programie 3D takim jak Xara stwórz każdą literę osobno i zaimportuj je do Photoshopa. Połóż każdą literę na osobnej warstwie i ustaw je wobec siebie tak jak Ci będzie odpowiadało.
Może się wydawać dziwne tworzenie trójwymiarowego tekstu w ten sposób ale Photoshop oferuje znacznie większy zakres kontroli niż programy 3D oraz umozliwia uzyskiwanie ciekawszych efektów.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:29:24
Link Cytuj
|
|
|
0
|
|
|
|
|
WSKAZÓWKA:
Jeśli używasz Zniekształcania tekstu na tekście stworzonym w Photshopie, rezultat jest rastrowy i często uzyskuje się wiele rozpikselowanych szczegółów. Aby to obejść, zaznacz swój tekst i wybierz Warstwa> Tekst> Konwersja na kształt. Wtedy użyj na kształcie narzędzia do zniekształcania tekstu, a rezultat będzie o wiele mniej "zanieczyszczony" , co jest bardzo ważne.
Link Cytuj
|
|
|
0
|
|
|
|
|
02.
"3"http://www.digitalartsonline.co.uk/images/features/1617/2.jpg
Zaletą pracy w Photoshopie jest to, że litery mogą być ustawione tak, że pewne części są schowane za inną literą natomiast inne wystają poza nie. Aby otrzymać ten efekt, trzeba zamaskować części liter by wydawało się, że są schowane za innymi literami.
Aby zamaskować część litery dodaj do niej maskę warstwy.Następnym krokiem jest wybranie litery, która będzie widoczna z przodu. Na obrazku "3" staramy się by litera E wydawała się być częściowo przed literą H.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:30:13
Link Cytuj
|
|
|
0
|
|
|
|
|
Kliknij na warstwie litery H równocześnie wciskając Ctr - zaznaczysz w ten sposób całą literę. Upewnij się, że masz również zaznaczoną maskę warstwy, weź pędzel koloru czarnego i pomaluj literę tam, gdzie chcesz by była niewidoczna. Litera E wystaje teraz przed H. Powtórz krok do następnych liter w wybranych miejscach.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:31:14
Link Cytuj
|
|
|
0
|
|
|
|
|
03.
"4" http://www.digitalartsonline.co.uk/images/features/1617/31.jpg
Teraz dodamy cienie i oświetlenie do liter.
Stwórz nową warstwę nad literą F. Aby cienie padały tylko na tę literę, nadaj warstwie maskę. Kształt maski musi odpowiadać kształtowi litery F bez części wymazanych w poprzednim kroku. Aby to zrobić, kliknij na warstwie litery F wciskając Ctr, następnie kliknij na masce przytrzymując Ctr+Alt+Shift, aby otrzymać zaznaczenie litery bez ukrytych wcześniej części. Teraz zaznacz nową warstwę, utworzoną wcześniej nad warstwą z literą F i dodaj maskę, która powinna zyskać ten sam kształt co zaznaczenie litery.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:31:01
Link Cytuj
|
|
|
0
|
|
|
|
|
04.
"5" http://www.digitalartsonline.co.uk/images/features/1617/4.jpg
Używając dużego miękkiego pędzla "około 70px" pomaluj czarnym kolorem naokoło tych części litery które powinny być ocienione. W tym przypadku będzie to górny kawałek zachodzący pod R i dolny kawałek zachodzący pod S. Powtórz ten proces dla każdej warstwy z literą, tak by nadać napisowi więcej głębi.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:31:38
Link Cytuj
|
|
|
0
|
|
|
|
|
05.
"6" http://www.digitalartsonline.co.uk/images/features/1617/5.jpg
Mając skończone cienie na literach, możemy przystąpić do nadania cienia tłu. Stwórz nową warstwę pod wszystkimi literami. Zaznacz wszystkie litery "Ctr+ klik na wszystkich warstwach z literami" i wypełnij zaznaczenie czarnym kolorem. Dodaj rozmycie gaussowskie "Filtr> Rozmycie>Rozmycie gaussowskie". Następnie używajac narzędzia Przekształć "Wypaczenie" rozciągnij cień troszkę do dołu by litery unosiły się nad nim lekko. Znowu dodaj rozmycie i zmniejsz krycie warstwy jeśli cień wydaje się być zbyt mocny.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:32:22
Link Cytuj
|
|
|
0
|
|
|
|
|
06.
"7" http://www.digitalartsonline.co.uk/images/features/1617/6.jpg
Następnie dodaj cieni poniżej warstw z literami aby dodać jeszcze więcej głębi. Stwórz nową warstwę nad warstwą z pierwszym cieniem i uzywając miękkiego 50px pędzla namaluj cień. Dodawaj więcej koloru przy podstawie liter by wyglądalo to tak, jakby stały na tle.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:32:49
Link Cytuj
|
|
|
0
|
|
|
|
|
07.
"8" http://www.digitalartsonline.co.uk/images/features/1617/7.jpg
Teraz zaczniemy pracować na literach. Pierwszym krokiem jest wyizolowanie przedniej powierzchni każdej litery przy użyciu magicznej różdżki lub pióra. Gdy zaznaczysz przednią powierzchnię litery, stwórz nową warstwę ponad literą, ale pod warstwą cienia. Wypełnij zaznaczenie kolorem jakim chcesz, ale niech będzie on trochę ciemniejszy i bardziej stłumiony. Jeśli ukrywałeś jakieś części litery to musisz skopiowac maskę z warstwy litery do warstwy z przednią powierzchnią litery.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:33:09
Link Cytuj
|
|
|
0
|
|
|
|
|
08.
"9" http://www.digitalartsonline.co.uk/images/features/1617/8.jpg
Aby nadać styl każdej przedniej powierzchni litery użyjemy stylu warstw. Dokładne ustawienia zależą od indywidualnych preferencji, ale podstawy to:
Wewnetrzny cień: Rozjaśnianie, biały, krycie 15%, wahanie: 0px, rozmiar: 45px.
Wewnetrzny blask: Mnożenie odwrotności, biały, krycie 75%, rozmiar 2px.
Nałożenie gradientu: Łagodne światło, czarny do białego, krycie 100%, pod takim kątem by litera była jaśniejsza na górze a ciemniejsza na dole.
Satyna: Rozjaśnianie, ciemny szary, krycie 50%, wahanie 20px, rozmiar 40px.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:34:23
Link Cytuj
|
|
|
0
|
|
|
|
|
09.
"10" http://www.digitalartsonline.co.uk/images/features/1617/9.jpg
Gdy ustawienia zadowolą Cię, możemy przejść do pracy nad innymi częściami liter.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:35:17
Link Cytuj
|
|
|
0
|
|
|
|
|
10.
"11" http://www.digitalartsonline.co.uk/images/features/1617/10.jpg
Musimy zmienić kolor i oświetlenie boków liter by były jednolite i uzupełniały się. Aby to zrobić użyjemy Warstw dopasowania. Zaznacz maskę cienia litery F i stwórz warstwę gradientu poniżej warstwy z przednią powierzchnią tej litery.
silver_cloud wyedytował tego posta w dniu 2008-12-21 17:39:18
Link Cytuj
|
|
|
0
|
|
|
|
|
11.
"12" http://www.digitalartsonline.co.uk/images/features/1617/11.jpg
Teraz można zebrać dodatkowe warstwy dopasowania ponad i poniżej warstwy stworzonej w kroku 10 w celu zmiany ciężaru, kontrastu i kolorów tak jak sobie tego życzysz. Następnie skopiuj warstwy dopasowania na poszczególne litery i dostosuj je tak by uzyskać jednolity koloryt.
Link Cytuj
|
|
|
0
|
|
|
|
|
12.
"13" http://www.digitalartsonline.co.uk/images/features/1617/12.jpg
Wejdź w filtr > artystczny > foliowanie, aby dodać więcej połysku do korpusu każdej litery. Ustawienia są następujące:
Intensywność podświetlenia: 14
Szczegół: 1
Gładkość: 14.
Po dodaniu filtra do każdej litery, zmień tryb mieszania na łagodne światło
Link Cytuj
|
|
|
0
|
|
|
|
|
WSKAZÓWKA:
Dodanie filtra foliowanie w kroku 12 kompletnie zmieni wygląd warstwy tła. Na wypadek gdy zmienisz zdanie mozesz skopiować tło przed dodaniem filtra.
Link Cytuj
|
|
|
0
|
|
|
|
|
13.
"14" http://www.digitalartsonline.co.uk/images/features/1617/13.jpg
Teraz dodamy warstwę dostosowania nad wszystkimi warstwami, aby zharmonizować nieco kolory.
Nadaj ten sam gradient jak wcześniej używając trybu łagodne swiatło i krycia 50%.
Link Cytuj
|
|
|
0
|
|
|
|
|
14.
"15"http://www.digitalartsonline.co.uk/images/features/1617/14.jpg
Wypróbuj różnych warstw dostosowania aby uzyskać odpowiednie kolory i równowagę. Dodaj warstwę krzywych aby rozjaśnić nieco obraz, Filtr fotograficzny by dodać więcej czerwieni i warstwę Balans kolorów by dodać więcej pomarańczowego.
Dodaj tak wiele warstw jak uważasz za stosowne aby uzyskać pożądany efekt.
Na koniec dodaj maskę do warstw dostosowań i wymaż z tła ich działanie.
Link Cytuj
|
|
|
0
|
|
2008.12.21,
16:59
