Scrisoare de mână Cum să Vector dvs. Letterforms

Ce veți crea

Îmi amintesc de un an în urmă atat de mult probleme cu vectorul formularelor mele. Am avut o înțelegere decentă a instrumentului Pen, dar nu avea idee că există tehnici minore care fac minuni pentru tipul dvs. pentru a crea acele curbe netede pe care le căutați. 

Acest tutorial va răspunde, sperăm, tuturor întrebărilor dvs. cu privire la formarea formelor de scris și vectorizarea aproape a oricărui lucru. Același proces poate fi utilizat pentru orice se compune în Illustrator. În cazul literelor, cheia este de a avea puncte de ancorare relativ puține în timp ce utilizați destinația de plasare corectă a punctului și o varietate de trucuri pentru a le perfecționa curbele, unghiurile, lățimile etc..

Trei lucruri de remarcat înainte de a începe:

În primul rând, procesul de mai jos utilizează unele lucrări pe care le-am creat deja într-un tutorial anterior. Pentru practica și experiența dvs., vă sugerez să creați / utilizați propria dvs. literă, mai degrabă decât să creați-o pe a mea. Este cu adevărat cel mai bun mod de a învăța! Vreau să luați informațiile de mai jos și să le aplicați literelor proprii, astfel încât să aveți o piesă finită pe care să o puteți numi cu adevărat a ta! 

În al doilea rând, acest tutorial nu este despre a vă învăța cum să utilizați / înțelegeți Instrumentul Pen. Dacă nu înțelegeți cum funcționează sau funcționalitatea acesteia, vă recomand să citiți acest lucru înainte de a începe - lucrurile vor fi mai ușoare mai târziu.

În al treilea rând, vreau să știți cu toții că acest tutorial ar putea părea puțin cam încurcat și peste tot, dar promit că este de dragul predării! Vreau doar să împărtășesc totul și orice altceva pentru a vă ajuta procesul de vectorizare. Povestea scurtă, nu va fi un început și un sfârșit simplificat. Va fi un început și va exista un sfârșit, dar ne va lua ceva timp ca să ajungem acolo!

Ține mintea deschisă și îți promit că vom crea lucruri minunate. Sa incepem!

1. Pregătirea instrumentelor de care aveți nevoie

  • Computer-PC sau Mac. Oricine va face treaba!
  • Adobe Illustrator 
  • Schița / scanarea inițială a literelor pe care doriți să le vectorizați
  • Pen sau creion

Pentru acest tutorial, veți folosi o schiță a unor inscripții anterioare pe care le-ați făcut de la tutoriile anterioare. Ne vom concentra pe luarea acelei schițe și redactarea ei în format vectorial. 

2. Plotarea punctelor tale pe Extrema

Înainte de a începe să lucrăm la computer, vom proceda cu vectorizarea manuală! Cu hârtie! Crazy, nu? Vă promit că vă va oferi o înțelegere și o apreciere mult mai mare pentru minunatul instrument Pen.

Acum, ce înseamnă "Extrema"În primul rând, este plural pentru extremum.În matematică, aceasta înseamnă, în general, maxim sau minimă.În cazul literelor, vorbim despre contrariul extrem al scrisorii de al compune cu mânere bezier.De exemplu, extreme din litera "O" ar fi punctele de ancorare de la nord și de sud care formează curba. Punctele de ancorare de la est și de vest din lateral vă permit să distribuiți greutatea și lățimea.

Uitați-vă la acest cerc de mai jos. Puteți vedea că forma este creată uniform de patru puncte principale. Acestea sunt "extrema" literei "O".

Observa asta mânerele sunt echilibrate și distribuite uniform de asemenea. Aceeași tehnică ar trebui aplicată în interiorul literelor dvs. Asigurați-vă că mânerele vă ajută să echilibrați volumul de lucru și să nu permiteți ca un singur mâner să fie extrem de lung și să transportați toată greutatea.

Pasul 1

Descărcați literele atașate dacă doriți să folosiți a mea. Dacă nu, nu ezitați să utilizați propriul dvs.! De aici, să începem să desenăm unde vor merge punctele de ancorare. Mergeți înainte și folosiți un creion sau stilou șitrageți cercuri oriunde credeți că veți plasa acele puncte de ancorareîn Adobe Illustrator. 

Nu vă faceți griji dacă aveți dreptate sau rău - mergeți doar pentru asta și vedeți ceea ce credeți că poate fi corect. Mai târziu pe parcursul acestui tutorial și a unei practici viitoare, veți fi uimiți de creșterea / cunoștințele noi.

Pasul 2

Apoi, luați aceeași literă și începeți să desenați dreptunghiuri în jurul fiecărei litere. Folosim un truc ușor pentru a înțelege unde vă veți compila punctele pe "extrema" formelor dvs. de scris. Ori de câte ori dreptunghiurile atinge scrisoarea dvs., este punctul unde trebuie să stea punctul de ancorare. Acum, asta nu înseamnă că formatul dvs. de scrisoare ar trebui să aibă doar patru puncte de ancorare, deoarece există patru laturi ale unui dreptunghi. Acest lucru vă oferă un excelent punct de plecare. 

Mai tarziu, vom incepe cu plotarea extrema in Illustrator, si apoi adaugarea de puncte de ancorare suplimentare pentru anumite curbe sau poate cresterea greutatii in formularul dumneavoastra de scrisori. Fiecare formă de scrisoare va fi diferită, astfel încât acest proces nu este pus în piatră. În cele din urmă, vă va da un start în direcția corectă, iar apoi depinde de dvs. să determinați ce arată "bine" sau ceea ce pare "corect". 

3. 0 °, 45 °, 90 °: Unghiuri de manevră

Acum, înainte să ajungem prea adânc în această secțiune a tutorialului, vreau să spun că 0 °, 45 ° și 90 ° nu sunt neapărat unghiurile pe care ar trebui să le plasați. Din nou, totul se bazează pe ceea ce arată bine și folosind propria voastră judecată pentru a determina dacă ar putea folosi un unghi aleatoriu de 15 °, de exemplu.

Deci, ce e atât de special în privința unghiurilor orizontale, verticale și diagonale (45 de grade)? În primul rând, utilizarea unor unghiuri similare păstrează lucrurile consecvente în toate literele. În al doilea rând, aceste unghiuri sunt cheia pentru formarea celor mai netede curbe. Ați observat vreodată mici puncte sau margini în litere care sunt cauzate de puncte de ancorare? Ei bine, acest lucru poate fi ușor de fixat cu o amplasare corectă a punctului de ancorare și un unghi adecvat al mânerelor. 

Sa trecem la treaba!

Pasul 1

Acest proces simplu de mai jos va arăta importanța mânerelor orizontale și verticale pentru puncte de ancorare. Acest proces ar trebui să fie utilizat pentru aproape orice proiect vectoring pe care îl aveți de aici. Să începem prin vectorizarea următorului "The". Vreau să distrug procesul de vectorizare, astfel încât să puteți vedea cum aș face în mod normal să vectorizez un cuvânt simplu, cum ar fi acest lucru.

Dacă doriți, puteți începe prin aplicarea tehnicii "dreptunghiului" cu literele înainte de a începe, astfel încât să puteți stabili unde trebuie plasate extrema dvs..

Pasul 2

După ce ați scos inscripția "The", acum începem să o luăm separat cu bucăți în vector. 

Voi începe cu tulpina "T". După cum puteți spune, Folosesc acele mânere orizontale pentru puncte de ancorare, precum și două unghiuri care nu sunt atât de matematice. Amintiți-vă, nu orice mâner trebuie să fie orizontal. Este cu adevărat ceea ce credeți că ar putea arăta cel mai bine. Pentru această tulpină, am început cu toate mânerele pe orizontală, apoi am tweaked cele două pentru a se potrivi preferinței mele.

În ansamblu, această întreagă tulpină a fost creată cu doar patru puncte de ancorare și puțină încercare și eroare. 

Pasul 3

Aici lucrurile devin puțin nebunești. Pentru acest exemplu, am decis să vectorizez împreună conexiunea "Th" pentru a crea o singură formă. Fiecare punct de ancorare este echilibrat și distribuie în mod egal curbura. În ceea ce privește unde să începeți să vă complotați punctele de ancorare, este vorba de preferință. Formatele de scrisori dictează în general de unde să înceapă. Pentru mine lucrez de la stânga la dreapta, așa că am începutdesenând conexiunea de buclă a elementului "T" și s-a încheiat cu tija "h".

Să continuăm să împingem înainte!


Pasul 4

Următor →,Am format umarul "h"(a doua tulpină, dacă vreți). Fiecare piesă a acestei inscripții este împărțită în forme separate, astfel încât să puteți face mai târziu ediții pentru piesele individuale și nu pentru întreaga piesă.

Pasul 5

Ultimul pas este de a crea "e".Utilizând doar opt puncte de ancorare, am reușit să creez forma corectă fără a adăuga mai multe puncte pentru a ajusta lățimea, contrastul etc..

Incepeti oriunde v-ati dori, dar pentru mine personal, am inceput formand bara transversala a "e" -ului, inconjurat aceasta forma pentru a forma vasul si terminat-o cu coada.

Și acolo avem! Terminarea noastră "The". Amintiți-vă să complot acele puncte pe extrema, să finisați acele mânere până la perfecțiune și sunteți aurii! Răbdarea este cheia!

Am inclus exemplul de mai jos, astfel încât să puteți vedea un stil complet diferit al cuvântului "The" în timp ce încă mai folosiți mânere orizontale și verticale similare.


4. Sfaturi și trucuri suplimentare de vectorizare

Vectoring sigur este consumatoare de timp chiar și pentru un maestru. Indiferent de ce, este o mulțime de reglaj fin și corectarea acestor curbe, puncte de ancorare etc..

În această secțiune a tutorialului, sper să am mai multă înțelepciune pentru a accelera procesul doar puțin mai mult. Pentru simplitate, o să folosesc litera "O" sau o formă de cerc pentru a demonstra multe dintre aceste trucuri. Chiar dacă este o formă simplă, metodologia și practica din spatele vârfului pot fi folosite pentru fiecare literă.

Pasul 1

Eu numesc această tehnică Crossover. Pe măsură ce începeți să vectorizați literele dvs., este posibil să fie mai ușor să aplicați această tehnică de crossover pentru a controla lățimile și unghiurile unor părți ale formelor dvs. de scris. În exemplul de mai jos, puteți vedea că am creat un punct de ancorare suplimentar pentru a permite să controlez ceea ce se numește "picioarele" lui "N". În esență, vă permite să mutați și să modificați o porțiune a formularului dumneavoastră de scris, fără a vă deranja pe altul. 

În exemplul de jos al gifului, acest lucru arată exact ce vreau să spun prin modificarea unei părți, fără a deranja alta. Acum, această construcție "A" cu siguranță nu este corectă prin nici un mijloc. Este doar o modalitate perfectă de a afișa ceea ce poate realiza tehnica crossover.


Pasul 2

Instrumentul Ellipse și Instrumentul dreptunghi în cadrul Illustrator pot deveni cei mai buni prieteni dacă vă gândiți doar la ce forme compun fiecare formular. De exemplu, litera "O" are două elipse: una pentru lățime și o altă elipsă pe interior pentru a forma greutate. Deci, dacă creați doar două elipse, stivuite unul peste celălalt, puteți forma litera "O" în câteva secunde. 

În plus, dacă doriți să continuați și să creați o altă literă, cum ar fi "H", puteți utiliza instrumentul Rectangle. Fiecare tulpină și bara transversală a "H" de mai jos au fost formate cu trei dreptunghiuri separate. Mai târziu, puteți să le extindeți și să le îmbinați dacă doriți o formă completă.

Sperăm că procesul de accelerare gif de mai jos arată exact ce vreau să spun. Folosesc doar forme simple pentru a forma aceste litere. 

Pasul 3

În exemplul de mai jos, am folosit Instrumentul pentru lățime în Illustrator. Cu siguranta poate fi uneori la indemana. Cu acest instrument, esti în mod esențial complot unde vrei ca lățimea ta să fie distribuită. În acest exemplu, am dorit ca partea stângă și cea dreaptă a cursei să fie .525in, în timp ce partea superioară și inferioară au rămas .125in. Aceasta a distribuit greutatea în mod egal și a format o scrisoare frumos contrastantă "O".

După cum puteți vedea din exemplu, stânga este doar un accident vascular cerebral - care a fost înainte de a aplica Width Tool, în timp ce dreapta este după aplicarea Width Tool.

Acest instrument poate ajuta cu siguranta sa accelereze vectoring anumite formularuri, mai ales script. Amintiți-vă să desenați cu "lovituri" și să adăugați contrastul la formatele dvs. de formular cu Width Tool după.

Dezavantajul pentru instrumentul Width este că atunci când mergi să-ți extinzi accidentul, acesta se formează a cantitate masivă de puncte de ancorare suplimentare de care nu aveți nevoie. Puteți vedea ce vreau să spun în imaginea de mai jos. Toate acele mici puncte roșii sunt puncte de ancorare!

Deci, dacă ați vrut să faceți modificări după ce a fost extins, ar fi destul de dificil dacă nu ați avea accidentul original de editat.

5. Vectorul final final

Bine, băieți, e timpul să bateți proiectul final de vectorizare, deoarece am învățat totul despre cum să vector! Vom începe de unde am rămas mai devreme în tutorial și vom lua această piesă din New York până la finalizare.

Pasul 1

Luând această piesă cu bucată, începeți să modelați formatele de scris câte unul câte unul. Utilizați tehnica crossover pentru a putea ajusta o zonă a literelor dvs., fără a deranja o altă parte a acesteia. Pentru această piesă particulară, am avut foarte puține mânere verticale și orizontale. Dar încă mi-am trasat punctele mele în extrema care mi-a permis să creez formele pe care le vezi. 

Pasul 2

Dupa vectorizarea "Noului", sa incepem urmatorul cuvant: "York". Utilizați același proces și vector câte fiecare piesă. Probabil, puteți vedea colecția de puncte de ancorare în "K". Asta pentru că am desenat fiecare parte a "K" ca forme separate pentru a le edita mai târziu, dacă este nevoie. Deci stema și cele două picioare sunt toate desenate individual, creând un total de trei forme pentru a forma "K". 

Rețineți că este în regulă dacă totul se suprapune, deoarece vom completa aceste forme mai târziu.

Pasul 3

Ultimul cuvânt pentru vector, "City". Știți ce să faceți: începeți să complotați aceste puncte și să vă perfecționați cu atenție manerele conform preferințelor dvs. Desenați fiecare literă separat, după cum puteți vedea mai jos - va ajuta procesul de editare mai târziu.

Pasul 4

Acolo o avem! După ce ați finalizat vectorizarea întregii piese, puteți da literelor o umplere în loc de un accident vascular cerebral pentru a vedea cum interacționează spațiul pozitiv și cel negativ.

Pasul 5

Chiar și după ce crezi că ai terminat vectorizarea, probabil că nu sunteți!

Există tone de editare de făcut după ce "umpleți" formele, deoarece puteți vedea apoi ce are nevoie de mai mult contrast, mai mult kerning etc. În acest caz, am făcut o mulțime de editări minore pentru a ajuta la culoarea generală. În plus, am modificat forma "Y" pentru a se extinde în spațiul negativ al "N".

Pasul 6

Ultimul pas! Pentru această piesă, am adăugat mici "crestături" la cursele de intrare și de ieșire ale formelor de scris. Cum ar fi un vector ceva de genul asta? Nu uitați să distrugeți din nou lucrurile în forme simple sau în lovituri. Pentru mine, am știut că ar fi perfect să folosesc câteva lovituri simple create cu Tool Pen, dar am schimbat "Profil cu lățimea variabilă"a accidentului pentru a crea forma triunghiulară. Puteți vedea ce vreau să spun în procesul de mai jos.

Concluzie

Mi-am luat libertatea de a filma un film foarte rapid al întregului proces de scriere. Mi-a luat două ore bune pentru a finaliza această piesă. Din nou, răbdarea este cheia dacă doriți ca inscripția dvs. pentru vectori să arate exact cum ați schițat-o! Simțiți-vă liber să urmăriți procesul de mai jos și să vedeți pasul suplimentar pe care l-am luat pentru a lua literele vectoriale la nivelul următor.

Următoarea piesă din New York City este vectorul finit după adăugarea multor detalii suplimentare. Dacă sunteți curios cum să creați profunzime, textura, combinații de culori etc., atunci tutorialul meu următor va fi perfect pentru dvs.! Rămâi acordat pentru asta în următoarea lună sau două.

Sunt sigur că în acest moment ați practicat o sumă bună pentru a speranța că veți deveni mai confortabil cu vectorizarea decât ați fost deja. Am acoperit o mulțime de materiale și acum este timpul să faceți această încercare. Continuă să practici ceea ce ai învățat, pentru că devine mai bine cu timpul, îți promit! Ține-o așa!

Ca de obicei, dacă aveți probleme sau întrebări, nu ezitați să lăsați un comentariu mai jos și vă voi ajuta. Mult noroc!

Resurse suplimentare

Dacă sunteți interesat să obțineți ajutor în legătură cu inscripționările dvs., Envato Studio are o mare colecție de specialiști în domeniul Lettering & Calligraphy pe care ați putea dori să îi explorați.