Quick Tips: Hvordan lage et enkelt sett med kartnålene
Dette innlegget er en del av en serie kalt Infographic Design.Envato Remote Personale Infographic: En sak StudyInterview med Brad Woodard - Illustrasjon , design, og infografikk
i denne raske tips vil du lære hvordan du kan lage et enkelt sett med kartnålene. Det hele starter med en enkel sirkel, noen pixel perfekt vektor form byggeteknikker og avrundede hjørner effekt. Deretter bruker Pathfinder alternativer sammen med en haug med enkle virkemidler vi vil skape ekstra baner. Til slutt vil vi bruke noen grunnleggende maskering og blandingsteknikker. La oss begynne!
Trinn 1
Opprett en 600 av 300px, RGB-dokument. Først aktivere Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 1px. Gå til Rediger > Preferanser > Guides > Grid, skriv en i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg den rektangelverktøyet (M) og lage en 38px sirkel. Fyll den med en tilfeldig farge og fjerne fargen fra hjerneslag. Velg denne sirkelen, velge Convert Anchor Point Tool (Shift + C) og klikk på de nederste festepunktene. Til slutt formen din skal se ut i det andre bildet.
Trinn 3
Velg det formen opprettet i forrige trinn, plukke Direct Selection Tool (A), velger de nederste festepunktene og dra den 23 pikslene ned. Fest til rutenett vil lette arbeidet ditt. Til slutt formen din skal se ut i det andre bildet.
Trinn 4
Velg det formen redigeres i forrige trinn. Plukk Direct Selection Tool (A), velger venstre ankerpunktene og dra bunnen håndtere noen piksler ned som vist i det andre bildet. Igjen, vil Fest til rutenett lette arbeidet ditt. Fortsett med Direct Selection Tool, velge riktig ankerpunktene og dra bunnen håndtere noen piksler ned som du gjorde med venstre ankerpunkt. Sørg for at disse to ankerpunkter og deres håndtakene er symmetrisk.
Trinn 5
Velg det formen redigeres i de siste trinnene og tre trinn og erstatte den flate fargen som brukes for fyll med den lineære gradient vist nedenfor. Den hvite tall fra gradienten bildet står for plassering prosentandel.
Trinn 6
Velg den Ellipse Tool (L), opprette en 10px sirkel og legg den som vist i det første bildet. Velg den sammen med formen opprettet i forrige trinn, åpne Pathfinder-panelet (Vindu > Pathfinder). Og klikk på Minus Front knappen
Trinn 7
Velg det sammensatte bane som er opprettet i forrige trinnet og går til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk på OK og gå til Object > Utvid Utseende.
Trinn 8
Velg det sammensatt bane redigeres i forrige trinn, og gå til Object > Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Duplisere resulterende formen (Ctrl + C > Control + F). Flytt denne kopien 1px opp. Velg den sammen med den opprinnelige formen opprettet i begynnelsen av dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane (Object > sammensatt bane > Lag).
Trinn 9
Velg det sammensatte bane som er opprettet i forrige trinn, endre blending mode til overlay og fylle den med lineær gradient vist i følgende bilde. De gule nuller fra den gradient bilde stå for opasitet prosent
Trinn 10
Velg det viktigste sammensatt bane, åpner Utseende panelet (Vindu > Utseende). Og legge et strøk. Gjør det 2PT bred, setter sin farge på R = 125 G = 203 B = 236 og justere den til innsiden. Gjør at formen fortsatt er valgt og legge til en andre strøk med Legg til ny Stroke knappen. Det er den lille, svarte firkanten ikonet fra bunnen, venstre hjørne av Utseende panel. Velg denne nye slag fra Utseende panel, gjør det 1pt bred, setter sin farge på R = 0 G = 80 B = 157 og justere den til innsiden.
Step 11
Velg den Ellipse Tool (L), opprette en 14 piksler sirkel og legg den som vist i følgende bilde. Fyll den med ingen og legge en 1pt slag. Velg det fra Utseende panelet satt sin farge på R = 125 G = 203 B = 236 (også fargen som brukes for 2PT slag fra hoved sammensatt bane), justere den til utenfor og gå til Effect > Forvrenge & Transform > Zig Zag. Oppgi dataene nedenfor og klikk på OK.
Step 12
Åpne Gjennomsiktighet-panelet. Reselect sirkelen opprettet i forrige trinn, og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien, fjerne strøk og Zig Zag virkning fra Utseende panel og legge til en svart fyll. Velg denne svarte sirkelen sammen med sirkelen opprettet i forrige trinn, åpner fly-out menyen i Transparency panelet klikker du på Make Opacity Mask og fjern merket Clip-boksen. I slaget med sikk sakk effekt bør se ut i det fjerde bildet.
Trinn 13
Velg den Pen Tool (P) og tegne en 3pt, vertikal bane. Legg en 1pt slag for denne veien og sette farge på R = 0 G = 80 B = 157 (også fargen som brukes for 1pt slag fra hoved sammensatt bane). Sørg for at denne blå strek er valgt (i Utseende-panelet), åpne Strek-panelet (Vindu > Stroke) og sjekk Round Cap-knappen. Kopiere denne vertikal bane deretter plassere de to banene som vist i følgende bilde. Igjen, bør Fest til rutenett lette arbeidet ditt
Trinn 14
Velg det to baner som er opprettet i forrige trinn, gruppere dem (Ctrl + G) og gå til Effect >.; Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.
Trinn 15
Velg det viktigste blå sammensatt bane, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet) og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.
Step 16
Til slutt kan du bruke forskjellige sett med farger for kart pin.
Konklusjon
Nå arbeidet er ferdig kan du legge til en hyggelig ser bakgrunn. Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne tut.