How å lage en Golden, Vector Compass i Illustrator
Dette innlegget er en del av en serie som heter Icon Design.Create en stilisert First Aid Ikon i IllustratorHow å illustrere et Brain ikon for OSX og Vista
I denne opplæringen vil jeg ta deg gjennom trinnene og teknikker for å skape en gylden kompass. For denne opplæringen I ’ ve brukes bare Adobe Illustrator og en kraftig dose oppfinnsomhet. La oss bli stirret!
publiseres Tutorial
Hver noen uker, vi besøker noen av våre lesernes favoritt innlegg fra hele historien til området. Denne opplæringen ble første gang utgitt i september 2009.
Vil du ha tilgang til de fulle Vector kildefiler og nedlastbare kopier av hver tutorial, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.
Trinn 1
Lag en sirkel (bredde 367px) med fyllfarge og ingen slag ved hjelp av Ellipse Tool (M). Sørg for å trykke Shift mens du lager det slik at du får en perfekt sirkel og bruke en radial gradient, som vist i nedenfor
Trinn 2
La ’ s. Starte med markeringene. Lag et rektangel (L) ved en bredde på 0,688 og høyde på 13,044 – mot oversiden av sirkelen og gjenskape det mot nedsiden (hold Alt + Shift mens du velge og dra den øvre nedover).
Trinn 3
Velg rektanglene bruker Selection Tool (V). Gruppere dem sammen og justere to av dem, og sirkelen både horisontalt og vertikalt på midten.
Trinn 4
Velg rektanglene (V) og rotere dem ved hjelp av Rotate Tool (Høyre- Klikk på > Transform >. Roter) med 1 grad og klikk kopier i Rotate Tool Dialog Box
Trinn 5
Nå trykker Command + D for å gjenta rotere kopi, og gjenta til deg få til å fullføre en sirkel laget av små markører, som vist nedenfor.
Trinn 6
Velg midten rektangel fra toppen ved hjelp av Selection Tool og forstørre størrelsen nedover så dette skiller seg ut. Du gjør dette ved å dra nedover med Selection Tool (V) mens du trykker på Skift-tasten.
Trinn 7
Selv om denne markøren er valgt, kopiere og dra den nedover. Pass på at du trykker på begge Alt + Shift mens du drar det så det vil være sentrert med den øvre. Når du ’ ve nådd bunnen gruppere dem sammen (Command + G)
Trinn 8
Roter gruppe med en økning på 20 grader (Høyreklikk > Transform > Roter). og trykk kopi i dialogboksen.
Trinn 9
Duplicate handlingen i trinn 8 til du dekket alle sirkelen ved hjelp av Command + D.
Trinn 10
Nå som vi har markører for trinn 20, vi ’ ll trenger de for trinn 10. Velg midtmerket med den Selection Tool (V), kopiere og lime inn i front (Command + C og Command + F), deretter drar du den fra bunnen og oppover ved å holde nede Shift-tasten, slik at størrelsen er mellom små og store markører.
Trinn 11
Velg den nye marker med Selection Tool og kopier den nedover ved å dra den mens du holder Alt + Shift.
Trinn 12
Gruppe dem begge (Command + G) og rotere ved 10 grader (Høyreklikk > Transform > Roter). Denne gangen i Roter Panel klikk OO.
Trinn 13
Velg den roteres én gruppe og roter det igjen med 20 grader, som i trinn 12, men denne gangen trykker Kopier i Roter Panel. Gjenta (Command + D) til du får en full sirkel.
Trinn 14
Forbered deg på teksten ved å tegne en sirkel inne ved hjelp av Ellipse Tool (L) inne den store og midt justere den med resten
Step 15
Mens du holder sirkelen valgt bruk type på en bane verktøy for å skrive tallene på sirkelen som du ’. har nettopp opprettet
Trinn 16
Fortsett å lage disse tallene i trinn på 20 til du er ferdig.
Trinn 17
Opprett en stjerne med fire hjørner ved hjelp Star Tool. Leke seg med piler og Command mens du tegner det. Den jeg trakk er 225,887px bredt
Trinn 18
Nå som vi har en start vi trenger å farge hvert hjørne i to så vi ’ ll nødt til å dele den på midten.
Tegn en tom linje ved hjelp av linjesegmenter Tool (\\) som er lengre enn den vertikale av stjernen.
Kopier linjen og lim i Front (Command + C og Command + F) og roter den nye ved 45 grader ved hjelp av Selection Tool (V), mens du holder Skift-tasten.
Gjenta trinn 1 og 2 til du har fire linjer.
Velg linjene og stjernen og midt justere dem både horisontalt og vertikalt.
Med linjene og stjernen valgt i Pathfinder Panel (Shift + Command + F9) trykker skillet.
Trinn 19
Color delene av stjernen bruker Direct Selection Tool og de fargene du ønsker.
Kopier og lim inn Front (Command + C og Command + F) farget stjerne og rotere det 45 grader ved hjelp av Selection Tool (V) mens Shift-tasten holder.
Gjør den nye stjernen mindre bruker valgtasten (V) og Shift + Alt.
Trinn 20
Slett tre sider av mindre stjerne og la bare en. Velg de to ankerpunktene du ser i bildet over bruker Direct Selection Tool (A). Deretter bruker Selection Tool (V) til å dra den øvre høyre mens du holder Skift-tasten før de krysser den større stjerne.
Trinn 21
Velg den resterende del av den lille stjerners bruke Selection Tool (V), trykk R og dra mot midten av den store stjernen mens du holder nede Alt-tasten.
Når du som angir 90 i dialogboksen Roter og trykker Kopier.
Gjenta (Command + D) til du får en full stjernen igjen.
Trinn 22
Bruke Text Tool (T) inn all teksten ("N, "" E "," S "," W ", etc ...)
Trinn 23
Nå som vi ’ ve opprettet retnings markørene vi trenger for å lage den mobile delen av kompass. Angi gruppe som inneholder den store stjernen, kopiere den horisontale segment (Command + C) og lim den (Command + V). Nå velger de øverste to ankerpunkter ved hjelp av Direct Selection Tool (A), deretter Høyreklikk > Gjennomsnittlig > Begge deler.
Trinn 24
Legg litt farge til segmentet for å gjøre det skiller seg ut. I ’ har lagt fargene, som vist nedenfor
Trinn 25
Bruke Ellipse Tool (L) mens du holder nede Shift-tasten du legge to konsentriske sirkler til den midtre delen av mobil. segment. På bildet under kan du se fargene I ’ ve brukes for de radiale graderinger, men du kan også få tilgang til kildefilene tilgjengelige for alle Vector Plus-medlemmer
Trinn 26
Group (Command. + G) alle elementene utarbeides nå sammen
Trinn 27
La ’ s. skape den gylne rammen av kompasset. Lag fire sirkler ved hjelp av Ellipse Tool (L) mens du holder Skift-tasten. Start med å lage den bredeste og avslutt med den minste. I ’ ve opprettet mine med følgende bredder: 469px, 460px, 449px, og 393px
Trinn 28
Nå la ’ s legge til noen gradienter og gruppere sirkler sammen.. Fargeprøvene I ’ ve brukes er tilgjengelig for Vector Plus-medlemmer i originalformat
Trinn 29
Velg både golden delen og den andre og ordne dem ved hjelp av Selection Tool (V). . til du får en lignende illustrasjon til det som er vist nedenfor
Trinn 30
Lar legge til en skygge kompasset:
Lag en hvit sirkel ved hjelp av Ellipse Tool (L)
Bruk Mesh Tool (U) for å legge til 4 mesh poeng
Bruk Direction Selection Tool (A) for å velge maske poeng og deretter legge til farge.. # 4d4d4d til sentrum mesh punkt og # f2f2f2 til de ytre mesh poeng.
Når du er fornøyd med fargene, velge sirkelen med markeringsverktøyet (V) og forvandle det til en ellipse som vist. Anmeldelser
Konklusjon
Til slutt legger ellipsen under kompass og plasser den slik at du kan emulere en lyskilde som skapte en skygge. Her er bildet jeg ’. Har fått
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektor tutorials og artikler
.