() translation by (you can also view the original English article)
Ovaj tutorial u originalu je objavljen u ožujku 2012. kao Tuts+ Premium tutorial. Sada je dostupan besplatno. Iako u ovom tutorialu nije korištena najnovija verzija Adobe Photoshopa, tehnike i proces su i dalje isti.
U ovom tutorialu ćemo objasniti kako kreirati "izvanrednu" tipografiju u 3D-stilu pomoću ilustrativnih tehnika u Photoshopu. Za ovaj tutorial nisu potrebne 3D aplikacije ili alati i oslanja se isključivo na dobru skicu, kao i na vašu sposobnost pravilne primjene svijetla i sjene.
Želite li brže rješenje? Pretražite ovaj impresivan izbor Photoshop Layer Styles stilova na našoj stranici GraphicRiver da kreirate izvanredne tekst efekte za upola manje vremena! Ili potražite pomoć profesionalnih dizajnera s Envato Studia, za sve vaše potrebe izrade tipografije prema vlastitim potrebama.
Resursi za Tutorial
Tijekom izrade ovog tutoriala korišteni su sljedeći resursi:
1. Kako Podesiti Dokument
1. korak
Prije nego što počnemo popričajmo malo o perspektivi. Pogledajte sliku ispod. Kao što možete vidjeti, neki objekti su vidljivi, a neki skriveni ovisno o promatračevoj točki gledišta.
U prvom slučaju (bočni pregled), vidljivi su samo crveni dijelovi. Isto se odnosi i na drugi slučaj (prizor odozgo). U trećem slučaju, imamo kombinaciju prvog i drugog slučaja - što smo udaljeniji, više je i perspektive. U ovom slučaju, bočne strane su označene plavom.
2. korak
Preuzmite originalnu skicu koju ćete upotrijebiti kao bazu ove ilustracije.
3. korak
U Photoshopu izradite New Document (novi dokument) podešen na 2500 x 1050 pixels (RGB, 72 dpi).
4. korak
Impotrirajte skicu unutar ove datoteke i kreirajte četiri mape:
- Background
- Shadows
- Letters
- Shine
2. Kako Kreirati Slova
1. korak
Koristeći Pen Tool, počnite ocrtavati slova (unutar mape: "3 letters"), prateći istu putanju sa skice. Slova ispunite bojom #978958. Učinite isto sa svim slovima. Svako slovo bi trebalo biti na zasebnom sloju unutar mape "3: Letters".
2. korak
Nakon što nacrtate sva slova, slika bi trebala izgledati ovako:
3. korak
Izradimo sada putanje kako bismo kreirali dubinu. Referirajte se na prvi korak u kojem sam objasnila razlike u perspektivi. Za dodavanje dojma dubine, samo pratite putanje iz skice. Mnogo puta možemo popraviti putanje skice kada crtamo u Photoshopu stvarajući zaobljenije krivulje. Upotrijebite boju #554c2f.
4. korak
Ponekad ćete vidjeti da se neki dijelovi preklapaju preko drugih. Pogledajte primjer ispod, slovo "A" gdje dvije noge prelaze prijeko.
5. korak
Kako bismo omogućili da jedna linija prođe ispod, ne moramo mijenjati poziciju sloja; umjesto toga, moramo napraviti mapu pod imenom Mask da sakrijemo dio linije koja se preklapa preko drugog objekta. Kako biste to učinili, grupirajte oba sloja objekta koji se preklapaju preko linije (križanje) "A" kao što je prikazano na slici ispod.
6. korak
Nakon što smo završili te korake, na ovoj mapi ćemo kreirati Layer Mask. Kliknite na "group" sloj i zatim, na dnu Layers kartice kliknite Ikonu koja je prikazana u 1. koraku (pogledajte ispod). Rezultat je bijeli pravokutnik s desne strane mape koji se zove "layer mask" (2. korak).
7. korak
Sljedeći korak je crtanje objekta točno na putanjama linije na slovu "A" kao što možete vidjeti na slici ispod.
8. korak
Nakon toga, u Layers kartici, kliknite Command da napravite Selection. Sada kliknite mapu sa Layer Mask (kliknite točno na bijeli pravokutnik). Foreground Color ostavite bijele boje #ffffff, i dok je Layer Mask selektiran, pritisnite Delete.
9. korak
Vidjeti ćete da jedna od linija iz križanja "A" sada prolazi iznad, i druge linije idu ispod. Ne zaboravite obrisati (Delete) privremeni sloj koji je kreiran za izradu maske. Učinite isto na svim slovima koja se preklapaju.
Nakon što maskirate sve preklapajuće putanje, slika bi trebala izgledati ovako (slika ispod). Obratite pozornost na perspektivu, princip je isti kao na primjernoj skici koju sam objasnila u 1. koraku.
3. Kako Kreirati Sjene
1. korak
U sljedećem koraku ćemo napraviti sjene na tamnijim dijelovima da kreiramo više volumena. Kako bismo to učinili, kliknite na sloj putanje držeći Command u sivom okviru na putanji sloja, kao što je prikazano ispod na slici. To će napraviti selekciju (Selection) na putanji.
2. korak
Dok držite aktivnu selekciju kreirajte grupu (Group) i itradite masku koristeći Mask ikonu na dnu Layers kartice (primjer 1) i zatim izradite New Layer unutar te mape. Podesite New Layer u multiply (primjer 2).
3. korak
Sada odaberite Brush Tool koristeći ispod prikazane postavke i podesite Opacity na 15%.
4. korak
Polako prijeđite kistom preko rubova, tamo gdje ne dopire svijetlo. Ta područja su obično ispod slova ili na spojevima.
5. korak
Promijenimo sada pozadinu u crnu boju. Izradite New Layer unutar sloja pozadine kao što je prikazano ispod. Odaberite Solid Color i zatim odaberite #000000.
Sada je kontrast slova jači.
6. korak
Ponovite isti proces na svim tamnim dijelovima (dubinskim dijelovima). Pogledajte crvene strelice ispod - svaka od njih pokazuje gdje morate dodati sjene. Ne zaboravite uvijek kreirati novu grupu (New Group), primijeniti masku i zatim kreirati New Layer te ga upotrijebiti kao Multiply.
7. korak
Nakon ponovljenih koraka 15. i 16. na svim tamnim putanjama, slika bi trebala izgledati kao na primjeru ispod. Pogledajte crvene krugove.
4. Kako Kreirati Rub
1. korak
Sada ćemo na slovima kreirati efekt ruba. Odaberite Pen Tool i držeći Command, kliknite na putanju slova "A". Sada idite na karticu slojeva i opet, držeći Command, kliknite unutar sivog dijela na putanji. Napraviti ćete selekciju na ovoj putanji, kao što vidite na slici ispod.
2. korak
Nakon što napravite selekciju (Selection), u gornjem izborniku, idite na Select > Modify > Contract.
3. korak
Contract podesite na 3 pixels i kliknite OK.
4. korak
Dok još uvijek držite selekciju, idite na dno Layers kartice, kliknite na ikonu ( pogledajte sliku ispod) i odaberite Solid Color, za boju koristeći #ccbd88.
5. korak
Nakon prethodnog koraka, dvaput kliknite na sloj da otvorite Blending Options. Odaberite Inner Shadow i upotrijebite 120° za kut (angle), Opacity 30%, Distance 5, Size 15 i kliknite OK.
5. Kako Posvijetliti Rubove
1. korak
Sada ćemo kreirati Group Mask (grupu maski) da posvijetlimo rubove slova. Sa Command, kliknite na najsvjetliji dio slova. Zatim na Layers kartici kliknite na Group da kreirate jednu mapu iznad sloja.
2. korak
Sa prethodno selektiranim slojem grupe kliknite na Mask ikonu na dnu (pogledajte sliku ispod) da ovoj mapi dodate masku. Svi objekti u njoj, biti će unutar maske.
3. korak
Izradite dva sloja unutar ove mape. Jednu ćemo upotrijebiti za svjetlinu, drugu za sjene. Morate znati da svijetlo obično dolazi odozgo prema dolje. Sada kada znate ovu činjenicu, odaberite kist alat i bijelom bojom podešenom na 30% Opacity pažljivo slikajte na rubovima, kao što je prikazano ispod na slici. Isto morate učiniti za sjene na "shadow" sloju ali koristeći #000000 (crna) sa 30% Opacity.
Trebali biste primijeniti istu proceduru na rubovima svih slova. Slika bi trebala izgleda poput ove:
6. Kako Dodati Više Sjena
1. korak
U sljedećem koraku odvojite slova koristeći sjene između njih. Ali umjesto da ih obrišete, kreirati ćete grupu (Group) i dodati masku (Mask) koristeći selekciju (Selection).
2. korak
Sada, unutar ove mape s maskom, kreirajte New Layer kao Multiply. Koristeći Brush Tool sa bojom #000000 (crna) i 20% Opacity, pažljivo slikajte ispod linije (križanja) slova "A".
Ponovite isti postupak za sva slova. Pogledajte sliku ispod, gdje biste trebali napraviti sjene.
7. Kako Kreirati Pozadinu
1. korak
Promijenite Background Color (boju pozadine) koja je prije bila #000000 (crna) u boju #192607.
2. korak
Otvorite Adobe Illustrator i izradite New Document veličine 2500 x 1050 px. Koristeći Rectangle Tool (pogledajte sliku ispod), izradite pravokutnik boje #192607.
3. korak
Izradite Diagonal Line (stroke weight:1) sa bojom #C4B488 i primijenite Duplicate da duplicirate ovu liniju dok ne prekrije cijeli zeleni pravokutnik. Zatim, kliknite Select All da selektirate sve linije i opet Duplicate, zatim primijenite Reflect (Horizontally). Izgledati će kao mreža.
4. korak
Sada kreirajte manje krugove na sjecištima i većim krugovima na sredini spojeva linije. Upotrijebite boju #C4B488.
5. korak
Selektirajte mrežu i krugove i grupirajte ih bez zelenog pravokutnika na pozadini.
8. Kako Dodati Završne Detalje
1. korak
Kopirajte (Copy) vektore iz Illustratora i zalijepite (Paste) ih u Photoshop unutar mape "1: Background" kao što je prikazano ispod.
2. korak
Promijenite naziv sloja u "Grid", duplicirajte ga i na sloju ispod primijenite "gaussian blur" koristeći 7, 8 kao Radius.
3. korak
Primijenite Mask na ovom sloju koji ima "Gaussian blur", i koristeći Radial Gradient, kliknite gore u sredinu slike i povucite mišem u desni kut, kao što je prikazano na slici ispod. Važno je da kao glavnu boju podesite #000000 (crnu). Primijetiti ćete da su sada samo bočne strane zamagljene, dok je sredina ostala oštrija.
4. korak
Izradite New Layer i upotrijebite ga kao Multiply sloj. Sa odabranim alatom Radial Gradient i (Reverse), povucite mišem od sredine u desno, kao što je prikazano ispod na slici. To će sakriti zamagljeni dio u sredini slike.
5. korak
Koristeći Ellipse Tool sa #ffffff (bijela) bojom, izradite elipsu gore u sredini slike. Pogledajte ispod točnu poziciju.
6. korak
Selektirajte elipsu i idite u gornji izbornik Filter > Blur > Gaussian Blur, te upotrijebite 200 za Radius.
7. korak
Podesite ovaj sloj u Overlay.
8. korak
Duplicirajte mapu "3: Letters".
9. korak
Nakon toga, na sliku primijenite Flatten funkciju kao što je prikazano ispod:
10. korak
Dvaput kliknite na sloj (na koji je primijenjena Flatten funkcija) da otvorite Blending Options.
11. korak
Selektirajte Color Overlay s lijeve strane i upotrijebite #000000 (crna).
12. korak
Promijenite naziv sloja u "shadow1" i odvucite ga u mapu "2: shadows". Sloj bi trebao biti udaljen malo niže od teksta, kao što je prikazano ispod na slici:
13. korak
Na sloju "shadow1", idite na gornji izbornik Filter > Blur > Gaussian blur i upotrijebite 4.0 kao Radius.
Nakon toga, duplicirajte ovaj sloj.
14. korak
Na sloju "shadow2", idite na gornji izbornik Filter > Blur > Gaussian blur i upotrijebite 40 kao Radius.
15. korak
Ponovite ove korake i odvucite u mapu
16. korak
Kreirajte New Group (novu grupu) i primijenite Layer Mask. Sakrijte (Hide) sloj ispod. Izradite New Layer (novi sloj) unutar mape koju ste kreirali.
17. korak
Izradite New Layer unutar ove mape i upotrijebite je kao Overlay. Odaberite Brush Tool sa bojom #ffffff (bijela), 15% Opacity, i pažljivo slikajte preko gornjih slova dok ne postanu jasnija.
Konačna Slika
Evo završene slike!
Kreativne Tekst Efekt Akcije s Stranice GraphicRiver
Nemate vremena? I dalje možete postići impresivne tekst efekte u pola vremena samo koristeći jedan od naših nevjerojatnih Text Effect Actions akcija dostupnih preko stranice GraphicRiver. Upotrijebite ove akcije da kreirate izvanredne efekte i pogledajte jednu od naših omiljenih ispod!
"3D Cinematics Text Actions" akcije
Generirajte uzbudljive kinematografske tekst efekte sa ovom opakom Photoshop akcijom. Ovaj komplet dolazi sa pet različitih akcija i šest smjerova od kojih možete birati za 3D efekt. Prilagodite te efekte s lakoćom koristeći lako-upotrebljive datoteke i organizirane slojeve.
