Cum se creează blocuri de text 3D în Photoshop

În acest tutorial, vă vom arăta cum să creați un efect de text 3D Blocks. Trebuie să aveți Adobe Photoshop CS4 Extended pentru a exersa acest tutorial. Acest lucru va fi distractiv și sunt sigur că puteți face o mulțime de lucruri reci folosind această tehnică. Să începem!

Imagine finală a imaginii

Uitați-vă la imaginea pe care o vom crea. 

Tutorial video

Editorul nostru video Gavin Steele a creat acest tutorial video pentru a completa acest tutorial text + imagine.

Pasul 1

Înainte de a începe, este posibil să doriți să descărcați fontul pe care îl vom folosi în acest tutorial. Un font bitmap merge bine cu acest efect, astfel încât să puteți utiliza orice, sau puteți descărca fontul pe care l-am numit Acknowledge, de la dafont.com.

Creați un document nou cu o lățime de 1000 de pixeli și 600 de pixeli înălțime. Setați rezoluția la 300 pixeli / inch și setați modul Color la RGB, numit "Blocuri". Completați stratul "Fundal" cu culoarea # 3a3a3a. Setați culoarea prim-planului în negru, apucați instrumentul Tip orizontal și tastați "PSD". Setați fontul pentru a confirma, setați dimensiunea fontului la 120 pt și setați metoda Anti-aliasing la None pentru a obține margini aspre.

Pasul 2

Creați un nou strat și denumiți-l "Mozaic". Setați culoarea prim planului la 70% negru și culoarea prim planului la 85% negru. Mergeți la Filter> Render> Clouds. Mergeți la Filter> Pixelate> Mosaic, setați dimensiunea celulei la 50 și aplicați.

Pasul 3

Selectați stratul "Fundal" din Paleta de straturi și apăsați Command + J pentru ao duplica. Acum faceți clic pe Alt pe linia dintre straturile "PSD" și "Mosaic" pentru a masca stratul "mozaic".

Pasul 4

În Paleta de straturi selectați toate straturile, altele decât stratul "Fundal". Accesați 3D> Mesh nou din culoarea în nuanțe de gri> Planul cu două fețe. Photoshop va crea două planuri simetrice și va aplica stratul sau straturile selectate ca o hartă de adâncime pentru ambele planuri. Asta înseamnă că textul nostru de mozaic este acum o hartă de adâncime pentru avion, piețele mai ușoare vor fi mai mari, cu cât cele mai întunecate vor fi mai profunde. Cea mai întunecată zonă din harta noastră de adâncime este suprafața colorată "a3a3a3" și toate pătratele sunt mai ușoare decât această culoare, astfel încât nu vor exista urme de lovituri, ci buline la suprafață.

Pasul 5

Acum avem un obiect 3D și îl vedem din față. De fapt, îl vedem prin cameră, dar camera este în fața obiectului 3D. Aveți două opțiuni pentru a obține un aspect în perspectivă. Puteți roti obiectul sau puteți schimba orientarea camerei. Vom alege să lăsăm obiectul acolo unde este, pentru că acest lucru ne va ajuta să facem reflecția cu ușurință mai târziu.

Obțineți Instrumentul Orbită 3D și trageți pentru a orbita camera. De asemenea, puteți utiliza instrumentul de vizualizare prin rolă 3D pentru a roti camera. Instrumentul orbită 3D orbitează camera în direcția X sau Y. Instrumentul de vizualizare prin rolă 3D rotește camera în jurul axei Z. Folosind aceste instrumente încercați să obțineți o perspectivă după cum se arată mai jos. Apoi apucați instrumentul de zoom 3D și trageți pentru a mări imaginea și pentru a utiliza instrumentul de vizualizare 3D pan pentru a muta camera, dacă este necesar.

Pasul 6

Există presetări diferite de redare în Photoshop. Singura metodă de randare care ne va oferi umbre și reflecții este metoda Ray Tracing. Dar pentru a obține efectul dorit nu vom folosi Ray Tracing. Așa că trebuie să creăm reflecția folosind un truc. Acesta este motivul pentru care folosim un plan bilateral pe două fețe, în loc de una obișnuită.

Pasul 7

Mergeți la fereastră> 3D sau faceți dublu clic pe pictograma 3D Layer din stratul "Mosiac" din Paleta de straturi. Selectați Scene și bifați Secțiunea transversală. Această operație va tăia modelul 3D cu planul secțiunii transversale și va afișa conținutul numai pe o parte a acestuia. Planul este perpendicular pe axa selectată. Selectați axa Y. Astfel, partea de jos a planului cu două laturi va deveni invizibilă. Pentru a face ca planul secțiunii transversale să fie și invizibil, debifați planul din panoul 3D.

Pasul 8

Atunci când creați o plasă dintr-o imagine din tonuri de gri, Photoshop utilizează imaginea în tonuri de gri ca o hartă profundă. În Paleta de straturi, când selectați stratul "Mozaic", puteți vedea o textură de mozaic mozaic. Dacă faceți dublu clic pe acest material, harta se va deschide într-o fereastră nouă a documentului. Din moment ce ați selectat trei straturi pentru a crea o plasă, veți putea vedea și edita aceste straturi în documentul deschis.

Toate modificările vor fi actualizate atunci când reveniți la fereastra principală "Blocuri". Deci, dacă nu sunteți mulțumit de structura blocului, puteți deschide textura de mozaic mozaic, mergeți la stratul "mozaic" și aplicați din nou filtrele Clouds și Mosaic, așa cum este descris în pasul 2. Harta hărții este de asemenea atribuită modelului ca o hartă difuză și opacitate. Deoarece nu avem nevoie de aceste texturi, le vom elimina. Selectați materialul Mozaic din panoul 3D, faceți clic pe pictograma Meniu hartă textura de lângă Diffuse și selectați Eliminare textură. Faceți același lucru pentru opacitate.

Pasul 9

În Panoul 3D selectați Scene și faceți clic pe butonul Render Settings pentru a afișa caseta de dialog 3D Render Settings. Setați stilul de stil pe plat, bifați caseta de validare Enable Line Rendering, setați culoarea pe negru, setați stilul Edge la Constant și setați pragul de crează la 2, cu cât este mai mare acest prag, cu atât sunt mai mici marginile vizibile. Setați Lățimea liniei la 1 și apăsați OK. În panoul 3D setați Anti-Alias ​​la Best pentru o bună anti-aliasing.

Pasul 10

Acum vom schimba câteva setări materiale. Reveniți la materialul Mozaic din panoul 3D, setați Color Ambient la # 880022. Setați Difuză la # ee8800. Setați strălucirea la 0%. Accesați Scene în panoul 3D și setați Global Ambient Color la # 575757. Culoarea ambientală definește lumina scenei când toate luminile sunt oprite.

Pasul 11

Veți vedea trei lumini în panoul 3D. Acestea sunt sursele de lumină curente din scenă. Acum vom lovi puțin lumina. Toate luminile sunt Lumini Infinite. Există trei tipuri de lumini în Photoshop. Există lumini infinite, care acționează ca soarele și stralucesc de pe un plan de direcție. Luminile de la fața locului strălucesc din toate direcțiile, la fel ca un bec și Spotlights strălucește într-un con-reglabil.

Selectați Lumina Infinită 1 și setați Culoarea pe alb. Selectați Infinite Light 2, setați culoarea la # 696969 și debifați Creare umbre. Evident, nici o lumină nu creează umbre în acest moment, dar când o fac, vrem doar o singură lumină. Selectați Lumina Infinită 3, setați culoarea pe alb și debifați Creare Umbre și setați Tip Lumină la Punct.

Pasul 12

A treia lumină este poziționată sub planul nostru, astfel încât nu vedem niciun efect. Pentru a poziționa ușor lumina, trebuie să ne schimbăm punctul de vedere, dar mai întâi, pentru a putea reveni la punctul nostru de vedere actual, trebuie să-l salvăm. Obțineți unul dintre instrumentele de cameră 3D, cum ar fi Instrumentul orbită 3D, și dați clic pe butonul Salvați afișarea curentă și denumiți-l "Cam". Deschideți lista de vizualizare și selectați "Sus".

Pasul 13

Faceți clic pe butonul Toggle Lights din partea de jos a panoului 3D pentru a vedea luminile din scenă. Obțineți instrumentul de zoom 3D și micșorați până când vedeți lumina punctului. Faceți clic pe butonul Trageți lumina din panoul 3D și poziționați lumina ca în imaginea de mai jos.

Obțineți unul dintre instrumentele camerei, deschideți lista de vizualizare și alegeți "Cam" pentru a reveni la vizualizarea camerei. Faceți clic pe butonul Toggle Lights pentru a ascunde luminile. Setați intensitatea luminii punctului la 0,6. Totuși, puteți trage lumina utilizând funcția Trageți luminile și glisați instrumentele de lumină din panoul 3D.

Pasul 14

Mergeți în Paleta de straturi și duplicați stratul "mozaic" și denumiți-o "Linie". Accesați panoul 3D, selectați presetarea Imagine linie și atingeți Setări de redare. Setați Lățimea liniei la 1 și apăsați OK.

Obțineți Instrumentul Magic Wand, setați Toleranța la 80. Faceți clic pe zona neagră în afara textului pentru a selecta în jurul textului. Treceți-clic pe găurile literelor și zonele închise. Apoi, obțineți instrumentul Polygonal Lasso și adăugați zonele neselectate din jurul textului la selecție apăsând Shift înainte de a efectua selecția.

Pasul 15

Mergeți în Paleta de straturi și faceți ca stratul "Linie" să fie invizibil. Mergeți la Selectați> Inverse pentru a inversa selecția, acum este selectat textul. Mergeți la stratul "Mozaic" din Paleta de straturi. Apăsați Command + C pentru a copia și a lovi Command + V pentru a lipi selecția într-un nou strat. Denumiți acest strat "Text". Duplicați stratul "mozaic" și denumiți-o "Reflecție". Opriți vizibilitatea stratului "mozaic".

Pasul 16

Asigurați-vă că stratul de "Reflecție" este selectat în Paleta de straturi și mergeți la Panoul 3D. Pentru a obține reflexia, avem nevoie de cealaltă jumătate a planului cu două fețe. Selectați Scene în panoul 3D. Faceți clic pe butonul Flip Cross Section pentru a face cealaltă jumătate vizibilă. Selectați Materialul mozaic din planul 3D și debifați două fețe. Acest lucru va face fețele din spate invizibile și numai reflexia va fi lăsată.

Pasul 17

Singura problemă pe care o avem cu reflecția este că este destul de departe. Trebuie să-l atașăm la text, dar realizarea acestui lucru din perspectiva camerei ar fi o sarcină dificilă. Acum, opriți vizibilitatea stratului pentru stratul "Text" și pentru "Mozaic". Acest lucru poate părea ciudat, mutați stratul "Reflecție" sub stratul "Mozaic" din Paleta de straturi.

Acum, obțineți orice instrument de cameră și din lista de vizualizare selectați Drept și faceți-o atât pentru straturile "Mosaic", cât și pentru "Reflecție". Acum veți putea vedea ambele avioane din vizualizarea corectă și puteți vedea cât de departe sunt unul de celălalt. Măriți avionul utilizând instrumentul standard de zoom în cutia de instrumente, obțineți instrumentul 3D Pan, asigurați-vă că este selectat stratul "Reflection" și trageți avionul din stânga, ținând apăsată tasta Shift spre dreapta ca în imaginea de mai jos.

Pasul 18

Acum, obțineți din nou orice instrument de cameră și pentru ambele straturi "Mosaic" și "Reflecție" reveniți la vizualizarea CAM. Opriți vizibilitatea pentru stratul "Mozaic" și apăsați pe "Text".

Pentru a curăța liniile din stratul "Reflecție", trebuie să-l rasterizăm mai întâi. Selectați stratul "Reflecție" din Paleta de straturi, mergeți la 3D> Rasterizează. Obțineți instrumentul Eraser, setați modul la creion pentru a evita orice ușurință și ștergerea accidentală a oricărei părți a reflexiei, curățați marginile planului. Setați opacitatea stratului pentru stratul "Reflection" la 45%.

Pasul 19

Acum vom crea umbra. Mergeți la Paleta de straturi, activați vizibilitatea pentru stratul "mozaic", duplicați stratul "mozaic" și numiți-l "Shadow". Deplasați stratul "Shadow" deasupra stratului "Text" din Paleta de straturi.

Mergeți la Panoul 3D și selectați Scene, Setare randare Presetare la Ray Traced. Selectați materialul Mozaic din panoul 3D și setați Ambient la negru și Diffuse la alb. Selectați Lumina Infinită 1 și setați Intensitatea la 4. Porniți Lumina Infinită 3. Accesați 3D> Rasterizează.

Pasul 20

Setați modul de amestecare la Multiply pentru stratul "Shadow" și setați Opacitatea stratului la 90%. Avem blocuri destul de ascuțite, dar umbrele trasate de raze fac să pară netede. Pentru a scăpa de aceste colțuri netede, vom avea nevoie de puțin ajutor de la stratul "Linie". Selectați stratul "Linie", faceți-l vizibil, mergeți la 3D> Rasterize și întoarceți stratul vizibil din nou.

Pasul 21

Obțineți Instrumentul Magic Wand și setați Toleranța la 60. Asigurați-vă că stratul "Linie" este selectat în Paleta de straturi. Măriți la litera "P." Faceți clic în interiorul celulei din partea stângă sus a blocului de litere, deși stratul "Linie" este invizibil, celula va fi selectată. Apoi, în timp ce țineți apăsată tasta Shift, faceți clic pe alte celule care sunt luminate și nu au umbre pe ele.

După selectarea celulelor de pe rândul de sus, ca în imaginea de mai jos, accesați stratul "Shadow", setați Culoarea primului rând în alb și completați selecția apăsând Alt + Backspace. Nu uitați să faceți selecțiile pe stratul "Line" și să completați selecția pe stratul "Shadow". De când am folosit un filtru Clouds, care generează nori la întâmplare pentru a face blocurile, scrisorile tale probabil că nu ar arăta ca a mea. Dar ideea este aceeași.

Pasul 22

Reveniți la stratul "Linii". Folosind instrumentul Magic Wand Tool, selectați celulele care trebuie să fie umbrite plat și completați selecția cu culoarea # 4e4e4e pe stratul "Shadow".

Pasul 23

Celulele complet umbrite și complet umbrite ar fi destul de ușor de rezolvat. Fixarea celulelor care au umbre ar dura mai mult. Din nou, mergeți la stratul "Liniile" și selectați o celulă cu umbra pe ea folosind instrumentul Magic Wand Tool. Obțineți instrumentul Polygonal Lasso și, în timp ce țineți apăsată tasta Alt, selectați umbra de scăzut din selecție. Mergeți la stratul "Shadow" și completați selecția cu alb.

Pasul 24

Acum trebuie să repetați acești trei pași pentru restul celulelor pentru o privire ascuțită.

Pasul 25

Faceți stratul "mozaic" invizibil. Mergeți la stratul "Text" și aplicați o suprapunere de gradient utilizând următoarele setări: Modul de culoare Blend, Opacitatea setat la 70%, Gradientul setat pe Albastru, Roșu, Galben, cu un stil de linie și unghi setat la 10 grade.

Accesați Layer> Style Layer> Stilul stratului de copiere. Mergeți la stratul "Reflection" din Paleta de straturi, apoi mergeți la Layer> Style Layer> Paste Layer Style. Setați Modul de amestecare la Luminozitate și Opacitate la 35% pentru stratul "Reflecție".

Pasul 26

Acum vom adăuga o ușoară textură. Descărcați această fotografie frumoasă de pe Flickr făcând clic aici. Aduceți-l ca un nou strat în documentul dvs. și denumiți acest strat "Textură". Plasați stratul "Textură" deasupra stratului "Text". Alt-clic pe linia dintre straturile "Textură" și "Text" pentru a masca textura. Setați modul de amestecare a straturilor la suprapunere.

Pasul 27

Acum vom face o textura pentru fundal. Creați un strat nou în partea de sus și denumiți-l "Bg". Setați culoarea primului rând la culoarea gri de 85% și culoarea de fundal la 90% gri. Obțineți Instrumentul de Gradient, setați-l în Fundal la Fundal și setați la Radial. Completați stratul ca în imaginea de mai jos.

Mergeți la Filter> Artistic> Film Grain și aplicați cu toți parametrii setați la 0. Mergeți la Filter> Distort> Glass și aplicați cu următoarele setări: Distorsiunea este setată la 20, Smoothness este setată la 1, Textura setată la Frosted și Scaling setată la 100%.

Concluzie

Obțineți stratul "Bg" deasupra stratului "Fundal" și asta este. Sper că vă place acest tutorial și sunteți mulțumit de rezultatul dvs.!

Sugestii suplimentare

Puteți obține efecte reci joacă cu texturile și parametrii. Puteți utiliza hărți de textură în loc de culori Diffuse solide, puteți modifica valorile Glossiness și Shininess și puteți utiliza hărțile texturilor care reflectă mediul. Diferitele tipuri de lumini, culori și unghiuri vor crea efecte diferite. Distrează-te cu asta!