Share
În acest tutorial veți învăța cum să creați o imagine bazată pe text inspirată de ASCII. Această tehnică vă va permite să creați imagini mai interesante decât le puteți crea cu fonturi cu un singur spațiu și să utilizați o gamă mai largă de fonturi în acest proces. S-ar putea spune că ceea ce vom face este să creăm tipare monofazate de fonturi. După o scurtă excursie la Photoshop pentru a pregăti imaginea noastră de referință, vom continua procesul nostru în Illustrator, care va avea ca rezultat un rezultat uimitor.
La crearea artei ASCII, este imperativ să folosiți un font monospațial. Folosind-o, puteți fi siguri că caracterele sunt distanțate uniform pe orizontală. Primele 3 exemple de fonturi sunt monospacate, ceea ce înseamnă că lățimea lor este întotdeauna aceeași. Tahoma și Didot, fiind create în mod tradițional pentru tipărire, funcționează în diferite lățimi.
După cum puteți vedea mai jos, caracterele fontului monospațial urmează o grilă, în timp ce - în mod implicit - fontul cu lățimi variabile nu. Fiecare mașină de scris utilizează un font monospațial. Când vă uitați la barele de tipărire, veți observa că fiecare are aceeași dimensiune. Pe de altă parte, în tipărirea tradițională fiecare fel este la fel de largă ca și caracterul care îi conține. Limbajul este mult mai bun cu fonturile care nu sunt monospațiate, astfel încât fonturile monospațiale sunt folosite în principal pentru scrierea codului în zilele noastre.
Am folosit această imagine stoc cu permisiunea amabilă a artistului.
Deschideți imaginea în Adobe Photoshop și decupați zona dorită. Folosesc instrumentul de recoltare cu o setare de 600 × 800 pixeli. Dimensiunea stocului nu contează pentru rezultatul final. Chiar și imaginile mici vor funcționa bine.
Activați modul Imagine în nuanțe de gri, accesați Image> Mode> Greyscale. Faceți dublu clic pe stratul de fundal și transformați-l într-un strat simplu pentru a aplica următorul filtru. Mergeți la Filter> Pixelate> Mosaic și setați dimensiunea celulei la 5. Este important să rețineți ce număr ați setat acest efect pentru procesul următor în Illustrator.
Salvați fișierul ca un .PNG deoarece acesta va da cel mai clar rezultat și nu va produce artefacte ca un .JPG poate.
În Adobe Illustrator, deschideți un document nou de aceeași dimensiune ca cel salvat (a mea este .PNG, 600 × 800 pixeli). Plasați imaginea pe panza.
Acum vom efectua Live Trace pe fișierul imagine. Selectați imaginea și alegeți "Live Trace" din opțiunile barului superior. Vom modifica setările, prin urmare mergeți la bara de sus și deschideți Dialogul opțiunilor de urmărire.
Setarea valorii maxime a culorilor la 12 ne va ajuta prin limitarea cantității de lucru pentru mai târziu. Vom seta Blur-ul la 0 deoarece căutăm margini clare. Amplasarea setării traseului, zona minimă și unghiul de colț la 0 vor ajuta la obținerea unui rezultat curat pentru traseul Live. Faceți clic pe OK, Extindeți acum Traseul Live și deselectați rezultatul.
Vrem să avem o formă pentru fiecare culoare, așa că va trebui să unim toate formele de la fiecare culoare folosind panoul Pathfinder.
Selectați o formă și mergeți la Selecție> Același> Umpleți culoarea.
Deschideți panoul Pathfinder și alegeți opțiunea Unite. Puteți obține un grup de toate formele selectate, dacă da, mergeți la pictograma săgeată din colțul din dreapta sus al panoului și alegeți Make Make Shape și apoi Extindeți forma.
Repetați pașii 4 și 5 pentru toate cele 12 culori. Acum ar trebui să aveți 12 forme. Același număr de forme ca și culorile pe care le-ați ales pentru traseul live. Dacă măriți, veți vedea că formele au colțuri dreptunghiulare perfecte.
Deschideți panoul Swatches, selectați toate culorile și ștergeți-le. Acum adăugați culori folosite din opțiunile de panou.
Măriți-vă în colțul din stânga jos al pânzei și creați o formă pătrată de 5 × 5 pixeli. Aceasta este dimensiunea exactă a efectului mozaic pe care l-ați aplicat mai devreme în Photoshop. În cazul în care ați folosit o mărime diferită pentru mozaic, transformați-vă pătratul în dimensiunea respectivă acum.
Faceți câte copii ale pătratului ca numărul de culori pe care îl aveți în Live Trace Effect, care ar trebui să fie egal cu numărul de culori din panoul dvs. Swatches. Le-am pus la o distanță de câte 10 pixeli fiecare.
Ceea ce trebuie să facem acum este să găsim litere care seamănă cu fiecare culoare. Copiați toate pătratele și deplasați-le cu 10 pixeli în sus. Ștergeți toate umplerile din copii astfel încât acestea să devină transparente.
Acest lucru este important pentru mai târziu când vom crea modele din litere. Folosind o formă de fundal transparent, Illustrator va recunoaște forma ca limite ale modelului. Acesta este modul în care vom crea modele monospace de fonturi.
Acum este timpul să începeți cu literele. Vom începe cu cea mai întunecată culoare. (Este posibil să doriți să treceți în modul Vizualizare> Previzualizare, pentru a vedea în continuare limitele pătratelor transparente acum.)
Scopul este de a găsi o literă care poate reprezenta o anumită nuanță de gri. Acest lucru este destul de ușor de văzut: uită-te la fiecare scrisoare. Dacă o puneți într-un pătrat, cât spațiu va fi umplut cu negru și cât spațiu negativ va rămâne? Cu cât este mai neagră, cu atât este mai întunecată litera, cu atât este mai întunecată umbră. Spațiul mai negativ înconjoară litera, cu atât este mai luminată litera și umbra.
În general, literele majuscule creează o culoare mai închisă, în timp ce literele minuscule funcționează excelent pentru nuanțe mai strălucitoare. Mergeți în câteva semne de punctuație pentru a obține mai multă varietate. De îndată ce sunteți mulțumit de alegerea scrisorilor, grupați fiecare literă și pătratul său transparent. Puneți-le pe toate în colțul din stânga jos al pânzei. Fiți atenți la pătratele transparente la plasarea grupurilor, nu la formatele de scris.
Acum vom crea un model din fiecare literă și grup pătrat. Trageți ușor fiecare grup în panoul Color Swatches.
Următorul pas este să înlocuiți fiecare nuanță de gri în Trasul Live al portretului nostru, asemănându-se cu "Letter Pattern".
Puteți observa la umplerea formelor pe care unele litere au mai mult umplere sau spațiu negativ decât ați realizat înainte. În acest caz, modelul "a" este mult mai întunecat decât cel învecinat "?" model. Cea mai rapidă soluție la aceasta este schimbarea pur și simplu a umpluturilor. De asemenea, puteți crea noi modele de litere pentru a rezolva această problemă. Există întotdeauna multe încercări și erori implicate.
Iată un detaliu al schimbării "a" și "?" produce efecte.
Cand esti fericit cu toate nuantele imaginii tale, esti practic facuta. Cu toate acestea, pentru a distinge în continuare între ASCII și această nouă tehnică, putem adăuga culoare sau efecte la munca noastră.
Dacă doriți să adăugați culoare la lucrare, va trebui să adăugați o formă plină cu alb sub forme portret și aceeași formă, cu culoarea preferată deasupra formelor portretului. Setați forma colorată pe ecran și literele dvs. sunt acum colorate.
Pentru a îmbunătăți imaginea și mai mult, adăugați o umplutură de gradient și setați-o pe Soft Light.
Când vă salvați lucrarea, va arăta, probabil, un pic diferit, decât previzualizarea în Illustrator. Dacă sunteți preocupat de pierderea detaliilor, aplicați un efect mozaic mai mic în Photoshop și alegeți mai multe culori pentru Live Trace. Pentru efecte mai puternice, puteți alege diferite culori pentru literele din modelele dvs. Utilizarea albe în loc de negru poate avea un aspect interesant. Din păcate, nu veți putea vedea modelele din panoul Swatches, atunci când utilizați culoarea albă ca umplere.
Dar ca întotdeauna: cel mai bun lucru de făcut, este să mergeți și să-l încercați!
Accentsconagua