Share
Ce veți creaNe apropiem de sfârșitul acestei serii de caractere! În acest tutorial, vă voi oferi câteva metode mai tehnice pentru a crea diferite forme de stil suplimentar pentru inscripționările dvs. Acum, evident, știți că există modalități nesfârșite de a vă stiliza literele. Încă nu am încercat totul, dar pentru acest tutorial, ne vom concentra pe nouă dintre cele mai comune tipuri de stilizare pe care le folosesc în munca mea:
Voi explica toate aceste procese în mod individual, dar simțiți-vă liber să combinați mai multe stiluri pentru a crea un caracter unic.
Notă: Acest tutorial necesită un Nivel intermediar / avansat al cunoștințelor Adobe Illustrator. Voi folosi o terminologie pe care probabil că nu o puteți înțelege dacă aceasta este prima dată când vă deschideți Illustrator. Indiferent, procesul pas cu pas ar trebui să fie suficient de simplu pentru a urma și permite aproape oricui să finalizeze. Fii pregătit să înveți un lucru sau două! Ca întotdeauna, dacă rămâneți blocat sau aveți întrebări de-a lungul drumului, lăsați un comentariu mai jos și vă voi întoarce la timp cât mai repede posibil!
De-a lungul acestui tutorial, voi folosi anumite "H" personalizate pe care le-am creat. Chiar dacă aceste "H" ar putea să nu fie "tipărite manual", ele pot demonstra foarte ușor stilurile pe care le voi crea. Deci, puteți utiliza cunoștințele de mai jos pentru aproape orice literă sau tipografie pe care o creați. Aveți posibilitatea să personalizați chiar și o tipografie folosind unele dintre tehnicile de mai jos. Este vorba despre alegerea tehnicii potrivite pentru proiectul potrivit. Utilizați-le și cu ușurință, deoarece mai multe stiluri ar putea fi destul de copleșitoare.
În cele din urmă, în fiecare secțiune, am inclus un exemplu de aplicații din lumea reală a tipurilor specifice de stil pe care le vom aborda. Sperăm că aceste exemple vă pot arăta exact cum pot fi aplicate în altă parte și nu doar pe "H" cu care vom lucra în acest tutorial. Să începem!
Eu numesc acest "stil împărțit" din cauza naturii formelor de scrisori după ce sunt "împărțite". Formatele de scris sunt aproape împărțite în două - de aici rezultă efectul "împărțit" pe care îl creează.
În fișierul vectorial "H Matrix" pe care l-am furnizat, vom începe în partea din stânga sus și ulterior în partea dreaptă jos, de la stânga la dreapta.
Deci, pentru început, primul "H" pe care îl vom modela este "H" (colțul din stânga sus al matricei) de mai sus. În timpul acestui pas, nu ezitați să colorați "H" orice nuanță sau valoare dorită. Pentru mine personal, păstrez o valoare gri.
Pentru a "împărți" literele, utilizați Instrumentul segmentului de linie în Illustrator și forma doilinii pe partea de sus a "H". Dați acestor linii un accident vascular cerebral alb pentru a crea efectul divizat.
Pentru a termina, creați un segment mai liniar orizontal pe partea superioară a barei transversale. Dar mi-ar face greutatea dvs. de accident vascular cerebral mai subtire decat parul dvs. vertical pentru a echilibra optic totul.
Regula de degetul mare atunci când vine vorba de tip: curse orizontale (mai ales atunci când se conectează la curse verticale) apar mai gros optic.
Giful de mai sus este procesul pe care tocmai l-am purtat. Sper că vă oferă o mai bună înțelegere a modului în care s-au adunat toate.
Piesa de mai sus, pe care am terminat-o cu câteva luni în urmă, folosea stilul "împărțit". Sperăm că acest lucru demonstrează o bună utilizare a stilizării.
În această parte a tutorialului, puteți să creați aproape orice doriți în inima voastră. Detaliile ornamentale ar putea fi aproape orice. Forme, linii, textura, înflorirea, etc. - simțiți-vă liber să faceți sălbatic!
Pentru a începe următorul stil, folosesc al doilea din partea stângă sus "H". Amintiți-vă, lucrăm din stânga la dreapta. Simțiți-vă liber să colorați "H" dacă vă place. Acum vom începe să creăm câteva detalii ornamentale. Acum, aceasta este o mare oportunitate pentru tine de a face ce vrei tu. Detaliile din acest "H" ar putea fi orice vreți! Ca întotdeauna, ești binevenit să creezi ceea ce am venit și eu.
Am vrut să creez decupaje în curbele verticale. Pentru a face acest lucru, formați un triunghi cu Instrumentul Pen (dați-i o umplutură albă) sau oricum doriți. Există un milion de moduri de a face un lucru în Illustrator! Puteți vedea forma pe care am făcut-o în imaginea de mai sus. Odată ce această formă inițială este creată, puteți să o copiați și să o lipiți peste tulpinile verticale.
Apoi, am decis să adăugăm o formă de diamant în centru cu lovituri care se extind de sus în jos. Din nou, indiferent de inima ta dorește. "Ornamentele" pe care le adăugați la tipografia dvs. pot fi literalmente orice. Utilizați simțul designului pentru a vă asigura că arată bine!
Pentru a crea adăugările de mai sus, am format un diamant cu Instrumentul dreptunghiului. Formați un pătrat prin menținere Schimb, și apoi rotiți pătratul de 45 de grade și extindeți punctele de ancorare de sus și de jos.
În cele din urmă, trageți segmentele liniei pentru a se extinde deasupra și dedesubt - similar cu modul în care am făcut-o în "stilul despărțit".
Pentru a termina, am creat câteva forme suplimentare care să se extindă spre exterior de la formularul de formă. De asemenea, am folosit o altă formă de diamant pentru a se ramifica de pe bara transversală. Puteți vedea în imaginea de mai sus că am format formele și am replicat aceste forme la cealaltă tulpină verticală.
Odată ce totul este pus împreună, procesul ar trebui să apară ceva asemănător gifului de mai sus.
Este nebun modul în care unele forme simple adăugate sau scăzute din literă pot schimba întregul simt instantaneu! Posibilitățile sunt nesfârșite.
Nu există un răspuns corect sau corect la formarea detaliilor ornamentale. Este ceea ce cere designul cu adevărat. Utilizați judecata, înțelegeți aspectul și adăugați adăugările în consecință.
În acest exemplu, detaliile ornamentale pe care le-am adăugat erau "spurturile" și granița în jurul formularului de formă. În plus, am folosit alte tehnici pe care le voi arăta mai târziu în acest tutorial.
Procesul de umplere a umbrelor de mai jos este procesul pe care mi se pare cel mai simplu și mai simplu pentru a crea efectul pentru care mergem. Există multe, multe modalități de a face același lucru, astfel încât, dacă acest proces nu vă pare logic pentru tine, nu ezitați să încheiați sarcina în orice mod văd de cuviință!
Vom începe cu colțul din dreapta sus "H" din matrice. În acest moment, ca întotdeauna, nu ezitați să schimbați nuanța și să vă pregătiți pentru a aborda următorul pas.
Este timpul să începeți formarea umbrei picăturilor. Pentru a începe, în timp ce țineți Opțiune pe un Mac sau pe Alt pe un PC, începeți să faceți clic și trageți "H" în jos și în dreapta (sau stânga) cu aproximativ trei pixeli. Nu trebuie să fii exact, încercați doar să copiați imaginea de mai sus. Dacă vă uitați atent la imaginea de mai sus, puteți vedea ce vom face. Se va părea că avem două straturi "H" pe rând. Simțiți-vă liber să schimbați nuanța sau valoarea "H", astfel încât să puteți vedea întinderea stratării.
Apoi, după ce ați terminat Pasul 2, tot ce trebuie să faceți este să apăsați Command-D, care este comanda rapidă pentru Duplicat. Continuă să apăsați Command-D până când aveți aproximativ patru până la șapte duplicate ale lui H. Ar trebui să se termine ca și imaginea de mai sus. Este doar o grămadă de "H" stivuite unul peste celălalt. Observați că primul, mai deschis, de culoare gri, evaluat "H", este încă în partea de jos.
Apoi, aduceți acel brichetă cu un gri "H" înapoi în față, astfel că "umbrirea" mai închisă este în partea de jos. Sunt sigur că asta pare ciudat, dar promit că va arăta mai bine la pasul următor! În acest moment, aș face-o contopi toate cele duplicate mai întunecate "H", astfel încât să aveți o singură formă. Ar trebui să arate asemănător cu imaginea de mai sus, deși direcția și unghiul umbrei dvs. pot apărea puțin diferit și este în regulă!
Ultimul pas pentru a termina această umbră este eliminarea tuturor punctelor de ancorare inutile create atunci când ați fuzionat "H" -urile. Începeți să ștergeți punctele de ancorare suplimentare care au format aceste secțiuni pentru a face o conexiune lină. După ce ați terminat, ar trebui să arate imaginea de mai sus! Acum ați terminat o umbră simplă.
Iată un proces GIF pentru a arăta începutul și sfârșitul umbrei picăturilor. Pot fi câțiva pași, dar când este făcut corect, durează doar două sau trei minute pentru a crea una!
Umbra de picătură din exemplul de mai sus a fost completă cu exact același proces. După cum puteți vedea cu acest exemplu în comparație cu "H", acesta funcționează pentru orice fel de litere! Motivul pentru care folosesc procesul de mai sus în loc de opțiunea "Extrude & Bevel", de exemplu, se datorează formelor inutile, punctelor de ancorare și grupurilor pe care le creează. E cam prea complicat în opinia mea. Metoda de mai sus este simplă și la punct.
Acest proces de mai jos poate fi favoritul meu personal. Aspectul este întotdeauna curat și produce și o adâncime mare. Oamenii se referă la acest proces atât ca un aspect cioplit, cât și ca un aspect embosat. Numele este corect în cartea mea! Să începem.
Acum începem să lucrăm la al doilea rând al matricei "H". Începând cu cel mai din stânga "H", schimbați culoarea și valoarea dorită și pregătiți-vă să folosiți instrumentul Pen!
Acum, formăm segmente de linie pe care le vom "împărți" mai târziu folosind instrumentul Pathfinder pentru a crea efectul tăiat. Deci, începeți să vă împărțiți "H" similar cu imaginea de mai sus. În esență, ceea ce căutăm pentru acest "H" este o valoare luminoasă, o valoare medie și o valoare întunecată. Aceste diviziuni vor asigura că "H" are umbrirea corespunzătoare.
Din nou, segmentele de linie de mai sus au fost create cu instrumentul Pen și au un accident de 1 pt. Cheia pentru realizarea acestei lucrări este să vă asigurați că toate segmentele de linie vă ating unii pe alții. Ei nu au nevoie să traverseze căile, doar atingeți pentru a permite procesului de divizare să funcționeze corect.
După ce credeți că toate căile dvs. sunt bune, eliminați greutatea cursei de pe segmentele dvs. de linie, lăsând doar o cale fără nici un accident vascular cerebral. Ar trebui să arate ca fotografia de mai sus. Puteți vedea calea doar pentru că l-am evidențiat cu mouse-ul.
Cu "H" și cu toate segmentele de linie selectate, navigați la dvs. deschizător de drumuri și selectați Divide opțiune. Odată divizat, "H" dvs. ar trebui să apară ca imaginea de mai sus. În esență, toate părțile din "H" sunt acum împărțite în forme separate pentru a vă culora în consecință.
În cele din urmă, pentru a finaliza diviziunea "H", este timpul să colorăm fiecare formă individuală. Dar, mai întâi, trebuie să determinați unde va fi sursa dvs. de lumină. Pentru mine, am stabilit că va fi în partea stângă sus. Prin urmare, formele de top vor fi cea mai ușoară valoare, formele laterale vor fi valoarea dvs. medie, iar formele inferioare vor fi valoarea dvs. întunecată. Asigurați-o consecventă și folosiți judecata corectă - știți ce arată bine și ce nu! Imaginea de mai sus este ceea ce ar putea arăta. Evident, valorile și nuanțele pot diferi.
Un alt proces gif pentru a arăta începutul și sfârșitul. deschizător de drumuri instrument este cel mai bun prieten al tău!
În exemplul de mai sus, am folosit exact același proces pentru a-mi împărți "Z". Textura și alte efecte au fost create separat. Pentru acest exemplu, am aplicat textura în Photoshop pentru a micșora dimensiunea fișierului deoarece fișierele Illustrator devin destul de grele odată ce o tonă de textură este aplicată. Îmi voi descrie procesul de textura mai târziu în tutorial!
Este posibil să nu fie numele potrivit pentru stilul pe care suntem pe punctul de a lucra - este exact ceea ce o numesc. Acest proces este incredibil de simplu și nu necesită prea mult timp.
Timp pentru un alt stil favorit al meu, "inline". Vom folosi seria centrală "H" din matrice. Pregătește-te Instrumentul Pen din nou. Acest proces va fi foarte rapid - nu vă faceți griji!
Pentru a începe, fie utilizați Instrumentul Pen sau Instrumentul segmentului de linie pentru a forma o linie de la seriful plat superior la seriful platoului inferior. Odată ce ați desenat acea linie, copiați-l și inserați-l în cursa verticală dreaptă. Dacă "H" arată ca imaginea de mai sus, sunteți pe calea cea bună. Asta a fost partea dificilă!
Apoi, cu acele segmente de linie curbate selectate, navigați cursorul în sus către selectorul de "profil" al cursei. Acest lucru se regăsește și în Accident vascular cerebral fereastră. Oricum, odată ce ați intrat în selectorul de profil, alegeți prima opțiune, care arată ca un glob ocular. Vrem profilul care va contura fiecare capăt al loviturilor noastre. Simțiți-vă liber să jucați cu alte profiluri. Unele dintre ele creează unele efecte reci.
Acolo îl ai! Accident vascular cerebral se învârte de la un capăt la altul, creând un fluid drăguț și un accident vascular cerebral precis printr-un simplu clic al unui buton.
Ca întotdeauna, giful de proces este deasupra pentru a vedea etapele de început și sfârșit. Nu prea mult în procesul de creare a acestui stil! 
După cum puteți vedea mai sus, am pus stilul inline pe care să-l folosesc pentru designul punții pentru Skateboard-urile pentru fete. Am simțit că scrisorile mele erau prea grele. Pentru a reduce această greutate, am adăugat styling-ul inline nu doar pentru culori, ci și pentru a adăuga o textura frumoasă.Stilul de decupare pe care urmează să-l începem este foarte asemănător cu stilul inline deoarece vom folosi selectorul de profil din nou pentru loviturile noastre. Este un proces foarte rapid.
Acum, lucrăm cu extrema dreaptă "H" în rândul din mijloc, să începem tehnica de decupare. În acest moment, schimbați culorile, scalările etc. după preferințele dvs. și apoi pregătiți din nou instrumentul Pen!
Apoi, trageți o linie care reprezintă aproximativ o treime din lungimea tijei verticale. Desenați doar o singură linie, deoarece puteți să o copiați și să o lipiți peste restul formularului de formă. Ar trebui să se potrivească cu imaginea de mai sus, după ce copierea și lipirea sunt finalizate.
În cele din urmă, la fel ca în pasul 3 din secțiunea "Inline Style", navigați cursorul în sus la selectorul de profil. Dacă ați selectat loviturile dvs., în loc să selectați prima opțiune de reducere, vom selecta forma triunghiulară. La fel ca imaginea de mai sus. Acest profil va face ca baza stroke-ului tău să fie plat, în timp ce restul se înclină. În esență, va crea o formă de triunghi care va tăia tulpinile.
Iată procesul foarte rapid de mai sus. Doar aproximativ opt clicuri de mouse necesare pentru a crea acest efect dorit. Nu prea rau!
Efectul de decupare este un alt favorit al meu. Am inclus stilul de decupare în această piesă trasată manual pentru State Bicycle Co. Cu toate acestea, nu am folosit Illustrator pentru aceasta. Am creat efectul de decupare, în mod bătrân, cu mâna, cu un creion.
Deschiderea deschisă este aproape identică cu procesul de "drop shadow" pe care l-am finalizat mai devreme. Singura diferență este spațiul negativ dintre formularul de scris și umbra pe care o vom crea. O umbră sau o umbră a căderii dvs. poate cădea la partea din stânga sau la dreapta-jos. Un lucru pe care il voi mentiona este ca o nuanta din stanga-jos este considerata o "umbra semnelor-pictorilor", in timp ce nuanta de jos-dreapta este o "Printuri Shade".
O umbră semnalizatoare necesită mai puține lovituri și, prin urmare, mai puțin vopsea. E vorba de eficiență atunci când pictați nuanțe. Prin urmare, nuanțele care merg spre partea din dreapta-jos necesită mai multe lovituri ale periei. În acest caz, folosim Illustrator, deci nu contează pentru noi deoarece este vector. Doar m-am gândit să împărtășesc aceste informații în cazul în care decideți să pictați o umbră / umbră!
Ne apropiem de sfârșit! Să începem acum cu seria "H" din stânga sus. Lucrați cu acest "H" - culoarea, scala, orice altceva doriți, și pregătiți-vă pentru un proces foarte asemănător cu secțiunea "Drop Shadow".
Apoi, similar cu pasul 2 din secțiunea "Drop Shadow", țineți apăsat Opțiune și faceți clic și trageți un "H" în jos aproximativ 5 px. Apoi, apăsați Command-D aproximativ cinci până la șapte ori mai mult pentru a vă crea umbra. Se va termina ca imaginea de mai sus. în cele din urmă, contopi toate aceste forme copiate pentru a forma o singură formă.
Următorul lucru pe care trebuie să-l faceți este să mutați acea "umbră" pe spate, astfel încât să fie în spatele originalului "H". Apoi, modificați culoarea / valoarea primului "H" copiat. Acest lucru vă va permite să vedeți ce facem în următorii pași. După toate, este spus și făcut, ar trebui să arate asemănător cu imaginea de mai sus.
Continuând mai departe, acum o să mergem Scădea valoarea noastră diferită "H" de la restul umbrei pe care tocmai am creat-o. Această scădere va crea spațiul negativ deschis între formatul de litera și umbra.
Din nou, așa cum am făcut înainte în pasul 5 al secțiunii "Drop Shadow", începeți să eliminați toate punctele de ancorare inutile. După ce le eliminați pe toate, ar trebui să fie aproape că ați terminat! Doar un ultim lucru de făcut.
Luați umbra cu un pas mai departe și faceți-o să pară mai mult ca și cum ar fi extinsă de la "H". În imaginea de la pasul 5, umbra pătrate în colțuri. Pentru a rezolva asta, ștergeți acele puncte de ancorare suplimentare și apoi deplasați punctul unic de ancorare spre dreapta. Nu contează care punct de ancorare pe care îl ștergeți, deoarece veți muta oricum punctul de ancorare rămas. Comparați și contrastați imaginea de la Pasul 5 și Pasul 6. Veți vedea ce vreau să spun.
Utilizați acest proces de mai sus pentru a vă ajuta, dacă este necesar! Procesul poate deveni puțin confuz dacă este prima dată când încercați ceva de genul acesta. 
În exemplul meu din lumea reală de mai sus, am creat de fapt o nuanță de umbrire cu două umbre: o ușoară apreciere albastră apreciată pe o nuanță mai închisă de culoare albastră. Am folosit exact procesul descris mai sus.
Pentru această parte a tutorialului, vom folosi textura de lemn a lui Nick Slater, de vreme ce îl dăruiește grațios. Se îndreaptă spre pagina lui Dribbble, descarcă textura și pregătește începerea procesului! Această tehnică poate funcționa la fel pentru orice tip de textură. Fie că este vorba despre beton, lemn, fibră, blană etc., este posibil să folosiți pașii de mai jos. Sa incepem.
Lucrăm acum cu sans seriful H de mijloc în rândul de jos. Modificați nuanța, valoarea și orice altceva doriți. Apoi, deschideți textura pe care am legat-o mai sus în Illustrator.
Acum, cu textura boabelor din lemn deschis, copiați textura. Navigați peste "H" și lipiți textura de lemn din partea de sus. Ar trebui să se înfățișeze ca mai sus. În acest moment, selectați textura și Extinde pentru a vă asigura că este o formă solidă și nu un accident vascular cerebral.
Ultimul pas este selectarea texturii și a "H". Cu ambele selectate, navigați cu mouse-ul peste deschizător de drumuri și utilizați Minus Front opțiune. Aceasta va lua textura și o "scade" de tot ce este în spatele ei. În acest caz, "H" -ul nostru va avea textura îndepărtată din acesta, lăsând un "H".
Am folosit același proces în această piesă. Piesa "Urmați-vă" a fost tipărită pe ecran și, în loc să utilizeze o nuanță "galbenă" în partea de sus a literelor, am "scos" textura de la litere pentru a permite hârtiei galbene să pară. Acest proces de eliminare este perfect pentru tipărirea prin serigrafie sau prin tipărire tipărită atunci când doriți să utilizați culoarea hârtiei în design. 
Ultimul "H" din matrice! Această tehnică vă va cere să înțelegeți panoul Aspect, precum și panoul Stroke. Să începem.
Să începem să adăugăm primul accident vascular cerebral în formularul nostru de scrisoare. Aceasta este partea ușoară. Selectați "H" și navigați la dvs. Accident vascular cerebral pentru a adăuga o cursă de 2 pt. Orice culoare va face, atât timp cât vom putea vedea accidentul. Întotdeauna am ajuns să folosesc o culoare foarte nebună sau nebună pentru a începe, doar pentru a vedea ce fac.
Următorul pas este să adăugați al doilea accident vascular cerebral. Pentru a face asta, deschide-ți Aspect panou. Selectând "H", faceți clic pe pictograma pătrată în partea stângă a panoului. Se pare un pic evidențiat în imaginea de mai sus. Efectuați acest lucru cu un pas de 4 pt. Acum avem două lovituri ... Dar primul accident vascular cerebral nu este încă vizibil. Vom avea grijă de asta în pasul următor.
Panoul Aspectului se comportă exact ca straturile. Asa ca reordonati cursorul de 4 pt in partea de jos, in timp ce cursa 2 pt ramane in partea de sus, ca in imaginea de mai sus. Aceasta ar trebui să permită ambele curse să fie vizibile. Dacă nu, asigurați-vă că vă îndreptați spre Accident vascular cerebral panou și aliniați cursa spre exterior. Acest lucru va împinge cursa spre exterior, în loc de a avea accident vascular cerebral consuma forma ta "H".
În acest moment, am terminat! Simțiți-vă liber să modificați aceste culori înapoi la ceva mai subtil și consistent. De asemenea, nu ezitați să schimbați colțurile pentru a obține un efect rotunjit sau unghiular.
Exemplul de mai sus a fost un experiment pentru mine. Nu am folosit niciodată efectul dublu-accident vascular cerebral până când am lucrat la proiectul Girl Skateboards. Atunci când este combinat cu alte stiluri, efectul dublu-accident vascular cerebral arată destul de dulce dacă mă întrebi!
Sunt asa de multe moduri de a adăuga stilizarea formularelor dvs. de scris. Pentru a găsi texturi, caracteristici, scheme de culori, adâncime etc. pentru a le adăuga la scrisori, faceți o aventură undeva departe sau în apropierea locului în care trăiți și luați-vă inspirația din experiențele dvs. de zi cu zi. Poate că se joacă cu unelte pe care nu le-ați folosi în mod normal pentru a crea litere, cum ar fi un burete, o furculiță, țesătură - posibilitățile sunt nesfârșite. Experimentați fără sfârșit!
Accentsconagua