Share
În acest tutorial, vom folosi Path Tools pentru a desena un scut. Apoi, folosind niște gradienți, îi vom da o margine metalică și centru strălucitor. Collis a realizat inițial acest design atunci când a făcut pictogramele implicite pentru comentariile utilizatorilor pentru site-urile TUTS. Acest tutorial vă arată cum să creați un design similar folosind Illustrator, mai degrabă decât Photoshop. Iată link-ul pentru tutorialul original Photoshop pentru comparație.
Să aruncăm o privire la imaginea finală de mai jos.
Unul dintre avantajele creării unei lucrări de artă în Illustrator asupra Photoshopului este că opera de artă rezultată este independentă de rezoluție. Asta înseamnă că aceleași lucrări de artă care pot fi utilizate la o dimensiune redusă pentru web pot fi, de asemenea, lărgite până la proporții uriașe, fără a suferi niciunul dintre efectele negative pe care le-ați găsi atunci când mărești un fișier imagine bazat pe pixeli. Deoarece așa este cazul, vom începe presupunând că rezultatul final va fi folosit pentru imprimare, mai degrabă decât pe Web.
Deci, creați noul document (Command + N). Apoi, alegeți Print (Imprimare) ca profil nou de documente. Această presetare vă va oferi un mod de colorare CMYK și o setare Raster Effects de înaltă (300 ppi). Este important să știți că puteți schimba modul Color Mode și Raster Effects oricând doriți, accesând File> Document Color Mode și Effect> Document Raster Effects Settings. Acest lucru nu va afecta dimensiunea fișierului, cu excepția cazului în care ați extins efectele dvs. sau ați aplatizat transparența, ceea ce poate încorpora imagini vectoriale mari în fișierul AI și își poate umfla dimensiunea.
După ce am făcut această captură de ecran, am modificat celelalte setări ale unităților la inci și un document Lățime și înălțime de 7 inci cu 7 inci, apoi a lovit OK.
Vom începe prin a face o formă cu instrumentul dreptunghi (M), care este de 7 inci pătrați.
Acum, dați clic pe și țineți apăsat pe pictograma Obiect dreptunghi din bara de instrumente și alegeți Instrumentul pentru poligoane din meniul derulant. Apoi, creați un poligon pe 3 laturi, cu o rază de 2 ". Să-l aplicăm cu alb, pentru a vedea ce facem.
Uh oh! Triunghiul este orientat spre vârf. Cu ajutorul instrumentului de rotire (R) rotiți triunghiul cu 180 de grade (mențineți deplasarea în timp ce rotiți pentru a restrânge rotația la 45 de grade, cum ar fi 180 de grade).
Utilizați Instrumentul de selecție (V) pentru a selecta triunghiul dacă nu este selectat. Acum, mergeți la Obiect> Cale și selectați Adăugați puncte de ancorare. S-ar putea să vă întrebați de ce nu am folosit doar instrumentul Pen pentru a crea toate aceste puncte la început, mai degrabă decât după ce am făcut triunghiul. Răspunsul este pur și simplu că este greu să obțineți totul frumos și simetric. Aceasta este doar o cale mai ușoară.
Acum avem puncte, dar felul greșit! Avem puncte de colț ascuțite, dar noile centrale pe care le-am adăugat trebuie să fie puncte netede. Cu triunghiul selectat, faceți clic pe instrumentul Pen (P) și faceți clic pe Option +, trageți punctul central superior, mutați mânerul pe care l-ați creat departe de centru, după cum se arată mai jos. Înainte de a renunța, totuși, adăugați Shift pentru a restrânge mânerul pe orizontală.
Vedeți acei ghizi albastri mai buni? Acestea sunt ghiduri inteligente. Îmi place să le folosesc, dar mulți oameni nu fac asta. Vă dau inteligent informații despre ceea ce faceți acum, ca și cum ați arăta că mă constrâng la punctul de origine, aici. Dacă doriți să le activați sau să le dezactivați, accesați View> Smart Guides sau apăsați Command + U.
Acum faceți aceeași opțiune + trageți la celelalte două puncte centrale, numai fără a adăuga Shift, deoarece aceasta constrânge opțiunea dvs. Glisați + la creșteri de 45 de grade, pe care nu doriți. Dacă aveți ghidaje inteligente activat, veți observa că trageți bine la linia dreaptă.
Acum vom trece la Instrumentul de selecție directă (A), care este săgeata albă selectată.
Există de fapt trei instrumente Arrow în Illustrator, asemănătoare cu Photoshop: aceasta este alternativă (faceți clic și țineți apăsată pentru a selecta din meniu), care se numește Instrumentul de selecție a grupului și săgeata neagră numită Instrumentul de selecție la top. Care este diferența?
Ei bine, instrumentul de selecție (cel negru) este pentru selectarea grupurilor și / sau transformarea elementelor. Acesta vă oferă patru manivete de colț și patru mânere centrale pe care le puteți trage pentru a vă transforma selecția. Celelalte două săgeți sunt pentru selectarea punctelor sau a căilor. Instrumentul de selectare directă (simpla săgeată albă) este pentru selectarea și deplasarea fie a punctelor, fie a muchiilor (liniile dintre puncte). Instrumentul de selecție a grupului (săgeata albă cu semnul plus) este pentru selectarea și mutarea întregii căi în jurul tuturor.
Cea mai bună modalitate de a le înțelege, desigur, este să faceți clic pe fiecare pe rând și să vedeți ce face! Încercați să vedeți ce se întâmplă atunci când faceți clic pe Shift, faceți clic pe Option, faceți clic pe Option-Shift etc. Încercați mai târziu, dar pentru moment dorim doar Instrumentul de selecție directă.
Prin urmare, utilizând Instrumentul de selecție directă, faceți clic mai întâi pe punctul de mijloc de sus pentru al selecta. Acum, țineți apăsată tasta Shift și apăsați tasta săgeată sus de câteva ori și veți vedea punctul în care vă deplasați. Apoi faceți același lucru cu punctele de mijloc stânga și dreapta pentru a le face să se miște.
Ținem apăsată tasta Shift deoarece face mișcarea mai rapidă (Shift + Cheia cu săgeți este aceeași cu cea a tastei săgeată de zece ori fără Shift). Oricum, deplasați punctele până când aveți ceva similar cu cel prezentat mai jos.
Putem face mai bine! Să ștergem toate punctele din stânga și să facem acest ecran mai simetric!
Odată cu selectarea punctelor din jumătate de ecran, faceți clic și țineți apăsat pe instrumentul de rotire din bara de instrumente pentru a selecta instrumentul Reflect (O). Acum, faceți clic pe punctul central superior pentru al stabili ca punct de referință. Apoi, opțiunea + Shift + glisați pentru a duplica o clonă de imagine oglindă a acesteia spre stânga.
Acum avem două obiecte, jumătăți stânga și dreapta, în loc de un obiect întreg. O vom face într-una, dar vom avea o mică problemă. Nu vă faceți griji! La fel ca majoritatea conflictelor din viață, va fi o lecție de învățat prin înțelegere și rezoluție de cooperare.
Selectați pătratul de fundal negru și blocați-l accesând Object> Lock> Selection sau Command + 2. În caz contrar, acesta va ajunge în calea dvs. atunci când încercați să selectați alte obiecte.
Cu instrumentul de selectare directă alb, faceți clic și trageți deasupra punctului central superior. Apoi faceți clic și trageți pentru a selecta acele puncte centrale de vârf. Acum avem două puncte deasupra celorlalte selectate, așa că trebuie să le aderăm. Accesați Obiect> Cale> Alăturați-vă. Avem un dialog spunând că există una dintre mai multe posibile probleme care nu vor permite comenzii Join să funcționeze!
Nu-ți face griji! Mergeți în Paleta de straturi și faceți clic pe triunghiul stratului pentru a expune o listă derulantă a obiectelor acestui strat. Veți observa alte triunghiuri. Du-te și deschideți-le pe toate.
Vedea? am învățat o modalitate puternică de diagnosticare a problemelor și o soluție foarte simplă. Acum, reîncercați comanda Join de mai sus și confirmați că doriți un punct Smooth, nu Corner. Repetați pentru punctele centrale inferioare, dar de data aceasta confirmați-i ca punct de colț.
Fiecare dintre aceste puncte albastre din Paleta de straturi indică un element selectat. Dialogul de avertizare ne-a spus că "dacă ambele [criterii] sunt grupate, ele trebuie să fie în același grup". Dar elementele noastre sunt în grupuri diferite. Doar faceți clic pe una dintre acele puncte albastre mai mari și pur și simplu trageți-o în grupul celuilalt.
Depinde de tine cum îți dai drumul final. Mi-am făcut ceva cam ciudat, doar mișcând puncte până când arătau ca un scut. Apoi am repetat pașii 8, 9 și 10 pentru ao face din nou frumos și simetric.
Apoi, umpleți scutul cu un gradient radial de la o lumină de 7% gri până la un gri închis de 50%, după cum se arată. Utilizați instrumentul Gradient (G) pentru a defini punctul central al pantei și o extindere radială făcând clic pe lângă stânga sus și tragând spre dreapta jos. Experimentați până când obțineți ceva ce vă place (amintiți-vă, ați primit nelimitat).
Cu calea selectată, mergeți la Object> Path> Cale Offset și introduceți -10pt (Illustratorul va înțelege pt abrevierea pentru puncte). Dacă faceți matematica, veți găsi că recalculează la -0.1389 inch.
Acum redefiniți gradientul care merge în altă direcție, astfel încât prima ar trebui să fie de la stânga sus la dreapta, iar cea nouă este de jos în dreapta spre stânga sus.
În timp ce calea terță este încă selectată, accesați din nou Obiect> Cale> Cale de decalare. Apoi, folosiți -10pt din nou (Illustrator ți-a adus aminte că ultimul tău offset a fost -0.1389, deci ai lovit OK). De data aceasta, umple-l cu un nou Gradient Radial folosind un portocaliu frumos cu partea mai ușoară în partea stângă sus, așa cum se arată.
Deci, iată ce avem până acum. Puteți vedea că prin utilizarea celor două gradienți care se îndreaptă în direcții opuse, am creat un fel de efect 3D care arată că lumina vine de la stânga sus și creează un punct de atracție și o umbră. De asemenea, a creat aspectul metalului strălucitor.
Acum adaugam o umbra Simpla Drop si o Shadow Inner Trickier Inner la stratul portocaliu. Cu scutul portocaliu selectat, mergeți la Efecte> Stylize> Drop Shadow.
Este destul de simplă, deoarece Illustrator are o presetare similară pentru Drop Shadows built in. Nu este adevărat pentru Inner Drop Shadows, dar aici este o soluție: Copiați (Command + C) forma și Paste in Front (Command + F). Acum, ștergeți umbra celui nou prin tragerea pictogramei Efecte în Coșul de gunoi din paleta Aspect. Acum, în paleta Transparency, setați modul la Darken. Acum, mergeți la Efecte> Stylize> Glow Inner.
Motivul pentru care a trebuit să fie înșelat în acest fel este că Illustrator dorea să aplice Umbra Interioară în Umbra de Drop exterioară, nu doar scutul. Există și alte soluții, dar acest lucru se va face deocamdată. Vom salva asta pentru tutoriale viitoare.
Puteți vedea aceste în fișierul AI probă pentru descărcare făcând dublu clic pe pictograma Efecte din Paleta de aspect (eșantionul va fi disponibil după lansarea zonei membrilor PLUS), dar practic este doar o umbră Drop cu o distanță de 0. Astfel umbra este chiar în jurul marginilor, și în mod similar cu o strălucire interioară. Vrem umbra interioara (stralucirea multiplicata) pe masura ce o face sa arate putin mai tridimensionala. Acest lucru se datorează faptului că marginile sunt curbate departe de perspectiva spectatorului. Umbra picăturii este doar pentru a face ca stratul portocaliu să reacționeze puțin mai mult cu cadrul metalic.
Mai jos este ceea ce avem până acum. Începe să arate destul de răcoros. În acest moment, de asemenea, am ușurat fundalul ușor. Deci, aici este un gri foarte închis, spre deosebire de negru. De asemenea, am adăugat un hard Drop Shadow de 10 puncte la primul strat de metal gri, deși este destul de slab.
Acum trageți o elipsă cu instrumentul Ellipse (L). Apoi, umpleți-l cu un gradient radiativ galben până la portocaliu, după cum se arată mai jos. Folosește aceeași portocalie mai închisă pe care ai folosit-o pe gradientul scutului.
În paleta Transparență, setați modul la suprapunere și opacitatea la 80%. Cu ajutorul instrumentului de rotire (R) rotiți-l așa cum se arată.
Apoi vom afla despre mascare. O mască este o fereastră de orice formă care arată ceea ce conține în limitele ei. Ascunde tot ce conține în afara limitelor sale. Masca este întotdeauna direct în fața conținutului mascat.
Cu instrumentul de selectare directă (A). Opțiune - faceți clic pe forma portocalie a scutului. Ai observat că săgeata albă se transformă în cealaltă săgeată cu semnul plus plus? Apăsând opțiunea l-ați transformat temporar în Tool Group Selection - o comandă rapidă utilă. De aceea, forma a fost selectată integral cu puncte solide, nu doar cu un punct sau cu conturul cu celelalte puncte goale.
Copiați forma portocalie selectată complet și Deselectați tot (Command + Shift + A). Apoi selectați elipsa și mergeți la Edit> Paste In Front (Command + F). Aceasta va fi masca ta. Fără a o deselecta, faceți clic pe Shift și faceți clic pe elipsa rotită și mergeți la Object> Mask Clipping> Make (Command + 7). Noua formă portocalie și-a pierdut toate umplerile, efectele și ce nu, și acum este strict o mască pentru elipsă.
Acum, deselectați tot (Command + Shift + A) și selectați complet acea formă de mască prin opțiunea + făcând clic cu Instrumentul de selecție directă (A). Copiați acest lucru (Comandă + C), Deselectați (Command + Shift + A) și Lipiți în față (Command + F). Aceasta îl deconectează de asocierea cu masca respectivă. Acum opțiunea + glisați-o în jos, după cum se arată mai jos. Opțiunea + glisarea o clonează, lăsând originalul neatins.
Selectați ambele, iar în paleta Pathfinder faceți clic pe a doua pictogramă din rândul de sus din stânga, care este etichetat Scădeți din zona de formă în vârful instrumentului. De obicei, am opțiunea - faceți clic pentru a extinde, după cum sugerează sfaturile instrumentului, doar pentru a păstra lucrurile bine. Dacă doriți să-l tweak mai târziu, lăsând-o neexpandat este bine.
Comanda Pathfinder pe care am folosit-o a redus cele două forme numai în zona pe care o aveau în comun, la intersecția lor. Acest lucru a creat o formă pe care o vom folosi pentru a face o umbra asemănătoare cu sprâncenele.
Umpleți această formă intersectantă cu același gradient radial galben spre portocaliu pe care l-am utilizat și setați Transparența pentru a multiplica.
OK, să ne clarificăm zona noastră de lucru pentru următoarea. Din moment ce fundalul este încă blocat, selectați tot prin accesarea Selectare> Toate (Comandă + A). Apoi mergeți la Object> Hide> Selection (Command + A). Acum, treceți la Afișare schemă, accesând Vizualizare> Schiță (Command + Y). Caseta din fundal, care este singurul lucru acum vizibil, are un punct central convenabil, reprezentat în Vedere de ansamblu cu un pic mic X.
Apoi vom crea efectul starburst pentru a energiza cu adevărat acest lucru. Cu ajutorul Ghidurilor inteligente, selectați Instrumentul pentru segmentul de linii (Slash înapoi \). Apoi poziționați cursorul la acel punct central și observați că Ghidurile inteligente se aprind. Pentru al restrânge la verticală, faceți clic pe Shift + și trageți până când vă intersectați cu conturul cutiei neagră, remarcați din nou ghidurile inteligente care vă spun că se intersectează.
Acum aveți o linie verticală, care este selectată. Cu instrumentul de rotire (R), Opțiune - faceți clic pe punctul inferior al liniei; Este cel din centrul nostru de cutie. Dacă faceți clic pe acest punct, acesta este setat ca referință în jurul căreia se va roti linia. Dacă faceți clic pe opțiune, faceți clic pe acesta și aduceți și dialogul Rotire. În acest dialog, introduceți o valoare Angle de -5 grade și faceți clic pe Copiere.
Cu instrumentul de selectare directă (A), faceți clic și trageți o marcă pentru a selecta cele două puncte superioare. Apoi alăturați-le (Command + J). Selectați complet această formă prin clic pe opțiune. Apoi, cu opțiunea Rotate Tool (R) - faceți clic din nou pe punctul inferior; Introduceți -10 de grade de data aceasta, și a lovit copie. Acum mergeți la Object> Transform> Transform Again (Command + D) de treizeci și patru de ori mai mult, până când aveți un model complet al starburst, după cum se arată mai jos.
Selectați Toate (Comandă + A), apoi completați cu alb. Setați Opacitatea la 30 și Modul pentru suprapunere în Paleta de transparență. Acum, cu instrumentul Ellipse (L), opțiunea + Shift + trage un cerc perfect din centrul spargerii (Opțiunea stabilește originea în centru; Shift o constrânge într-un cerc perfect). Faceți-o doar puțin mai mică decât circumferința exploziei. Du-te înapoi la Preview View (Command + Y). Apoi, completați acest cerc cu un gradient radial alb-negru.
Acum pentru un alt tip de mască. Selectați toate (Command + A). Apoi mergeți la Paleta de transparență. În colțul din dreapta sus, faceți clic pe triunghiul mic pentru a afișa un meniu de zbor. Alegeți comanda Make Opacity Mask.
Vezi ce se intampla? Ceea ce este pur alb în masca de opacitate este o fereastră clară a conținutului său. Ce este pur negru este o mască opac solidă. Sunetele continue între masca pură și cea albă pură arată în raport cu întunericul sau ușurința lor. La fel ca Photoshop, dar fără toți acei pixeli plictisitori care degradează spațiul pe hard disk!
Acum să vedem ce avem. Mergeți la Object> Show All (Command + Option + 3). Va trebui să ne mutăm formele de scut peste radial.
Deblocați acum tot (comanda + opțiunea + 2). Apoi, cu instrumentul de selectare negru (V), selectați spargerea. Apoi mergeți la Object> Hide> Selection (Command + 3). Selectați cutia neagră și ascundeți-o și (Command + 3). Afișați toate (Comandă + Opțiune + 3) și Trimitere înapoi (mergeți la Obiect> Aranjare> Trimitere înapoi sau doar apăsați Comand + Shift + Bracket Stânga). Asa mai merge.
Explozia este destul de subtilă. Ei bine, odată ce sa făcut, este ușor să te răsuciți. Deci, să selectăm spargerea și să o mărim cu Instrumentul de selecție (V). Utilizați instrumentul în timp ce apăsați opțiunea + Shift și asigurați-vă că scalați din centru în timp ce restrângeți proporțiile acestuia.
Nu se afișează în fundal alb deoarece modul Transparency este setat la Overlay. Dacă trebuie să o mascați, puteți selecta caseta neagră, copiați-o, selectați spargerea și introduceți caseta din fața sa. Apoi selectați atât prin ascundere, cât și prin afișarea tuturor. Apoi, Mask a izbucnit cu noua cutie prin Command + 7. Ești Pro, făcând asta acum!
În cele din urmă, am adăugat un gigant S într-o culoare roșie închisă și setați-o la Multiplicare la 20%. Apoi am scris cuvântul Ilustrator peste partea de sus și am terminat! Fișierul are 524 KB în total și ați putea să-l imprimați la rezoluție înaltă cu mărimea Grand Canyon dacă nu aveați conștiință de mediu!
Accentsconagua