Share
În acest tutorial veți învăța cum să utilizați Shape Building, Clipping Paths și Opacity Masks pentru a crea un lacăt metalic. Veți învăța, de asemenea, cum să utilizați plug-inul VectorScribe Adobe Illustrator pentru a economisi timp atunci când creați ilustrații și desene vectoriale.
Am făcut în mod special acest tutorial folosind mai multe straturi pentru fiecare element. Utilizatorii avansați pot face cu ușurință această blocare fără utilizarea straturilor, dar pentru că demonstrez Shape Building, Clipping Paths și Opacity Masks, am folosit straturile ca instrucțiuni vizuale despre modul în care fiecare parte colaborează pentru a face imaginea. Sa incepem!
Primul lucru pe care ar trebui să-l faceți atunci când porniți o nouă pictogramă în Adobe Illustrator este de a seta ghidajele și grilele și de a schimba unitățile de măsură în pixeli. Pentru a găsi aceste setări, mergeți la Edit> Preferences (Prefixe), apoi setați Guides & Grid la liniile de grilă la fiecare 10 pixeli cu 10 subdiviziuni și alegeți o culoare a grilajului care se va deosebi de imaginea dvs., apoi mergeți la Unități și setați unitățile generale la Pixeli.
Pentru a face mai ușor crearea de forme, ar trebui să arătați grila și să setați formatele la Snap to Grid, accesând View> Show Grid apoi View> Snap to Grid.
Faceți un patrat de 240 x 240 pixeli de orice culoare cu instrumentul Rectangle (M) și aliniați-l cu grila pixelilor.
Deschideți dialogurile Cornere dinamice, PathScribe și Dynamic Shapes pentru plug-in-ul VectorScribe (Window> VectorScribe).
Mai întâi vom aplica colțuri rotunjite în corpul încuietorii. Setați colțurile dinamice la 20 de pixeli și faceți clic pe cele patru colțuri ale pătratului pe care l-am făcut. Lucrul bun despre Dynamic Corners este că puteți face clic pe primul punct și puteți testa câteva dimensiuni diferite de colț și stiluri pentru a găsi unul potrivit - odată ce aveți un colț, sunteți mulțumit să faceți clic pur și simplu pe celelalte trei colțuri pentru a aplica setările.
Copiați Square (Command + C), apoi blocați stratul și faceți un strat nou deasupra acestuia. Lipiți o copie a pătratului în noul strat cu Command + F. Notă: Am schimbat culoarea celui de-al doilea pătrat în galben, astfel încât să îl puteți vedea clar.
Selectați cele 4 puncte de fund cu Instrumentul de selecție directă (A) și mențineți apăsată tasta Shift, deplasați punctele spre partea superioară a celui de-al doilea pătrat pentru a face partea superioară a încuietorii. Această parte poate fi oricare ar fi dimensiunea dorită, asigurați-vă că o potriviți cu o limită a pixelilor. Veți vedea rezultatul în a doua imagine de mai jos.
Copiați forma top (Command + C), dezactivați stratul pe care se află și faceți un strat nou de mai jos. Lipiți forma superioară în stratul nou (Command + F). Selectați punctul din dreapta sus și folosiți PathScribe pentru a împărți calea, apoi repetați cu punctul din stânga sus. Ștergeți calea dintre cele două "tăieturi", secțiunea de sus va avea acum o cale deschisă în partea de sus.
Selectați unul dintre cele două puncte deschise cu Instrumentul de selecție directă (A) și faceți clic pe Retrageți mânerele din dialogul PathScribe, selectați din nou punctul cu Instrumentul de selecție directă și țineți apăsată tasta Shift pentru a o alinia cu partea de blocare. Repetați cu cel de-al doilea punct deschis.
Mutați forma rezultată în jos pentru a crea o bandă pentru partea superioară a încuietorii. Întoarceți stratul superior. Ar trebui să aveți o formă similară celei de-a doua imagini de mai jos.
Selectați formele "Top" și "Top Side" (văzute în straturile de mai jos) și copiați-le (Command + C). Blocați ambele straturi și faceți un strat deasupra, lipiți formele în acest strat (Command + F). Notă: Când lipiți o formă de la un strat la altul, cel mai bine este să blocați stratul de origine.
Aceste forme vor face banda în jurul blocajului, deci deplasați-le spre jumătatea inferioară a corpului de blocare. După cum puteți vedea din a doua imagine de mai jos am marcat ghiduri pentru a obține o idee despre înălțimea pe care vreau să o aibă formația. Trupa poate fi, de asemenea, orice dimensiune vă place, dar am constatat că aliniamentul cu linii pixel este un mare ajutor pentru următorii pași.
Vom tăia secțiunea de sus în același mod în care am tăiat forma benzii în pasul 6. Selectați punctul din dreapta și folosind PathScribe (dacă există două puncte pe lateral - ce se poate întâmpla - selectați partea de jos), împărțiți apoi repetați cu punctul lateral stâng. Ștergeți calea dintre cele două "tăieturi", secțiunea de sus va avea acum o cale deschisă în partea de sus.
Lăsați această formă deschisă pe măsură ce o vom alătura la forma de mai jos în pasul următor.
S-ar putea să te întrebi de ce, la pasul 6, am lăsat banda de sus deschisă după ce am șters calea de îmbinare, pentru că aveam nevoie de forma care să fie deschisă când am copiat-o pentru banda mijlocie. Ca regulă generală, toate formele de vectori ar trebui să fie închise, așa că vom închide banda de sus pe blocare după ce vom crea banda mijlocie.
Cu ajutorul instrumentului de selecție directă (A), faceți clic pe ambele puncte de sfârșit de pe partea dreaptă a formei benzii, apăsați Command + J (sau mergeți la Object> Path> Join) pentru a le uni. Repetați cu partea stângă. Veți avea acum o singură formă pentru trupa de mijloc.
Să închidem cealaltă cale. Faceți clic pe banda superioară a încuietorii cu instrumentul de selectare (V) (reprezentat în imaginea de mai sus ca forma roz "partea superioară"), iar în meniul de opțiuni PathScribe selectați Cale de închidere.
Bine, acum ar trebui să aveți ceva similar cu imaginea de mai jos. Am folosit Ghiduri pentru a marca mijlocul de sus al lacătului și a făcut secțiuni pentru cârlig - un ghid pentru fiecare parte și unul în jos pentru a alinia găurile.
Faceți un strat nou pentru cămăși și blocați straturile anterioare. În dialogul Dynamic Shapes (Formații dinamice), selectați Dynamic Donut (Donă dinamică) și setați-l să aibă 8 segmente și unghiuri de 135ș și 315μ la capete (veți găsi setările din partea de jos a dialogului).
Faceți clic pe butonul Shift și trageți forma pentru a se potrivi între ghidajele pentru Shackle (asigurați-vă că păstrați punctul de mijloc în partea superioară a formei). Dacă mijlocul gogoșii este prea mare sau mic pentru spațiu, faceți clic pe unul din punctele roșii din interior. Poate fi necesar să selectați gogoasa, apoi să o activați făcând clic pe dialogul cu forme dinamice și pe Control + Drag cu mouse-ul pentru a modifica dimensiunile.
Caracteristica de redimensionare este cea mai bună parte din Instrumentul Dynamic Shapes Tool, această caracteristică a salvat un pic de timp și ajustarea pentru a face această secțiune a blocării.
Blocați stratul "Shackle" și creați un strat nou sub acesta pentru găuri. Mergeți în dialogul Dinamic forme și faceți o Elipsă cu mărimea cârligului, apoi creați o a doua elipsă care este puțin mai mare decât prima și trimiteți-o în spatele acesteia (Command + Bracket pătrate stânga). Centurați ambele forme și aliniați-le la partea inferioară a ghidajelor. Selectați formele cu Instrumentul de selecție (V) și Comandă + Trageți-le spre cealaltă parte a cârligului (aceasta va face o copie).
Selectați punctul de sus-sus al elipsei interioare și, folosind PathScribe, împărțiți calea, apoi repetați cu punctul din stânga sus. Ștergeți calea dintre cele două "tăieturi", secțiunea de sus va avea acum o cale deschisă în partea de sus.
Selectați unul dintre cele două puncte deschise cu Instrumentul de selecție directă (A) și faceți clic pe Retrageți mânerele din dialogul PathScribe, selectați din nou punctul cu Instrumentul de selecție directă și țineți apăsată tasta Shift pentru ao alinia cu partea laterală a ghidajului de legătură. Repetați cu cel de-al doilea punct deschis.
Mutați forma rezultată la jumătatea distanței dintre partea superioară a cârligului. Ar trebui să aveți ceva similar cu imaginea de mai jos.
Dacă ați urmărit împreună cu straturile pe care le-am realizat, ar trebui să aveți un strat "Top" și "Holes". Pentru a uni cele două părți ale cătușei, elementele trebuie să fie pe același strat. Pentru a face acest lucru, selectați ambele straturi (Shift + Click), apoi mergeți la Merge Selected din meniul flyout din partea laterală a paletei de straturi.
Acum, că formele sunt pe același strat, luați Instrumentul de selecție directă (A) și faceți clic pe punctul din stânga jos al formei "Donut", iar prin utilizarea PathScribe împărțiți calea apoi repetați cu punctul drept. Ștergeți calea dintre cele două "tăieturi", secțiunea din stânga jos a "Donutului" va avea acum o cale deschisă.
Selectați direct (V) punctele de capăt corespunzătoare pentru cârlig, apoi apăsați Command + J (sau mergeți la Object> Path> Join) pentru a le uni. Repetați cu partea dreaptă a "Donut" și "Shackle". Acum veți avea o singură formă.
Notă: Asigurați-vă că tăiați și uniți un braț al cătușei înainte de alta, dacă deschideți toate punctele de pe forma "Donut" mai întâi curba mijlocie se va deschide și se va transforma într-o jumătate de cerc.
Suntem acum la jumătatea drumului tutorialului, bine făcut! Să adăugăm niște efecte și culori la Lacăt.
Mai întâi, faceți un Gradient pentru corpul Lacătului. Am realizat un Gradient folosind Mid Gray (R = 96 G = 96 B = 77) și Gri deschis (R = 204 G = 204 B = 204), dar puteți alege orice ton de gri, aur sau bronz toate culorile bune pentru o încuietoare metalică.
Bacsis: Atunci când selectați culorile pentru gradienți și nuanțe, glisorul HSB este grozav de folosit, deoarece puteți seta luminozitatea și saturația fără a influența culoarea. HSB poate fi setat în dialogul Culoare.
Cu ajutorul lămpii selectate, deschideți panoul Aspect, selectați stratul de umplere și faceți clic pe pictograma Fx din partea de jos pentru a adăuga un efect de cereale. Accesați Galerie de efecte și selectați Cereale în fereastra care se deschide. Joacă cu intensitatea și contrastul unei grăunțe verticale pentru a obține efectul dorit.
Adăugați finisajul pe care l-ați făcut în Stilurile grafice (cu forma selectată, faceți clic pe butonul Adăugați stiluri grafice din partea inferioară a paletei.) Prima dată când am aplicat acest efect (setările de mai jos), arăta bine, dar mai târziu am schimbat contrast pentru a se potrivi cu zonele de evidențiere care vor fi aplicate mai târziu în tutorial. Nu vă fie teamă să modificați setările pe măsură ce mergeți.
Selectați partea superioară a lacătului și aplicați un gradient înclinat (a mea este minus 8ș), apoi adăugați-l în Stilurile grafice. Am folosit tonuri de gri, cu o strălucire albă și albastră deschisă pentru a crea un punct culminant. Din nou, puteți utiliza o paletă de culori care vă place atât timp cât culoarea de evidențiere reflectă culoarea de fundal pe care doriți să o utilizați la final.
Aplicați un alt gradient pe banda superioară a încuietorii. Faceți mijlocul cea mai ușoară culoare, apoi adăugați niște tonuri medii pe părțile laterale ale acestuia și tonuri mai întunecate la secțiunile de colț. În cele din urmă, adăugați culoarea cea mai întunecată la extremitățile gradientului pentru a obține un finisaj metalic. Adăugați o lovitură de gri închis de 1px deasupra gradientului Completați paleta Aspect Adăugați finisarea la stilurile grafice.
Selectați una dintre formele "Hole" și aplicați un gradient de stil metalic ca cel pe care l-ați făcut înainte, apoi adăugați o strălucire exterioară făcând clic pe butonul Fx din partea inferioară a paletei Aspect. Setați Glow pentru a fi multiplicat cu o culoare Mid Gray, opacitate de 75 și o blur de 3px. Adăugați acest lucru în Stilurile grafice, selectați cealaltă gaură și aplicați stilul grafic.
Acum o să ne complicăm cu Gradient Mesh. Selectați cârligul lacătului și culoarea este gri deschis, apoi copiați-l și lipiți-l (Comandă + C apoi Comandă + F). Selectați ambele forme și creați o Mască de Clipping (Command + 7 sau Faceți clic dreapta> Faceți Clipping Mask). Faceți dublu clic pe masca de decupare.
În acest pas vom face o formă pe care să o bazăm pe Gradient Mesh, vom urmări tehnica lui Iaroslav Lazunov pentru Taming a Gradient Mesh.
Efectuați un dreptunghi de 48x400px și aliniați-l la partea stângă a cârligului, colorați-l cu gri deschis și transformați-l într-o secțiune de secțiune de 8 cu 4 Gradient Mesh (selectați dreptunghiul și apoi mergeți la Object> Create Gradient Mesh).
Iată partea dificilă. Urmați acești pași o singură secțiune la rând, lucrând de la stânga la dreapta. Utilizați instrumentul Lasso (L) pentru a direcționa selectarea rândurilor de puncte, apoi alternați între instrumentul Rotate Tool și Direct Selection Tool pentru a muta punctele în loc pentru a crea o formă de arc. După cum puteți vedea în imaginea de mai jos, nu trebuie să fie 100% exacte (dar ajută să fie aproape).
Faceți clic pe punctele de plasă cu instrumentul Gradient Mesh Tool (U) pentru a atribui primul set de culori. Puteți vedea că am folosit aceleași nuanțe de la partea de sus a lacătului cu albastru deschis doar pe o parte a căștii. Odată ce aveți o plasare dură a luminii și umbrelor, utilizați instrumentul Gradient Mesh Tool (U) pentru a adăuga puncte la plasă. Utilizați noile puncte pentru a rafina zonele de lumină și umbre pentru a obține o finisare metalică mai realistă. Puteți vedea cum mi-am făcut plasa și rezultatul final al celei de-a doua imagini de mai jos.
Să ne mutăm pe trupa de mijloc. S-ar putea să fi observat că am desenat linii de pixeli, așa că pentru a continua să lucrez la rețea, voi folosi instrumentul VectorScribe. Dacă faceți clic pe numărul de sub textul "Constrain Angle", puteți introduce setările proprii - am setat-o pe mine la 45º. Acum, când desenez un dreptunghi, va urma grilă 45ș.
Copiați banda din mijloc și lipiți-o (Command + C, apoi Command + F). Selectați ambele forme și creați o Mască de Clipping (Command + 7 sau Faceți clic dreapta> Faceți Clipping Mask). Faceți dublu clic pe masca de decupare și desenați un dreptunghi de 45ș și plasați copii pe toată lungimea benzii mijlocii la o distanță egală.
Voi modifica acum cele două benzi exterioare pentru a crea iluzia unei margini rotunjite. Cu instrumentul PathScribe, dați clic Alt pe calea de la intersecția căii și cu ghidajul pentru a marca marginea rotunjită a corpului lacătului. Trageți punctul de jos afară de punctul pe care tocmai l-ați făcut și faceți o curbă netedă prin împingerea căii cu indicatorul PathScribe. Repetați pe ambele părți.
Adăugați o lumină simplă de 90ș la un gradient întunecat la fundalul benzii, apoi la alte linii. Copiați forma de fundal și lipiți-o mai sus (Command + C apoi Command + F). Selectați primele patru puncte ale formei lipite și deplasați-le ușor. Aplicați un gradient alb de opac de 20% la 100% opac. Faceți clic înapoi la ilustrația principală.
În cele din urmă, este timpul să adăugați niște nuanțe luminoase și întunecate la corpul lacătului. Faceți o copie a formei corpului și o lipiți de două ori pe un strat deasupra corpului principal al încuietorii (comanda + C apoi comanda + F de două ori). Dacă banda dvs. de mijloc se află pe un strat de mai sus, mutați-l mai jos. Selectați ambele forme și creați o Mască de Clipping (Command + 7 sau Faceți clic dreapta> Faceți Clipping Mask). Faceți dublu clic pe masca de decupare.
Desenați un dreptunghi peste corpul principal al încuietorii și colorați-l cu un gradient orizontal alb-albastru. Selectați forma și accesați panoul Transparency, setați modul de amestecare la Overlay. Deschideți meniul din panoul lateral al panoului transparent și dați clic pe Make Opacity Mask. Panoul Opacity va arăta acum că ați aplicat o mască de opacitate pentru formă.
Alt-dă clic pe pictograma mască și desenează un alt dreptunghi. Aplicați un gradient cu negru pe laturi, o curbă albă pe colț, și negru în mijloc. Aceasta va masca forma albă și o va transforma într-un strat de evidențiere pentru ilustrația principală. Faceți clic pe ieșirea din masca de opacitate (faceți clic pe pictograma de previzualizare de lângă pictograma de previzualizare a măștii). Repetați aceiași pași pentru a face un alt dreptunghi evidențiat pe partea superioară a lacătului, de data aceasta făcând dreptunghiul un alb solid și Masca Opacity un gradient oval care merge de la alb la negru. Utilizați a doua imagine de mai jos ca ghid.
Faceți o altă copie a formei principale pe un nou strat, desenați un dreptunghi în partea de jos a formei și umpleți-o cu un gradient gri până la transparent. Deplasați gradientul din spatele formei principale, selectați ambele forme și creați o Mască de Clipping (Command + 7 sau Faceți clic dreapta> Faceți Clipping Mask). Mergeți la panoul Aspect și reduceți transparența la 50%, iar modul de amestecare pentru Multiplicare.
Pentru atingerea finală, vom face o reflectare a cătușei. Copiați șoldul și lipiți-l pe un nou strat de mai jos. Rotiți (R) și mutați copia în poziție, puteți utiliza imaginea de mai jos ca referință.
Selectați cătușa reflectată și accesați panoul Transparency, deschideți meniul la Side și faceți clic pe Make Opacity Mask. Panoul Opacity va arăta acum că ați aplicat o mască de opacitate pentru formă. Desenați un mic dreptunghi peste partea superioară a corpului de blocare și aplicați un gradient alb-negru. Faceți clic pe Opacity Mask și admirați munca.
Efectuați modificări la gradienți și valori de opacitate, adăugați un fundal la alegere și ați terminat. Mi-a plăcut cu adevărat utilizarea VectorScribe pentru acest tutorial, a economisit timp și efort în ceea ce privește construcția și editarea formei, cu siguranță o voi folosi în viitor pentru simboluri și icoane. Dacă doriți să încercați VectorScribe, vizitați astutegraphics.com. se bucura!
Accentsconagua