Hvordan lage en Golden, Vector Compass i Illustrator

I denne opplæringen tar jeg deg gjennom trinnene og teknikkene for å skape et gyldent kompass. For denne opplæringen har jeg brukt bare Adobe Illustrator og en tung dose av oppfinnsomhet. La oss bli stirret!

Publisert opplæring

Noen få uker besøker vi noen av leserens favorittinnlegg fra hele historien til nettstedet. Denne opplæringen ble først publisert i september 2009.

Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.


Trinn 1

Opprett en sirkel (bredde 367 px) med fyllfarge og ingen strekk ved hjelp av Ellipseverktøyet (M). Pass på å trykke Shift mens du oppretter den slik at du får en perfekt sirkel og bruker en radial gradient, som vist nedenfor.


Steg 2

La oss begynne med markeringene. Lag et rektangel (L) i en bredde på 0.688 og høyden på 13.044 - mot oversiden av sirkelen og replik den mot nedre siden (hold Alt + Shift mens du velger og dra den øvre en nedover).


Trinn 3

Velg rektanglene ved hjelp av markeringsverktøyet (V). Grupper dem sammen og juster de to og sirkelen både horisontalt og vertikalt i midten.


Trinn 4

Velg rektanglene (V) og roter dem ved hjelp av Rotate Tool (Høyreklikk> Transform> Rotate) med 1 grad og klikk på kopi i dialogboksen Rotate Tool..


Trinn 5

Trykk på Command + D for å gjenta rotasjons kopien, og gjenta til du kommer til å fullføre en sirkel laget av små markører, som vist nedenfor.


Trinn 6

Velg mellomrektangel fra toppen ved hjelp av markeringsverktøyet og forstørr størrelsen nedover slik at denne skiller seg ut. Du gjør dette ved å dra nedover med valgverktøyet (V) mens du trykker på Shift-tasten.


Trinn 7

Mens denne markøren er valgt, kopier og dra den nedover. Pass på at du trykker både Alt + Shift mens du drar den, slik at den blir sentrert med den øvre. Når du har nådd bunndruppen dem sammen (Command + G).


Trinn 8

Roter gruppen med et trinn på 20 grader (Høyreklikk> Transform> Roter) og trykk på kopi i dialogboksen.


Trinn 9

Dupliser handlingen i trinn 8 til du dekket hele sirkelen ved å bruke Command + D.


Trinn 10

Nå som vi har markørene for de 20 trinnene, trenger vi de for de 10 trinnene. Velg sentermarkøren med markeringsverktøyet (V), kopier og lim inn foran (Command + C og Command + F), og dra den fra bunnen oppover ved å holde Shift-tasten nede, slik at størrelsen er mellom små og store markører.


Trinn 11

Velg den nye markøren med valgverktøyet og kopier den nedover ved å dra den mens du holder Alt + Shift.


Trinn 12

Grupper begge (Command + G) og roter med 10 grader (Høyreklikk> Transform> Rotere). Denne gangen i rotasjonspanelet klikker du OO.


Trinn 13

Velg den roterte gruppen og roter den igjen med 20 grader, som i trinn 12, men denne gangen trykker du på Kopier i rotasjonspanelet. 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 i den store og senter justere den med resten


Trinn 15

Mens du holder sirkelen valgt, bruker du Type på et sporverktøy til å skrive tallene i sirkelen du nettopp har opprettet.


Trinn 16

Fortsett å lage disse tallene i trinn på 20 til du er ferdig.


Trinn 17

Lag en stjerne med fire hjørner ved å bruke Star Tool. Spill rundt med pilene og kommando mens du tegner den. Den jeg tegnet, er 225,887px bred.


Trinn 18

Nå som vi har en start må vi farge hvert hjørne i to, så vi må dele det på midten:

  1. Tegn en tom linje ved hjelp av linjesegmentverktøyet (\) som er lengre enn stjernens vertikale.
  2. Kopier linjen og Lim inn foran (Command + C og Command + F) og roter den nye med 45 grader ved hjelp av Utvalgsverktøy (V), mens du holder Shift-tasten nede.
  3. Gjenta trinn 1 og 2 til du har fire linjer.
  4. Velg linjene og stjernen og senteret justere dem både horisontalt og vertikalt.
  5. Med linjene og stjernen som er valgt I Pathfinder Panel (Shift + Command + F9) trykker du på divide.

Trinn 19

  1. Farg snittene av stjernen ved hjelp av Direct Selection Tool og de fargene du ønsker.
  2. Kopier og lim inn foran (Command + C og Command + F) den fargede stjernen og roter den 45 grader ved hjelp av valgverktøyet (V) mens du holder Shift-tasten nede.
  3. Gjør den nye stjernen mindre ved å bruke valgtast (V) og Shift + Alt.

Trinn 20

Slett tre sider av den mindre stjernen og la bare en. Velg de to ankerpunktene du ser på bildet ovenfor ved hjelp av Direct Selection Tool (A). Bruk deretter markeringsverktøyet (V) til å dra øverst til høyre mens du holder Shift-tasten til de krysser den større stjernen.


Trinn 21

  1. Velg den gjenværende delen av den lille stjernen ved hjelp av markeringsverktøyet (V), trykk på R og dra mot midten av den store stjernen mens Alt-tasten holdes nede.
  2. Når du har gjort det, skriver du 90 i Rotate Dialog Box og trykker Copy.
  3. Gjenta (Command + D) til du får en full stjerne igjen.

Trinn 22

Bruk tekstverktøyet (T) til å skrive inn hele teksten ("N," "E", "S", "W" osv. ..)


Trinn 23

Nå som vi har opprettet retningsmarkørene, må vi lage den mobile delen av kompasset. Skriv inn gruppen som inneholder den store stjernen, kopier det horisontale segmentet (Command + C), og lim det inn (Command + V). Nå Velg de øvre to ankerpunktene ved hjelp av Direkte markeringsverktøy (A), og høyreklikk> Gjennomsnitt> Begge.


Trinn 24

Legg litt farge på segmentet for å få det til å skille seg ut. Jeg har lagt til fargene, som vist nedenfor.


Trinn 25

Ved hjelp av Ellipse Tool (L) mens du holder Shift-tasten, legger du til to konsentriske sirkler til midtdelen av det mobile segmentet. I bildet nedenfor kan du se fargene jeg har brukt til radialgradienter, men du kan også få tilgang til kildefilene som er tilgjengelige for alle Vector Plus-medlemmer.


Trinn 26

Gruppe (Command + G) alle elementene som er laget opp til nå sammen.


Trinn 27

La oss lage den kompakte gyllene rammen. Opprett fire sirkler ved hjelp av Ellipse Tool (L) mens du holder Shift-tasten nede. Begynn med å skape det bredeste og avslutt med det minste. Jeg har laget min med følgende bredder: 469px, 460px, 449px og 393px.


Trinn 28

La oss nå legge til noen gradienter og gruppere kretsene sammen. Fargene jeg har brukt er tilgjengelige for Vector Plus-medlemmer i det opprinnelige formatet.


Trinn 29

Velg både den gylne delen og den andre og ordne dem med valgverktøyet (V) til du får en lignende illustrasjon som vist nedenfor.


Trinn 30

La oss legge til en skygge i kompasset:

  1. Opprett en hvit sirkel ved hjelp av Ellipse Tool (L).
  2. Bruk Mesh Tool (U) for å legge til 4 mesh-punkter.
  3. Bruk retningsverktøyet (A) til å velge maskepunktene og legg deretter til fargen: # 4d4d4d til midten av maskepunktet og # f2f2f2 til de ytre maskepunktene.
  4. Når du er fornøyd med fargene, velger du sirkelen ved hjelp av markeringsverktøyet (V) og forvandler den til en ellipse som vist.

Konklusjon

Til slutt legger du ellipsen under kompasset og plasserer det slik at du kan etterligne en lyskilde som skaper en skygge. Her er bildet jeg har fått.

Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.