Clash of the Titans Text Effect

În acest tutorial am să-ţi arat cum să creezi un efect de text inspirat din posterele şi operele de artă, Clash of the Titans. Vei folosi stiluri de layer şi filtre de bază pentru a obţine rezultatul. Nu îţi va lua mai mult de 45 minute pentru a obţine acest efect, dar rezultatul este chiar “tare”.

Pasul 1

Hai să începem design-ul în Illustrator, este uşor de creat textul în Illustrator, deşi îl poţi face în Photoshop. Când am văzut posterul oficial al filmului Clash of the Titans, am ştiut că fontul este Bank Gothic sau Bank Gothic care este foarte similar. Aşa că cu Type Tool (T) adaugă cuvântul “clash“, după “of the” într-un obiect diferit şi “titans“, din nou într-un obiect diferit şi pe o altă linie. Toate sunt cu majuscule.

Pasul 2

Selectează texturile şi dute la Type>Create Outlines. Cu Direct Selection Tool (A) începe să editezi textul. Prima dată A-ul din “clash“. După F-ul din “of” şi T-ul şi E-ul din “the“. După aceea editează cuvântul “titans” schimbând T-ul şi A-ul. Foloseşte imaginea de mai jos ca şi referinţă. Fundamental tu vei muta puncte, dar ai grijă să păstrezi aceleaşi alinieri şi unghiuri ale textului original.

Pasul 3

Acuma deschide Photoshop şi crează un nou document. Crează un nou layer şi umple-l cu orice culoare, după dute la Layer>Layer Style>Gradient Overlay. Foloseşte un bej deschis (#fee4c8) şi un maro închis (#0f0802) pentru gradient, foloseşte Radial pentru Style şi 100% pentru opacitate.

Pasul 4

Adaugă un nou layer şi dute la Filter>Render>Clouds. Asigură-te că ai negru şi alb pentru culori.

Pasul 5

Schimbă Blend Mode la layer-ul cu nori pe Color Dodge. După aceea dute la Layer>Layer Mask>Reveal All. În paleta Layers, apasă clic pe thumb-ul maşti a layer-ului şi dute la Filter>Render>Clouds pentru a aplica nori la mască, acest lucru va face nori mai puternici.
Sfat: Joacăte cu masca şi aplică filtru pe mască, vei fii surprins de posibilităţi şi rezultate.

Pasul 6

Dute la Edit>Transform>Warp. Selectează Fisheye warp type, dup[ muta controlorul faţă de centrul documentului. Acest lucru va creat un efect drăguţ de umbrire, dar mai rapid ca şi umbrirea zoom în Photoshop.

Pasul 7

Copiază cuvintele “Clash of the ” din Illustrator în Photoshop. Vom face acele cuvinte prima dată deoarece vom aplica un Layer Style diferit presetat pentru Bevel and Emboss.

Pasul 8

Primul lucru aici este să cauţi o textură de metal vechi şi ruginit. Eu am găsit-o pe a mea folosind Google Images.
Deschide imaginea în Photoshop şi dute la Edit>Define Pattern. După aceea dute înapoi la designu-l tău şi selectează layerul cu cuvintele “Clash of the “, după dute la Layer>Layer Style>Pattern Overlay. Selectează pattern-ul de metal pe care l-ai creat.

Pasul 9

După Pattern Overlay, selectează Bevel and Emboss. Pentru Technique foloseşte Chisel Hard, pentru Depth foloseşte 500%, pentru Size foloseşte 120 pixeli, pentru Soften foloseşte 0 pixeli. Peste Shading Options, foloseşte 95º pentru Angle, 35º pentru Altitude, după pentru Highlight Mode foloseşte Color Dodge cu alb pentru culoare şi opacitatea la 65%. Pentru Shadow Mode foloseşte Color Burn cu negru pentru culoare şi opacitatea la 40%.

Pasul 10

Acuma selectează Contour, după schimbă doar Range la 50%.

Pasul 11

Aici poţi să vezi efectul pe care o să-l ai. Observă că lumini vine de jos, sau din centrul documentului şi de aceea am înjumătăţit cuvintele.

Pasul 12

Copiază cuvântul “titans” din Illustrator în Photoshop. În paleta Layers selectează layer-ul în care am aplicat stilul de layer în pasul precedent şi cu clic dreapta apasă clic pe Copy Layer Styles. După aceea selectează cuvântul “titans” şi apasă clic din nou cu clic dreapta şi selectează Paste Layer Styles. Dublu clic pe layer pentru a deschide căsuţa Layer Style. Selectează Bevel and Emboss, după ajustează Direction la Up.

Pasul 13

Acesta va fii efectul pe care îl vei avea până acuma, remarcă acuma că lumina cuvântului “titans” vine din vârf în timp ce lumina de la “clash of the” vine de jos.

Pasul 14

Dacă ai văzut filmul, vei ştii că Pegasus a fost un cal înaripat negru, aşa că am luat o imagine cu un cal înaripat după Shutterstock, o poţi găsi aici. Este o imagine vector, dar acest lucru e bun, poziţioneaz-o ca să vină din centru.

Pasul 15

Pentru a face calul mai realistic şi mai puţin ca un stil de vector, dute la Filter>Blur>Motion Blur. Foloseşte 35º pentru Angle şi 20 pixeli pentru Distance.

Pasul 16

Luminile le poţi crea folosind tehnici diferite, poţi să faci acest lucru folosind un noise gradient, filtrul flare filter (ultimul recomandat) şi folosind o imagine. Eu am folosit o imagine care este foarte bună pentru cele mai multe proiecte ale mele, singur-ul lucru este să schimbi Hue and Saturation pentru a face culorile să se potrivească cu design-ul. O poţi găsi aici.
După cum vezi, fundalul imagini este negru, aşa că singurul lucru pe care mai trebuie să-l faci este să schimbi Blend Mode pe Screen, aşa că negrul va fii transparent.

Pasul 17

Adaugă mai multe lumini peste câteva litere ale textului. Foloseşte imaginea de mai jos ca şi referinţă.

Pasul 18

Selectează toate layerele şi duplică-le, după aceea îmbină toate layerele duplicate. Apasă Ctrl+Alt+Shift+E. Selectează acest layer şi dute la Filter>Blur>Radial Blur. Foloseşte 5 pentru Amount, Zoom pentru Blur Method şi Best pentru Quality.

Concluzie

Zoom blur îţi va da ideea de mişcare la design-ul tău, ca şi cum textul merge în afara pagini, la fel ca şi creditele de la sfârşitul filmului. Poţi să adaugi nişte zgomot (noise) pentru a da acel stil al filmului pentru imagine. Tehnica în acest tutorial este foarte simplă, nu este nimic dificil de a termina un pas, dar cel mai important lucru a fost să-ţi arat că poti să gaseşti inspiraţie oriunde, dar este important să trasformi inspiraţia în ceva real. Cel mai bun mod pentru a face acest lucru este prin proiecte personale.

Descarcă fişierul PSD

Tradus din engleză în română de către AnDr3yy
Sursă: http://abduzeedo.com/clash-titans-text-effect-photoshop