How å lage en detaljert Button og Needle Illustrasjon
I det følgende opplæringen vil du lære hvordan du oppretter en detaljert knapp og nål illustrasjon. Denne opplæringen bruker mange forskjellige vektor teknikker inkludert Utseende Panel, åpenhet innstillinger, mønstre og mer. La oss begynne!
Trinn 1
Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i boksen Bredde og 700 i høyden boksen klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5px.
Gå til Rediger > Preferanser > Guides > Grid, skriv 5 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 Ellipse Tool (L), opprette en 190px sirkel og fyll den med R = 57 G = 181 B = 74. Velg den og gå til Object > Sti > Offset Path. Skriv inn et -25px Offsettrykk, og klikk på OK. Velg den resulterende sirkelen, fyll den med R = 0 G = 148 B = 68 og går igjen til Object > Sti > Offset Path. Skriv inn et -5px Offsettrykk, og klikk på OK. Fyll den resulterende form med R = 57 G = 181 B = 74.
Trinn 3
Velg det tre konsentriske sirkler opprettet i forrige trinn, åpne Pathfinder-panelet og klikk på Divide knappen. Flytt til Lag-panelet, og du vil finne en ny gruppe med to sammensatte baner og en sirkel. Velg den og dele opp det (Shift + Kommando + G)
Trinn 4
Deaktiver Fest til rutenett (View > Fest til rutenett). Deretter gå til Rediger > Preferanser > Generelt og sørge for at tastaturet Økning er satt til 1px. Velg større sammensatt bane og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopien og traff pil opp to ganger (for å flytte den 2PX opp). Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle de resulterende former med en lineær gradient er vist i det endelige bildet.
Trinn 5
Velg det større sammensatt bane og lage to nye kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane (Object > sammensatt bane > Lag). Og fyll den med R = 105 G = 199 B = 118
Trinn 6
Velg det større sammensatt bane og lage to nye kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2 piksler ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle de resulterende former med en lineær gradient er vist i det endelige bildet.
Trinn 7
Velg det større sammensatt bane og gå til Object > Sti > Offset Path. Skriv inn et -2px Offsettrykk, og klikk på OK. Fyll den resulterende form med lineær gradient vist i følgende bilde og gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius, og klikk OK.
Trinn 8
Flytt til mindre sammensatt bane. Velg det, fyll den med lineær gradient vist i følgende bilde deretter legge til en 1pt slag. Sett farge på R = 0 G = 148 B = 68 og justere den til innsiden.
Trinn 9
Flytt til sirkelen. Velg den og erstatte den flate fargen som brukes for fyll med lineær gradient vist i følgende bilde.
Step 10
reselect sirkelen og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Duplisere resulterende formen (Command + C > Command + F). Velg denne kopien og flytte den 1px opp. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i følgende bilde.
Step 11
reselect sirkelen og gå igjen til Object > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og kopiere den resulterende formen (Command + C > Command + F). Velg kopiere og flytte den 1px ned. Reselect begge former opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i følgende bilde.
Trinn 12
Aktiver Fest til rutenett (View > Fest til rutenett) og ta tak i Ellipse Tool (L). Lag fire, 20px sirkler og fylle dem med hvit. Plasser dem som vist i følgende bilde og slå dem inn i en sammensatt bane (Object > sammensatt bane > Lag). Velg denne nye sammensatte banen og lage en kopi i front (Command + C > Command + F). Du trenger det for neste trinn.
Trinn 13
Velg kopi av sammensatt bane laget i finalen av det forrige trinnet sammen med sirkelen og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende sammensatt bane, send den til å sikkerhets (Shift + Kommando + [) og fokus på utseendet panel. Først velger fyll og gå til Effect > Stylize > Indre glød. Tast inn dataene vist i følgende bilde og klikk på OK. Deretter legger en 1pt slag, satt sin farge på R = 0 G = 148 B = 68 og justere den til innsiden.
Trinn 14
Deaktiver Fest til rutenett (View > Fest til rutenett). Velg det hvite sammensatt bane skapt i det tolvte trinnet og går til Object > Sti > Offset Path. Skriv en 1px Offsettrykk, og klikk på OK. Velg den resulterende forbindelsen banen og lage en kopi i ryggen (Command + C > Command + B). Velg den og flytte den 1px ned. Velg det opprinnelige, hvite sammensatt bane (den ble opprettet i tolvte trinn) og slette det da reselect de to sammensatte baner som er opprettet i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle de resulterende former med en lineær gradient er vist i følgende bilde.
Trinn 15
Aktiver Fest til rutenett (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 130 av 65px form, fyll den med lineær gradient vist i følgende bilde og plassere den som vist i det første bildet. Den gule null fra gradienten bildet står for opasitet prosentandel. Velg det sammensatte bane som er opprettet i trinn # 13 og lage en kopi i front (Command + C > Command + F). Velg denne kopien sammen med den friske rektangel og klikk på Skjæring knappen fra Pathfinder-panelet. Velg den resulterende formen og senke opacity til 30%.
Trinn 16
Velg den rektangelverktøyet (M), opprette en 190 av 95px form, fyll den med lineær gradient vist i følgende bilde og plassere den som vist i det første bildet. Velg det store, grønne sammensatt bane og lage en kopi i front (Command + C > Command + F). Velg den sammen med den friske rektangel og klikk på Skjæring knappen fra Pathfinder-panelet. Velg den resulterende formen og senke opacity til 50%
Trinn 17
Velg alle figurene er laget så langt, og kopiere dem (Command + C > Command + F).. Velg alle disse kopiene og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende formen med den hvite, send den til å sikkerhets (Shift + Kommando + Venstre hakeparentes) og gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det første vinduet, klikk OK og deretter gå tilbake til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i den midterste vinduet, klikk OK og deretter gå en gang til Effect > Stylize > Drop Shadow. Skriv inn egenskapene som vises i vinduet til høyre og klikk på OK. Velg alle figurene laget så langt og gruppere dem (Kommando + G). Dette vil være knapp.
Trinn 18
La oss fortsette med nålen. Sørg for at Fest til rutenett er aktivert. Plukk rektangel Tool (M), lage en 10 x 475px form og fylle det med en tilfeldig farge. Sørg for at denne nye formen er valgt, grip Legg Anchor Point Tool (+) og fokusere på oversiden. Først legger to nye ankerpunkter i punktene markert med grønt. Deretter velger Slett Anchor Point Tool (-) og fjerne det øverste, venstre ankerpunkt. Til slutt velger toppen, til høyre forankringspunkt og flytte den 5px til venstre. Til slutt formen din skal se ut i det andre bildet.
Step 19
Velg den rektangelverktøyet (M) og lage en 10 x 120 piksler form. Plasser den som vist i følgende bilde og gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor, klikk på OK og gå til Object > Utvid Utseende.
Trinn 20
Velg det to figurer som er opprettet i de to siste trinnene og klikk på Unite knappen fra Pathfinder-panelet. Deretter trenger du et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Plukk rektangel Tool (M), opprette en 6 av 71px form og legg den som vist i det andre bildet. Velg den og gå til Effect Stylize > Avrundede hjørner. Skriv en 3px radius, klikk på OK og gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor, klikk på OK og gå til Object > Utvid Utseende.
Trinn 21
Velg det to figurer som er opprettet i forrige trinn, og klikk på Minus Front knappen fra Pathfinder-panelet. Duplisere resulterende formen (Command + C > Command + F). Du trenger denne kopien for neste trinn. Plukk Ellipse Tool (L), opprette en 6 av 80px form og legg den som vist i følgende bilde.
Step 22
Velg det presset sirkelen og kopi av den store sammensatte bane som er opprettet i forrige trinn, og klikk på Skjæring knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i følgende bilde.
Trinn 23
Deaktiver Fest til rutenett (View > Fest til rutenett). Reselect formen opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane og fyll den med R = 225 G = 225 B = 225.
Trinn 24
For neste trinn må du ha round Enhver Corner script. Du finner den i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og ta tak i Direct Selection Tool (A). Velg de fire ankerpunktene markert med blå og gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 5px Radius og klikk på OK. Deretter velger ankerpunktet uthevet med grønt og gå til Fil > Scripts > Andre Script. Igjen, åpner Round Enhver Corner Script, skriv en 2 piksler Radius og klikk på OK. Til slutt formen din skal se ut i det andre bildet
Trinn 25
Velg sammensatt bane redigeres i forrige trinn, og lage to kopier i front (Command + C >. Command + F > Command + F). Velg den øverste kopiere og flytte den 1PX til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende gruppe av former, slå den inn i en sammensatt bane og fylle den med lineær gradient vist i følgende bilde.
Trinn 26
Velg det sammensatt bane redigert i trinn 24 og lage to nye kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2 piksler til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane og fylle den med lineær gradient vist i følgende bilde.
Trinn 27
Velg det viktigste nål form og erstatte den flate fargen som brukes for fylle med lineær gradient vist i følgende bilde. Velg alle figurene som utgjør nål og gruppere dem (Kommando + G).
Trinn 28
Velg nål gruppe, rotere den og legger den som vist i følgende bilde. Velg det viktigste nål form og legg de tre Drop Shadow effekt vist i følgende bilde.
Trinn 29
Til slutt, la oss legge en hyssing. Åpne Børster panel og dobbeltklikk på " 7pt Round " børste. Redusere sin Rundhet til 80%, og klikk OK. Nå plukke Brush Tool (B) og tegne en bølget bane som vist i følgende bilde. Velg det, fjerne fargen fra fyllet og legg til " 7pt Round " børste for hjerneslag. Sett farge på R = 70 G = 70 B = 70
Trinn 30
Velg det bane som er opprettet i forrige trinn, og lage en kopi i front (Command + C > Command + F). . Velg denne kopien, fjerne børsten fra slag og erstatte den med en enkel strek (R = 255 G = 242 B = 0). Velg det fra Utseende panel og åpne Strek-panelet. Sjekk den stiplede linjen boksen deretter inn 2 i dashbordet boksen og 5 i gapet boksen. Til slutt din stiplede banen skal se ut i følgende bilde.
Step 31
Velg det sti med børsten og gå til Object > Sti > Outline Stroke. Velg den resulterende banen og lage en kopi i front (Command + C > Command + F). Reselect banen med stiplet strek og gå til Object > Sti > Outline Stroke. Velg den resulterende gruppe av former og slå den inn i en sammensatt bane (Object > sammensatt bane > Lag). Velg det sammen med kopi av det utvidede pensel og klikk på Skjæring knappen fra Pathfinder-panelet. Igjen, slår den resulterende gruppe figurer i en sammensatt bane (Object > sammensatt bane > Lag). Fyll den med R = 235 G = 235 B = 235, senke opacity til 75% og endre blending mode til Overlay.
Trinn 32
Velg det utvidede pensel og lage to kopier i front (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1PX ned og til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane og fylle den med svart.
Trinn 33
Velg det utvidede pensel og lage to nye kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2PX ned og til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Slå den resulterende gruppe figurer i en sammensatt bane og fyll den med R = 120 G = 120 B = 120.
Trinn 34
Velg det utvidede pensel og legge de tre slipp skyggeeffekter vist i følgende bilde. Også legge til en 2PT slag, justere den til inne og sette farge på R = 30 G = 30 B = 30. Velg alle figurene som utgjør strengen og gruppere dem (Kommando + G).
Trinn 35
Neste, la oss gjøre strengen går gjennom nåløyet. Plukk rektangel Tool (M), og lage en enkel form som dekker området av strengen som ville gå bak nålen. Velg hoved nål form og lage en kopi i front (Command + C > Command + F). Velg det sammen med rektangelet og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med svart.
Step 36
Åpne Gjennomsiktighet-panelet og velger den svarte formen opprettet i forrige trinn sammen med streng gruppe. Åpne fly-out menyen i Transparency panelet klikker du på Make Opacity Mask deretter fjerner du merket i Clip-boksen. Til slutt din maskerte gruppen bør se ut i det andre bildet.
Trinn 37
Til slutt, la oss en legge en enkel bakgrunn. Plukk rektangel Tool (M), opprette en figur med den størrelsen på artboard og send den til å sikkerhets (Shift + Kommando + Venstre hakeparentes). Fyll den med R = 2444 G = 251 B = 245 og deretter legge til en annen fylling ved hjelp av Legg til ny Fyll knappen nederst i Utseende-panelet. Bruk radial gradient vist i følgende bilde for denne nye fyll.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut.