Share
Urmați acest tutorial și aflați cum să creați un efect de text 3D în ziare folosind efectul Extrude & Bevel și opțiunea Map Art. Vom crea toate piesele de ziar cu ajutorul instrumentului Type Area și le vom salva ca simboluri. Apoi, vom da acestui efect un aspect vechi discret folosind efectul Paper Note. Vom lucra, de asemenea, cu stiluri grafice pentru a accelera fluxul de lucru, așa că să începem!
Puteți găsi fișierele sursă din directorul numit "sursă" care a apărut în fișierele pe care le-ați descărcat. Poate doriți să le priviți pe scurt înainte de a începe. O previzualizare a imaginii finale este de mai jos.
Mai întâi, deschideți un nou document web. Luați instrumentul Type (T) și tip "NEWS" folosind fontul Gill Sans Ultra Bold, cu dimensiunea de 150 pt.
Cu textul selectat, accesați meniul Obiect și alegeți Extindere, apoi Ungroup pentru a obține cele patru litere. Umpleți-le cu gri deschis sau orice altă culoare.
Acum să le facem 3D. Selectați litera "N", mergeți la meniul Effect> 3D și aplicați efectul Extrude & Bevel. Setați valorile după cum se arată mai jos.
Puteți aplica aceleași setări celorlalte litere sau le puteți roti pentru a crea un aspect mai atractiv. Doar modificați valorile din fereastra Extrude & Bevel Options așa cum este indicat. Acum aranjați-le așa cum este arătat. Extrude Depth rămâne aceeași pentru fiecare literă.
Să începem să creăm primul articol de ziar. Luați instrumentul de tip (T) și introduceți "World News" ca titlu al ziarului folosind un font numit Penshurst, Bold, de dimensiune de 15 pt. Puteți găsi aici fontul. Selectați numai literele "W" și "N", apoi schimbați fontul la Monotype Corsiva, dimensiune de 25 pt.
Apoi, luați instrumentul Pen (P) sau instrumentul pentru segmentul de linie (\) și desenați cele două linii sub titlu. Dați-le o lovitură neagră, apoi setați greutățile Stroke după cum este indicat. Între linii introduceți data și site-ul ziarului folosind fontul Lucida Sans Typewriter, Bold, de dimensiune de 5 pt.
Acum, introduceți un titlu pentru articol, în acest caz "Living Green", folosind un font numit Alt Typewriter pe care îl puteți găsi aici.
Asigurați-vă că Ruler-urile sunt aprinse (Vizualizare> Afișare rigle sau Comandă + R) și trageți cele două ghidaje exact la capetele celor două linii. Folosiți acum instrumentul Rectangle (M) pentru a desena un dreptunghi între ghidaje ca container de text, ca în imaginea de mai jos.
Luați instrumentul Type Area, faceți clic pe calea (nu înăuntru) și începeți să tastați articolul sau lipiți un text de oriunde. Fontul pe care l-am folosit se numește Tipuri de ziare vechi și poate fi găsit aici.
Primul articol este aproape gata. Tot ce trebuie să faceți este să deschideți panoul Paragraf (meniul ferestrei> Tip> paragraf) și să alegeți tipul de aliniere dorită. De asemenea, puteți să selectați sau să debifați opțiunea Hyphenate.
După ce ați terminat, selectați totul și alegeți Expand din meniul Obiect, apoi glisați articolul în panoul Simboluri pentru a defini primul simbol, care va fi utilizat pentru partea din față a literei "N".
Apoi, utilizați instrumentul Rectangle (M) pentru a desena un dreptunghi având dimensiunile afișate ca un alt container de text. Utilizați instrumentul Type Area, faceți clic pe cale și inserați orice text, apoi selectați Expand din meniul Obiect. Trageți această bucată de articol din ziar în panoul Simboluri pentru a defini cel de-al doilea simbol care va fi folosit pentru partea literei "N".
Desenați alte două dreptunghiuri și tastați un text în ele utilizând instrumentul tip zonă. Puteți vedea dimensiunile dreptunghiurilor și tipul de font pe care l-am folosit în dreptul fiecăruia de mai jos. Când ați terminat, extindeți-le și trageți-le în panoul Simboluri.
Următorul lucru pe care trebuie să-l faceți este să cartografiați toate aceste simboluri. Selectați litera "N" și din panoul Aspect, deschideți din nou fereastra Extrude & Bevel Options, apoi faceți clic pe butonul Art Map. Aici selectați simbolul Front din listă și aplicați-l pe prima suprafață. Puteți să o scalați și să o mutați până când obțineți rezultatul dorit.
Deplasați-vă la următoarea suprafață, cea din stânga și selectați simbolul "Partea 2" pe care l-ați salvat mai devreme. Rotiți și scalați-l astfel încât să obțineți un rezultat similar. Continuați cu următoarea suprafață (din stânga sus) și aplicați simbolul "Side 3".
Pe suprafața din dreapta sus aplicați simbolul "Partea 4" și ați terminat cu prima literă.
Să creați simbolurile de care avem nevoie pentru litera "E". Luați instrumentul dreptunghiului (M) și trageți un dreptunghi având dimensiunile indicate. Treceți la instrumentul Type Area, faceți clic pe cale și tastați sau lipiți orice text din interiorul containerului.
Când ați terminat, selectați Expand din meniul Obiect și trageți-l în panoul Simboluri pentru al salva. Am denumit acest simbol "E front" și va fi aplicat pe suprafața frontală a literei "E".
Cu litera "E" selectată, deschideți fereastra Extrude & Bevel Options din panoul Appearance și apoi fereastra Map Art. Aplicați simbolul salvat în etapa anterioară pe suprafața frontală și ajustați-l până când arată mai jos.
Apoi, trageți un alt dreptunghi cu dimensiunile afișate, apoi tastați sau lipiți textul din interiorul acestuia utilizând instrumentul Type Area, ca și înainte. Semnul plus indică faptul că există prea mult text în raport cu dimensiunea containerului. Dacă țineți apăsată tasta Alt și faceți dublu clic pe semnul plus, va apărea un al doilea dreptunghi care conține textul ascuns (1).
Reglați dimensiunea celui de-al doilea container astfel încât întregul text să fie vizibil, apoi aliniați-l orizontal (2). Acum, selectați cele două recipiente, extindeți-le și trageți-le în panoul Simboluri (3). Denumiți acest simbol "Partea E".
În fereastra Map Art, selectați simbolul definit în etapa anterioară și aplicați-l pe suprafața indicată.
Avem nevoie de alte trei simboluri pentru litera "E". Desenați dreptunghiurile și introduceți textul în interiorul lor. În imaginea de mai jos puteți vedea dimensiunile celor trei dreptunghiuri și fontul pe care l-am folosit. După ce le extindeți, trageți-le în panoul Simboluri.
În fereastra Map Art se aplică simbolul "E Side 2" pe suprafața indicată mai jos, apoi continuați cu celelalte două simboluri "E Side 3" și "E Side 4" așa cum se arată. Litera "E" este gata.
Apoi, luați instrumentul Type (T) și introduceți "Daily News" folosind Penshurst Bold, dimensiune de 12 pt. De asemenea, cu ajutorul instrumentului Tip (T) selectați numai literele "D" și "N", apoi schimbați fontul la Monotype Corsiva, cu dimensiunea de 22 pt. Continuați să desenați cele două linii utilizând Instrumentul Pen (P) sau Instrumentul pentru segmentul de linie (\), apoi introduceți între ele data și site-ul web, așa cum ați făcut înainte. Pentru ei am folosit fontul Lucida Sans Typewriter, Bold, cu o dimensiune de 4 pt.
Acum, introduceți un titlu pentru articol, apoi desenați un dreptunghi drept container pentru articol având dimensiunile afișate. Tastați textul în interiorul cu ajutorul instrumentului Tipul spațiului și fontul indicat. După ce ați terminat, selectați totul, iar din meniul Obiect alegeți Extindere. Denumiți acest simbol "față din față".
Hartă acest simbol nou pe suprafața frontală a literei "W". Am rotit simbolul pentru a crea un aspect diferit.
Urmați imaginea următoare și creați restul simbolurilor de care avem nevoie pentru litera "W". Observați dimensiunile containerelor de text, tipul fontului și numele simbolurilor.
Am arătat în imaginea de mai jos ce simbol corespunde suprafeței literei, deschideți fereastra Map Art și aplicați-o după cum se arată. Litera "W" este gata.
Suntem acum la ultima scrisoare. Luați instrumentul de tip (T) și tastați titlul, în acest caz "Vremea de azi" folosind Monotype Corsiva, cu o dimensiune de 15 pt. Sub ea trage o linie cu un stroke 1 pt negru, apoi trageți un dreptunghi de 181 x 207 px. Tastați textul înăuntru, apoi selectați totul și alegeți Expand din meniul Obiect. Am numit acest simbol "S Front".
În următoarea imagine puteți vedea ultimele trei simboluri de care avem nevoie. Desenați primele două dreptunghiuri cu dimensiunile afișate și tastați textul în interiorul lor, utilizând instrumentul tip zonă.
Duplicați cel de-al doilea container de text și păstrați numai ultima parte a textului așa cum este indicat. În etapa următoare veți vedea de ce am făcut acest lucru. Când ați terminat, extindeți aceste simboluri și trageți-le în panoul Simboluri.
Cu litera "S" selectată, deschideți fereastra Extrude & Bevel Options, apoi fereastra Map Art. Mai întâi plasați simbolul "S Front" pe suprafața frontală a literei. Dacă treceți pe următoarele suprafețe, veți observa că suprafața ondulată de sus nu este făcută dintr-o singură suprafață, ci două, după cum se arată mai jos.
Dacă ar fi o singură suprafață, nu mai avem nevoie de simbolul "S Side 4". Când marcați simbolurile "S Side 3" și "S Side 4" încercați să le potriviți cât se poate de bine. Măriți litera și mutați simbolul "S Side 4" până când cuvintele de la început se potrivesc cu cele de la sfârșitul simbolului "S Side 3".
În acest moment toate literele sunt gata. Dacă sunteți mulțumit de ele, mergeți la meniul Obiect și selectați Expandare aspect, apoi Îndepărtați-le de trei ori.
Acum, concentrați-vă pe litera "N". În panoul straturilor se remarcă faptul că este compus din patru grupuri principale, care corespund celor patru suprafețe mapate. Ultimele două grupuri sunt cele două forme gri din interior care nu au fost cartografiate. Dacă selectați grupul "Side 2", veți vedea că există o parte ascunsă a simbolului. Trebuie să rezolvăm asta. Selectați grupul care conține textul și calea de tăiere, apoi faceți clic pe Trim din panoul Pathfinder.
Faceți același lucru și pentru celelalte trei grupuri (Front, Side 3 și Side 4), apoi pentru celelalte trei litere.
Selectați forma din față a literei "N" și înlocuiți culoarea gri de umplere cu gradientul radial prezentat mai jos. Din panoul Aspect deschideți meniul derulant și selectați Adăugați umplere nouă. Modificați gradientul la Neutral 6. Puteți găsi acest gradient în meniul Swatch Libraries sub Gradients> Neutrals. Acum setați modul Blending la Soft Light, dar numai pentru această a doua umplere. În felul acesta veți obține un aspect vechi discret.
Cu a doua umplere selectată în panoul Aspect, mergeți la Efect> Schiță și aplicați efectul Notă. După ce ați terminat, trageți miniatura miniatură indicată în panoul Stiluri grafice pentru ao salva. Aplicați acest stil la figurile din față ale celorlalte trei litere și astfel veți termina mai repede.
Pentru litera "S" ștergeți grupul care conține textul și calea de tăiere din zona indicată pentru că ar trebui să fie goală.
Selectați forma din partea stângă a literei "N" și completați-o cu gradientul radial afișat. Acum alegeți din nou Add New Fill din meniul flyout din panoul Appearance. Păstrați același gradient, apoi aplicați efectul Note Paper utilizând setările afișate. Reduceți opacitatea la 50%, dar numai pentru cea de-a doua umplere. Glisați miniatură în panoul Stiluri grafice de lângă primul care îl salvează.
Aplicați stilul grafic salvat în etapa anterioară în forma de sus a literei "N", apoi continuați cu restul literelor și aplicați același stil pentru imaginile de mai jos.
Forma superioară a literei "S" necesită puțină atenție, deci urmați pasul următor.
Dacă selectați forma top curbă a literei "S" veți observa că este de fapt un grup de multe forme mai mici, prin urmare nu puteți aplica stilul grafic ca și în cazul celorlalte forme.
Pentru a rezolva aceasta, selectați grupul (fără text) și mai întâi selectați Ungroup din meniul Obiect și apoi Adăugați în zona de formare din panoul Pathfinder. Ca urmare a acestor acțiuni, veți obține o singură formă și puteți aplica acum același stil grafic utilizat ca și pasul anterior.
Să continuăm cu cele două forme din interiorul literei "N". Selectați unul din partea superioară, umpleți-l cu primul gradient radial prezentat, apoi adăugați un al doilea umplere așa cum ați făcut înainte. Păstrați același gradient și aplicați efectul de hârtie Notă folosind setările indicate în pasul 31. Reduceți opacitatea la 25% pentru această a doua umplere, apoi glisați miniatură în panoul Stiluri grafice pentru a salva cel de-al treilea stil.
Deplasați-vă la forma din partea de jos. Repetați același proces, utilizați numai cel de-al doilea gradient afișat, apoi salvați și acest stil.
Aplicați cele două stiluri grafice salvate în etapa anterioară la celelalte forme din interior așa cum este indicat, dar asigurați-vă că le dezghetați mai întâi.
Umpleți cele două forme rămase ale literei "E" cu culoarea prezentată, apoi umpleți cele două forme ale literei "S" cu gradientul radial.
Literele sunt aproape gata. Marginile literelor nu sunt ascuțite din cauza efectului de hârtie notat aplicat, dar putem rezolva acest lucru cu unele măști de tăiere.
Copiați și lipiți în fața formei din fața literei "N" și ștergeți toate aparițiile existente. Selectați grupul care conține această formă, textul și forma frontală originală, apoi din meniul Obiect alegeți Ungroup, apoi Clipping Mask> Make.
Faceți același lucru pentru toate laturile literei care au aplicat efectul Paper Note, apoi repetați acest pas pentru celelalte trei litere.
Luați instrumentul Ellipse (L) și trageți un oval plat de 200 x 10 px. Acum folosiți Instrumentul de selecție directă (A) pentru a selecta doar punctele de ancorare din stânga și din dreapta, apoi apăsați butonul Conversie selectare puncte de ancorare la colț. Trageți forma rezultată în panoul Perii și alegeți Pensulă de artă nouă. În fereastra Opțiuni perie Art, bifați Proporțional.
Urmați colțurile și marginile literelor, apoi utilizați instrumentul Pen (P) pentru a desena căile roșii mici pe care le vedeți mai jos. Îndoițiți toate aceste căi cu peria de artă definită în pasul anterior, apoi schimbați greutatea la 0,25 pt. Cu toate acestea selectate, mergeți la meniul Obiect și alegeți Expandare aspect. Setați modul de amestecare pentru a multiplica și micșora opacitatea la 30%.
Să adăugăm niște umbre. Desenați primele două forme utilizând Instrumentul Pen (P), umpleți-le cu negru, apoi mergeți la Efect> Blur și aplicați un Gaussian Blur de 5 px. Trimiteți formularul din stânga din spatele literei "E", dar în fața literei "N" și forma din dreapta, în spatele literei "S", dar în fața literei "W".
Apoi trageți celelalte forme prezentate în a doua parte a imaginii și trimiteți-le pe toate înapoi. Umpleți-le cu negru și aplicați un Gaussian Blur de 8 px. Coborâți Opacitatea la 40%.
Am terminat și aici este imaginea finală:
Accentsconagua