Create en Hengelås med Adobe Illustrator og VectorScribe
I denne opplæringen vil du lære hvordan du bruker Shape Building, til klipping stier og opasitet Masker lage en metallisk Hengelås. Du vil også lære hvordan du bruker VectorScribe Adobe Illustrator plug-in for å spare tid når du oppretter vektorillustrasjoner og design.
Innledning
Jeg har spesielt gjort denne opplæringen bruker flere lag for hvert element. Avanserte brukere kan enkelt lage denne låsen uten bruk av lag, men fordi jeg demonstrere Shape Building, klipping stier og opasitet Masker, har jeg brukt lag som visuelle instruksjoner på hvordan hver del fungerer sammen for å gjøre bildet. La oss begynne!
Trinn 1
Det aller første du bør gjøre når du starter et nytt ikon i Adobe Illustrator er å sette hjelpelinjer og rutenett og endre måleenheter til piksler. For å finne disse innstillingene gå til Rediger > Preferanser og deretter sette Guides & Grid til rutenett hver 10px med 10 underavdelinger og valgte et rutenett farge som vil skille seg ut mot illustrasjon, så gå til Enheter og sette de generelle enhetene til piksler.
For å gjøre etableringen av former enklere bør du vise rutenett og sette figurene til Fest til rutenettet ved å gå til Vis > Vis rutenett deretter View > Fest til rutenett.
Trinn 2
Lag 240px ved 240px kvadratet av alle farger med rektangel Tool (M) og juster den mot pixel grid.
Trinn 3
Åpne Dynamiske Corners, PathScribe og dynamiske former dialoger for VectorScribe plug-in (Vindu > VectorScribe).
Først vil vi bruke avrundede hjørner til kroppen av låsen. Still Dynamiske Corners til 20px og klikk på de 4 hjørnene av firkanten vi har gjort. Den gode ting om Dynamiske Corners er at du kan klikke det første punktet og teste noen forskjellige hjørne størrelser og stiler for å finne en som passer - når du har et hjørne du er fornøyd med bare å klikke på de resterende tre hjørner for å bruke innstillingene .
Trinn 4
Kopier Square (Command + C), og deretter låse laget sitt på og lage et nytt lag over det. Lime inn en kopi av plassen i det nye laget med Command + F. Merk: Velg bunnen. 4 poeng med Direct Selection Tool (A) og mens du holder nede Shift, flytte punktene mot toppen av den andre plassen for å gjøre den øverste delen av låsen. Denne delen kan være hva størrelsen du vil, bare sørg for å stille den opp med en piksel grense. Du vil se resultatet i det andre bildet nedenfor. Kopier toppform (Command + C), slå av lag som det er på og lage et nytt lag under. Lim inn toppform i det nye laget (Command + F). Velg øverst til høyre punkt og bruke PathScribe dele banen, og gjenta med venstre punkt. Slett banen mellom de to " kutt, " den øverste delen vil nå ha en åpen bane langs toppen. Velg en av de to åpne poeng med Direct Selection Tool (A) og klikk Retur Håndtak i PathScribe Dialogue , re-velge poenget med Direct Selection Tool og hold nede Skift for å stille det opp med siden av låsen. Gjenta med den andre åpent punkt. Flytt resulterende formen ned for å danne et band for toppen av låsen. Snu det øverste laget på igjen. Du bør ha en form som ligner på det andre bildet nedenfor Velg ". Top " og " Top Side " former (sett i lagene under) og kopier dem (Command + C). Lås begge lag og gjøre et lag over, lime figurene inn i dette laget (Command + F). Merk: Disse figurene vil gjøre båndet rundt låsen, så flytte dem mot nedre halvdel. av låskassen. Som du kan se fra det andre bildet nedenfor har jeg merket ut guider for å få et inntrykk av høyden jeg ønsker bandet å være. Bandet kan også være hvilken som helst størrelse du ønsker, men jeg synes at fôr det opp med piksellinjer er en stor hjelp for de neste trinnene. Vi kommer til å kutte den øverste delen på samme måte som vi kuttet bandet form i Trinn 6. Velg riktig side punkt og bruke PathScribe (hvis det er to punkter på siden - som kan skje - velg den nederste), dele banen og gjenta med venstre side punkt. Slett banen mellom de to " kutt, " den øverste delen vil nå ha en åpen bane langs toppen. La denne formen åpen som vi vil bli med det til formen under i neste trinn. Med Direct Selection Tool (A) klikk på begge endepunktene på høyre side av bandet former, trykker du Kommando + J (eller gå til Objekt > Sti > Delta) for å bli med dem sammen. Gjenta med venstre side. Du vil nå ha en eneste form for midten bandet. La oss lukke den andre banen. Klikk på den øverste bandet på låsen med Selection Tool (V) (representert i bildet ovenfor som den rosa " topp - Side " form) og i PathScribe alternativmenyen velg Lukk Sti Alright, du skal nå ha noe som ligner på bildet nedenfor. Jeg har brukt Guides å markere ut toppen midt på hengelås og gjort seksjoner for sjakkel -. En guide for hver side og en i midten for å stille opp hullene Lag et nytt lag for sjakkelen og låse de tidligere lag. I dynamiske former dialog, velg Dynamisk Donut og sette den til å ha 8 segmenter og 135-graders og 315-graders vinkler på endene (du finner innstillingene nederst på dialogen). Shift-klikk og dra form til å passe mellom førerne for sjakkel (sørg for å holde midtpunktet på toppen av formen). Hvis midten av donut er for stor eller liten for plassen, klikker du på en av de røde inni poeng. Du må kanskje velge smultring, deretter aktivere den ved å klikke på det dynamiske figurer dialog, og Ctrl + Dra med musen for å endre dimensjoner. Å endre størrelsen funksjonen er den beste delen om Dynamic Shapes Tool, Denne funksjonen har reddet seg en bit av tid og tilpasning for å gjøre denne delen av låsen. Lås "sjakkel" lag og opprette et nytt lag under det for hullene. Gå til dynamiske former dialog og gjøre en Ellipse størrelsen på sjakkel, og deretter opprette en ny Ellipse som er litt større enn den første, og sende den bak (Command + Venstre hakeparentes). Sentrere både former og justere dem til bunnen av guidene. Velg figurer med Selection Tool (V) og Command + Dra dem til den andre siden av sjakkelen (dette vil lage en kopi). Velg den øverste høyre synspunkt inner Ellipse, og bruker PathScribe dele banen, og gjenta med venstre punkt. Slett banen mellom de to "kutt", den øverste delen vil nå ha en åpen bane langs toppen. Velg en av de to åpne poeng med Direct Selection Tool (A) og klikk Retur Håndtak i PathScribe Dialog, re-velge poenget med Direct Selection Tool og hold nede Skift for å stille det opp med siden av sjakkelen guide. Gjenta med den andre åpent punkt. Flytt formen fører til halvveis mellom toppen av sjakkelen. Du bør ha noe som ligner på bildet nedenfor Hvis du har fulgt med lagene jeg har vært å gjøre, bør du ha en ". Top " lag og " Holes " lag. For å forene de to delene av sjakkelen sammen elementene må være på det samme lag. For å gjøre dette, velger begge lag (Shift + Klikk) og deretter gå til Merge Valgt fra fly ut menyen på siden av lagpaletten. Nå som figurene er på samme lag, ta Direct Selection Tool (A), og klikk på den nederste venstre punkt av " Donut " forme, og bruker PathScribe dele banen og gjenta med det høyre punktet. Slett banen mellom de to " kutt, " nedre venstre del av " Donut " vil nå ha en åpen bane over det Direct Select (V) tilsvarende endepunktene for sjakkelen trykk deretter Command + J. (eller gå til Objekt > Sti > Delta) for å bli med dem sammen. Gjenta med høyre side av " Donut " og ". sjakkel " Du vil nå ha en enkel form Merk:. Vi er nå halvveis om opplæringen, godt gjort! La oss legge til noen effekter og farger til hengelås. Først må en Gradient for kroppen av Padlock. Jeg har laget en Gradient hjelp Mid Gray (R = 96 G = 96 B = 77) og Lysegrå (R = 204 G = 204 B = 204), men du kan velge hvilken som helst tone av grå, gull eller bronse som disse er alle gode farger for et metall lås Tips:. Med Hengelås valgt, åpner Utseende Panel, velg Fill laget og klikk på Fx ikonet nederst til å legge en klype effekt . Gå til Effects Gallery og velg Grain i vinduet som åpnes. Spill med intensitet og kontrast for en Vertical Grain å oppnå en ønsket effekt. Legg mål du har gjort til de Graphic Styles (med formen valgt, klikk på Legg Graphic Styles knappen nederst på paletten .) Den første gangen jeg søkte denne effekten (innstillinger nedenfor) det så bra, men senere jeg endret kontrasten å matche høylys områder som vil bli brukt senere i opplæringen. Ikke vær redd for å finpusse innstillinger hvert Velg toppen av hengelås og bruke en vinklet gradient. (Mine er minus 8-graders), deretter legge den til Graphic Styles. Jeg har brukt toner av grått med en skvett hvit og lyseblå til å skape et høydepunkt. Igjen, kan du bruke en fargepalett som du liker så lenge høydepunkt farge reflekterer bakgrunnsfargen du ønsker å bruke på slutten. Bruk en annen gradient til toppen bandet av låsen. Gjør midten den lyseste fargen, og deretter legge til noen mellomtoner til sidene av det og mørkere toner til hjørneseksjonene. Til slutt legger den mørkeste fargen på de aller endene av gradient å lage en metallisk finish. Legg en 1px mørk grå strek over Gradient Fyll ut Utseende Palette Legg finish til Graphic Styles Velg ett av ". Hole " figurer og bruke en metallisk stil gradient lik den du har gjort før, og deretter legge en Ytre glød ved å klikke på Fx-knappen nederst på Utseende Palette. Sett Glow å være på Multipliser med en Mid Gray farge, en Opacity på 75, og en flekk av 3px. Legg dette til de grafiske stiler, velg det andre hullet, og bruke den grafiske stilen. Nå kommer vi til å bli vanskelig med Gradient Mesh. Velg sjakkel av hengelås og farge det lys grå, deretter kopiere og lime den på plass (Command + C deretter Command + F). Velg begge former og lage en Clipping Mask (Command + 7 eller Høyreklikk > Gjør Klipping Mask). Dobbeltklikk inn i klipping maske. I dette trinnet vil vi gjøre en form for å basere Gradient Mesh på, vil vi følge Iaroslav Lazunov teknikk for Taming en Gradient Mesh. Lag 48px 400 piksler rektangel og justere den til venstre side av sjakkel, farge det lys grå og slå den inn i en 8 av fire avsnitt Gradient Mesh (velg rektangel og deretter gå til Objekt > Lag Gradient Mesh). Her er den vanskelige delen. Følg disse trinnene ett avsnitt om gangen, arbeider fra venstre til høyre. Bruk Lasso Tool (L) for å lede velge radene av poeng, for så å veksle mellom Rotate Tool og Direct Selection Tool flytte punktene på plass for å lage en bue form. Som du kan se på bildet nedenfor, det trenger ikke å være 100% nøyaktig (men det hjelper å være nær). Klikk på punktene i mesh med Gradient Mesh Tool (U) for å tilordne det første settet med farger. Du kan se at jeg har brukt de samme nyanser fra toppen av hengelås med lys blå på den ene siden av sjakkelen bare. Når du har en grov plassering av lys og skygge, bruker Gradient Mesh Tool (U) for å legge til punkter i nettingen. Bruk nye punkter for å avgrense områdene lys og skygge for å lage en mer realistisk metall finish. Du kan se hvordan jeg har gjort min mesh og den resulterende finish i det andre bildet nedenfor. La oss flytte inn på midten bandet. Du har kanskje lagt merke til at jeg har vært å tegne sammen piksellinjer, så å fortsette arbeidet til nettet Jeg vil bruke VectorScribe vinkelmåleren verktøyet. Hvis du klikker på nummeret under " Constrain Vinkel " tekst kan du skrive inn din egen setting - Jeg har satt meg til 45-graders;. Nå når jeg tegner et rektangel det vil følge 45-graders rutenett. Kopier midten bandet og lim den på plass (Command + C deretter Command + F). Velg begge former og lage en Clipping Mask (Command + 7 eller Høyreklikk > Gjør Klipping Mask). Dobbeltklikk inn i Clipping Mask og tegne en 45-graders rektangel og sted eksemplarer over hele lengden midten bandet lik avstand fra hverandre. Jeg vil nå endre de to ytre band for å skape en illusjon av en avrundet kant. Med PathScribe Tool, Alt-klikk på banen i skjæringspunktet av banen og guiden for å markere den avrundede kanten av hengelås kroppen. Dra den nederste punktet ut fra det punktet du nettopp har gjort og gjør en jevn kurve ved å trykke på banen med PathScribe pekeren. Gjenta på begge sider Legg til en enkelt 90-graders.; lys til mørk gradient til bakgrunnen av båndet og deretter en annen til ledningene. Kopier bakgrunnen form og lim det over (Command + C deretter Command + F). Velg de fire øverste punktene på den innlimte form og flytte dem ned litt. Påfør en 20% Opaque til 100% ugjennomsiktig hvit gradient. Klikk tilbake til hoved illustrasjonen. Til slutt, er det på tide å legge til noen lyse og mørke skygger til kroppen av hengelås. Lag en kopi av kroppens form og lim den på plass to ganger på et lag over hoveddelen av låsen (Command + C deretter Command + F to ganger). Hvis midten bandet er på et lag over dette, flytte den under. Velg begge former og lage en Clipping Mask (Command + 7 eller Høyreklikk > Gjør Klipping Mask). Dobbeltklikk inn i klipping maske. Tegn et rektangel over hoveddelen av låsen og farge det med en hvit til lys blå horisontal gradient. Velg form og gå til Transparency Panel, sette blending mode til Overlay. Åpne Meny ved siden av Transparency Panel og klikk Gjør Opacity Mask. Opasitet Panel vil nå vise at du har en Opacity Mask brukes på formen. Alt-klikk på ikonet for Mask og trekke et rektangel. Påfør en gradient med svart på sidene, hvit over hjørnet kurve, og svarte i midten. Dette vil maskere den hvite formen og gjøre det til et høydepunkt lag for hoved illustrasjonen. Klikk ut av opacity mask (klikk på forhåndsvisningsikonet ved siden maskere forhåndsvisningsikonet). Gjenta de samme trinnene for å gjøre et annet høydepunkt rektangel på midten øverste delen av hengelås, denne gangen gjør rektangelet en heldekkende hvit og Opacity Mask en oval gradient som går fra hvit til svart. Bruk det andre bildet nedenfor som en veiledning. Lag en annen kopi av den viktigste formen på et nytt lag, tegne et rektangel i bunnen av formen og fyll den med en grå til gjennomsiktig gradient. Flytt gradient bak hovedfiguren, markerer både former og lage en Clipping Mask (Command + 7 eller Høyreklikk > Gjør Klipping Mask). Gå til Utseende Panel og redusere åpenhet til 50% og Blend Mode til Multipliser. For den siste finishen, vi vil gjøre en refleksjon av sjakkelen. Kopier sjakkel og lim den inn på et nytt lag under. Roter (R) og flytte kopien på plass, kan du bruke bildet nedenfor som en referanse. Velg den reflekterte sjakkelen og gå til Transparency Panel, åpne Meny på siden og klikk Gjør Opacity Mask. Opasitet Panel vil nå vise at du har en Opacity Mask brukes på formen. Tegn et lite rektangel over toppen av låskassen og bruke en hvitt til svart gradient. Klikk ut av Opacity Mask og beundre arbeidet ditt. Gjør tilpasninger til graderinger og opasitet verdier, legge til en bakgrunn av ditt valg og du er ferdig. Jeg har virkelig hatt hjelp VectorScribe for denne opplæringen, det har spart tid og krefter i form konstruksjon og redigering, vil jeg definitivt bruke det i fremtiden for symboler og ikoner. Hvis du ønsker å prøve VectorScribe, deretter gå astutegraphics.com. Enjoy!
jeg har endret fargen på andre plassen til gul, slik at du kan se det tydelig
Trinn 5
Trinn 6
Trinn 7
Når du limer inn en figur fra et lag til et annet, er det best å låse lag opprinnelses
Trinn 8
Trinn 9
< p> Du har kanskje lurt på hvorfor, i trinn 6, forlot jeg den øverste bandet åpen etter sletting sammenføyning banen, er dette fordi jeg trengte formen å være åpen når jeg kopiert det for midten bandet. Som en generell regel bør alle vektorfigurer stenges av, slik at vi vil stenge toppen bandet på låsen når vi skaper midten bandet.
Trinn 10 <. br>
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Sørg for å klippe og bli med en arm av sjakkelen før da den andre, hvis du åpner alle punktene på " Donut " forme først midt kurven vil åpne opp og slå inn en halv sirkel.
Trinn 15
Når du velger farger for gradienter og nyanser, er HSB slider flott å bruke, som du kan stille inn lysstyrke og metning uten å påvirke farge . HSB kan settes i Color dialog.
Trinn 16
Trinn 17
Trinn 18
Trinn 19
Trinn 20
Trinn 21
Step 22
Trinn 23
Trinn 24
Trinn 25
Trinn 26
Trinn 27
Trinn 28
Trinn 29
Konklusjon