Share
În tutorialul de începători de astăzi, vă voi arăta cum să creați un vector Polaroid, cu utilizarea minimă a instrumentului Pen. Îți voi arăta cum poți să o folosești în combinație cu o altă ilustrație pentru ao încadra.
Când partenerul meu și cu mine ne-am întâlnit, el a încercat să mă impresioneze dorind să învețe cum să creeze o artă vectorială. Primul lucru pe care l-am învățat era să creeze un vector Polaroid. Motivul este că nu necesită multă utilizare a instrumentului Pen, care poate fi descurajantă atunci când îl încerci mai întâi. De asemenea, l-au prezentat unor instrumente și efecte destul de minunate. Inutil să spun că mi-a impresionat și ne-am căsătorit anul viitor.
Deci, haideți să începem cu tutorialul și să învățăm cum să vă creați propriul vector Polaroid retro!
Voi începe să creez Polaroid-ul de epocă folosind niște forme de bază realizate din dreptunghiuri cu instrumentul Rectangle (M). Deoarece are rapoarte specifice, am să dau o singură dată clic pe pânză și să introduc valorile celor trei dreptunghiuri pe care doresc să le creez. Deocamdată, culorile acestor forme nu sunt relevante, deoarece le vom schimba mai târziu.
Primul care este cel mai mare dintre trio va fi 540pt cu 650pt.
Al doilea va permite o ușoară margine în jurul cadrului și va fi de 505pt cu 600pt.
Și cea mai mică va fi 505pt cu 485pt.
După cum probabil ați observat, dreptunghiurile noastre nu sunt în poziția corectă pentru o fotografie de film instantanee, așa că voi folosi panoul Align (Windows> Align sau Shift + F7) pentru a ajuta la poziționarea acestora.
Selectați primul (Command + A) primul din dreptunghiurile și utilizați opțiunea Centrul de aliniere orizontală.
Am deselectat cel mai mare dreptunghi și, cu cele două mai mici, am folosit opțiunea Vertical Align Top. În timp ce era încă selectat, am folosit tastele săgeți de pe tastatură pentru a împinge în sus ambele dreptunghiuri în poziția de mai jos. Dacă le-ați mutat în afara centrului, puteți oricând să selectați Toate (Command + A) și să utilizați Centrul de aliniere orizontală pentru a le centra din nou.
Voi trece ușor în colțurile celui mai mare dreptunghi. Deci, selectați forma și mergeți la Efecte> Stylize> Round Corners și introduceți valoarea 6pt și faceți clic pe OK.
Acesta este un efect Live, ceea ce înseamnă că puteți reveni în panoul Aspect pentru a modifica această valoare în orice moment. Poți să spui că este un efect Live, uitându-te la forma de mai jos. Deși forma albastră are, de fapt, un colț curbat, punctele din jurul formei sunt încă de un dreptunghi.
Voi elimina efectul live, dar păstrează forma rotundă a colțurilor păstrând forma selectată și mergând la Object> Expand Appearance. Veți ști că efectul Live a fost extins, deoarece forma are acum două puncte la colț în loc de una.
Dacă vă uitați la spatele unui Polaroid, veți observa că există pliuri și o husă de pastă de dezvoltare în jurul marginilor și respectiv de jos. Voi folosi Instrumentul pentru segmentul de linie (\) pentru a tăia pliurile și punga. Pentru a face linii mai ușor să se potrivească cu formele deja trase și puncte de la dreptunghiurile noastre, am de gând să activa Smart Guides (Command + U).
Dacă nu ați utilizat Ghidurile inteligente înainte, după ce le-ați permis să vă plasați lent cursorul în jurul formelor, veți observa că se fixează pe puncte și căi. Această caracteristică este minunată atunci când doriți să desenați linii exacte, așa cum veți fi astăzi.
Voi începe să trag o linie dintr-un colț și să se suprapună peste un punct, ținând-o pe linie până când voi obține ghidul inteligent care evidențiază marginea dreptunghiului mijlociu. Voi face clic pe acest punct final, cu ghidurile inteligente evidențiază "ancora", așa că știu că liniile vor fi false.
Holding Shift va ajuta la crearea unei linii verticale perfect drepte. Când țineți Shift puteți crea o linie care are un unghi strict de 45 de grade în orice direcție. Am folosit aceeași metodă pentru a crea linia orizontală în partea de sus a fotografiei. Din nou am folosit avantajele ghidurilor inteligente pentru a ne asigura că linia mea orizontală este la fel de subțire, pe cât este evidențiată "calea" unde se întâlnesc liniile.
Puteți utiliza Ghidurile inteligente atunci când utilizați instrumentele de formă (precum și multe alte instrumente AI), după cum se arată mai jos. Aici am folosit instrumentul Rectangle (M) și am asigurat că este în linie dreaptă pe ambele părți ale liniilor verticale.
Am trasat liniile de mai jos la secțiunea de pe Polaroid. Am grupat toate liniile împreună (Command + G).
Mă duc să copiez (Command + C) și să introduci în față (Command + F) cele mai mici și cele mai mari dreptunghiuri. Apoi voi folosi panoul Pathfinder (Shift + Command + F9) pentru a elimina cel mai mic dintre cei mai mari folosind opțiunea Minus Front. Acest lucru ar trebui să vă lase cu cadrul general al Polaroidului.
Voi crea o Mască de Clipping cu noua noastră formă. Deci, voi grupa toate formele și liniile, în afară de cel mai mic dreptunghi. Faceți acest lucru selectând formele și liniile pe care doriți să le faceți Grup, apoi apăsând Command + G. În exemplul de mai jos, am ascuns noua formă pe care am creat-o în pasul 5 și am blocat cel mai mic dreptunghi, pentru că nu vreau să o modificăm în acest stadiu.
Desfaceți noua formă (dacă ați făcut-o) și selectați-o, precum și grupul. Acum mergeți la Object> Mască de tăiere> Make (Command + 7). Acesta va combina elementele într-un nou grup. Dacă faceți o analiză în acest grup, veți putea vedea componentele. O mască de tăiere va face vizibilă numai ceea ce este conținut în forma Clipping Path.
Stagându-se în grupul de mascare Clipping, voi selecta fiecare componentă individuală (în afară de Clipping Path) pentru a modifica culoarea lor de umplere / curse cu următoarele:
De asemenea, am modificat setările Transparenței prin panoul Transparență (Shift + Command + F10). Dreptunghiul mediu este setat la opacitate 90%. Grupul de linii de secționare a fost setat la Modul de amestecare Multiplicare și Opacitate 100%.
Dacă aplicați aceste setări grupului, mai degrabă decât liniile individuale, acesta afișează efectul Modului de amestecare / Opacitate ca și cum toate componentele grupului sunt un obiect complet. Dacă aș face acest lucru în mod individual, ați observat că zonele în care liniile se suprapun (de exemplu, în cazul în care dreptunghiul este în partea inferioară a Polaroidului) ar fi mult mai întunecate decât restul.
Așa cum puteți modifica obiectele în cadrul unei măști de tăiere, puteți adăuga și elimina și obiecte dacă este necesar. Voi adăuga forme pe cadrul Polaroidului. Folosind instrumentul Pen (P) și prietenii noștri Smart Guides, am să desenez clapa superioară a cadrului, folosind liniile noastre de secționare ca ghid pentru unghiurile laturilor clapetei.
Tot ce va trebui să faceți după finalizarea formei este selectarea acesteia și apoi glisați și fixați-o în masca de tăiere. După cum vedeți mai jos, forma nouă beneficiază acum de limitele Calei de Clipping prin ascunderea suprafețelor care se suprapun.
Voi folosi un Gradient Linear pentru a crea apariția unei clapete. Ceea ce am tendința de a face este să îmi umplem forma cu un gradient implicit și apoi să tragem și să abandonăm culorile din Swatch pe Gradient Sliders. Apoi mișc Gradient Sliders pentru a modifica aspectul gradientului. Pentru a schimba un gradient linear vertical cu un gradient orizontal, schimbați valoarea Unghiului la 90 de grade.
Apoi, am tras și am scos mai multe culori în panoul Gradient și am folosit instrumentul Gradient (G) pentru a modifica pozițiile culorilor, respectiv la linia de secționare.
Am folosit următoarele nuanțe de la stânga la dreapta:
Am redus apoi Opacitatea la 70%.
Am folosit același gradient pentru celelalte forme ale cadrului și pungii, totuși am îndepărtat unele dintre culori și le-am reorganizat. Pentru a elimina o culoare din gradient, selectați Glisorul Gradient și utilizați Binul din dreapta. Toate formele noi trebuie să fie setate la opacitate 70%.
Copiați (Command + C) și lipiți în față (Command + F) punga / dreptunghi. Voi adăuga o textura subtilă folosind un model prestabilit, care se află deja în biblioteca Adobe Illustrator. În panoul Swatch intrați în meniul derulant din partea dreaptă sus a panoului și selectați Open Swatch Library> Patterns> Graphics Basic> Basic Graphics_Textures. Din aceasta selectați modelul "USGS 21 Intricate Surface" și va fi adăugat automat la Swatch.
Umpleți dreptunghiul duplicat și modificați Modul de amestecare la Multiplicare și Opacitate la 5%.
Rama noastră este mai mult sau mai puțin făcută, totuși există încă un lucru pe care îl puteți adăuga la cadru pentru a-i oferi o controversă unică. Pe spatele unui Polaroid puteți găsi adesea numele de marcă sau chiar numărul lotului filmului. Deci, de ce să nu adăugați numele dvs., titlul de ilustrații sau chiar o dată în același stil?
Am folosit instrumentul Type (T) deasupra husăi cu setările de mai jos. Am ales să scriu aici "VECTORTUTS +" din motive evidente.
Când utilizați instrumentul de tip (T) în Adobe Illustrator, acesta poate afișa doar fișierele pe care le aveți deja pe computer ... ceea ce poate părea evident. Acest lucru înseamnă că, dacă trebuia să transmiteți fișierul unui prieten, iar pentru un motiv bizar nu avea textul "Arial", textul nu se afișa corect. Deci merită Object> Extinderea fontului la forme. În acest tutorial voi extinde fontul, dar dacă veți folosi acest cadru din nou și din nou, aș trece peste acel pas.
Voi schimba culoarea de umplere a branding-ului nostru în "USGS 21 Intricate Surface", așa că pare texturată, dar modelul pare prea mare în text. Pentru a modifica scala modelului, mergeți la Object> Transform> Scale și asigurați-vă că sunt bifate numai "Modele". Am schimbat amploarea acestui model la Uniform 20%.
Apoi am folosit Free Transform Tool (E) pentru a roti ușor textul. Aceste ștampile de marcare nu sunt niciodată perfect perfectă? Când ați terminat, grupați toate elementele împreună pentru cadru (Command + G).
Acum, pentru a lucra la filmul care se va suprapune imaginea de dedesubt. Voi duplica pătratul mic și îl ascund pentru moment, va fi folosit la un pas mai târziu. Schimbați culoarea de umplere într-o nuanță neagră (C = 0, M = 0, Y = 0, K = 95). Folosind instrumentul Mesh (U) cu ajutorul ghidurilor inteligente, puneți un punct în centrul direct și apoi colorați-l cu alb pur.
Mergeți în jurul pătratului adăugând puncte albe către colțuri. Nu veți putea adăuga colțul al patrulea, deoarece acesta va fi creat de la dvs. adăugând cele trei puncte. Veți avea nevoie să selectați fiecare punct cu ajutorul instrumentului Mesh (U) și să le colorați în alb, după cum se arată mai jos.
Selectați în întregime forma ochiului de plasă și apoi modificați Modul de amestecare la Multiplicare și Opacitate la 40%. Veți observa că centrul alb a dispărut acum, modul de amestecare influențând numai orice cu prezența culorii - care alb nu are nici unul (deci toate zerourile!). Acest lucru va da un efect de vignetă pe fotografie.
Desigur, cu partea foto a Polaroidului fiind ușor înălțată, poate exista o strălucire / luciu pentru imagine. Am să trag pătratul cu un dreptunghi rotunjit și apoi să folosesc un gradient linear alb transparent. Faceți acest lucru creând un gradient care are aceeași culoare pe două glisiere Gradient. Selectați unul dintre glisoarele Gradient și apoi reduceți opacitatea la valoarea dorită. În acest caz ar fi 0%.
După ce ați terminat, setați Modul de amestecare pe ecran și opacitatea la 40%, apoi grupați atât ochiurile de plasă, cât și dreptunghiul rotunjit împreună (Command + G).
Voi crea o umbră subtilă de-a lungul fundului Polaroidului utilizând un alt gradient transparent ... de data aceasta este un Gradient Radial. În panoul Gradient utilizați meniul derulant pentru al modifica la un gradient radial. Apoi glisați și fixați negrul în ambele glisoare Gradient.
Ori de câte ori folosesc un gradient radial simplu, am tendința să o folosesc cu un cerc, deoarece mi se pare mai ușor să manipulez dimensiunile unui cerc cu ajutorul instrumentului Free Transform Tool (E) decât să utilizez Gradient Tool (G). Deci, acest sfat ar putea fi bun pentru dvs. dacă ați experimentat aceeași problemă.
Folosiți mai întâi instrumentul Ellipse (L) cu gradientul radial și țineți apăsat Alt + Shift, apoi trageți spre exterior pentru a produce un cerc uniform. Veți observa că gradientul radial va fi exact în centru și nu este distorsionat în formă. Apoi utilizați instrumentul Free Transform Tool (E) pentru al distruge și întinde-l așa cum doriți.
Am plasat-o sub grupul pentru cadru și am setat-o pe Mod amestecare Multiplicare cu Opacitate 100%. Apoi am grupat-o cu cadrul (Command + G).
Ceea ce avem acum ar trebui să fie două grupuri, una care conține vineta și strălucirea care va fi pe partea de sus a cadrului. Dacă nu aveți vizibil artboard-ul dvs., puteți face acest lucru accesând View> Show Artboards (Command + Shift + H).
Selectați ambele grupuri și apoi poziționați-le în cadru. Va trebui să creați un fundal general pentru Polaroid. Am făcut acest lucru folosind Instrumentul dreptunghi (M). Culoarea este irelevantă deoarece puteți schimba acest lucru în funcție de culoarea ilustrației dvs. pentru a compliment sau a contrasta cu ea.
Duplicați acest nou dreptunghi, pe care l-ați folosit pentru fundal, apoi desfaceți pătratul mic pe care l-ați duplicat la pasul 14. Trageți-l din Grup și pe fondul duplicat. Utilizând Pathfinder> Minus Front, scoateți pătratul mic din dreptunghiul de fundal.
Grupați dreptunghiul original de fundal cu cadrul Polaroid (Command + G), astfel încât acum aveți două grupuri. Apoi decupați dreptunghiul de fundal creând o mască de tăiere (Command + 7) cu grupul de cadre Polaroid.
Acum selectați tot (Command + A) și grupați tot (Command + G) pentru a face mai ușor să duplicați pe alt proiect de ilustrare.
Deschideți ilustrația aleasă de dvs., în acest caz folosesc un portret al celeilalte jumătăți. Puteți găsi tutorialul cum să creați acest portret mascul aici pe Vectortuts+.
Creați un nou strat, apoi copiați (Command + C) grupul Polaroid și lipiți (Command + V) pe ilustrația dvs..
De aici puteți utiliza instrumentul Free Transform Tool (E) pentru a redimensiona grupul Polaroid (țineți apăsat pe Alt + Shift pentru ao face uniform pentru a evita distorsionarea raportului) sau chiar pentru a schimba culoarea fondului. Am ales să schimb culoarea de fundal pentru Polaroid-ul meu într-o nuanță de maro pentru a scoate tonurile albastre din imagine.
Pentru a da o privire mai uniformă, voi roti ușor portretul și Polaroidul. Deci, Deblocați toate (Alt + Comandă + 2) și apoi Selectați toate (Command + A).
Acum mergeți la Object> Transform> Rotate și setați valoarea pe care doriți să o rotiți cu ilustrația și cu Polaroid. Nu uitați să bifați atât obiecte și modele, apoi faceți clic pe OK.
În sfârșit, utilizați Instrumentul Artboard (Shift + O) pentru a poziționa limitele tabloului de bord sau a modifica dimensiunile. Instrumentul Artboard (Shift + O) este util în mod special atunci când utilizați opțiunea Salvare pentru Web și dispozitive. Gândiți-vă la aceasta ca la un instrument de decupare și definiți care zonă a ilustrației pe care doriți să o tăiați și salvați.
Apoi, când salvați, mergeți la File> Save for Web & Devices. În opțiunile Dimensiune imagine spre dreapta, există o căsuță "Clip to Artboard", asigurați-vă că este bifată. O previzualizare a ilustrației tăiate va apărea în stânga după ce "Aplicați". Apoi salvați ca de obicei.
Bineînțeles că cei dragi vor observa că am pus o ilustrație pe spatele unui Polaroid în locul frontului. Este pur și simplu să oferim detalii suplimentare și să le introducem pe cele care încep cu Adobe Illustrator câteva tehnici noi!
Puteți să eliminați întotdeauna detaliile din jurul Polaroid-ului și să lăsați-l drept dreptunghi simplu, cu suprapunerea ochiurilor de plasă / stralucească și umbra subtilă pentru a merge pentru o abordare mai realistă.
Sper că ați găsit interesant tutorialul de astăzi și ați luat câteva tehnici și instrumente noi pentru a le utiliza în proiecte viitoare.
Ce alte moduri creatoare credeți că ați putea să vă prezentați și să prezentați o ilustrație?
Accentsconagua