How å lage en smokk ikon i Illustrator

I det følgende opplæringen vil jeg vise deg hvordan du oppretter en smokk ikon. Du vil lære å bruke profesjonelle vektor form byggeteknikker, spare tid med Illustrator verktøy, og hvordan du legger disse detaljene som gjør det endelige bildet pop.

Trinn 1

Lag en 255 av 255px, RGB-dokument. Først slår på 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. Alle disse alternativene vil øke arbeidshastigheten.

Trinn 2

Først, gå til Utseende panel eller til verktøylinjen og fjerne fargen for hjerneslag. Deretter plukke Ellipse Tool (M) og lage en 90 ved 125px form. Fyll den med ingen, og legge til en 8 pkt slag. Sett farge på R = 43, G = 57, B = 144.

Nå gå til Strek-panelet, og klikk på Juster-Stroke til Inside-knappen. Fortsett med Direct Selection Tool (A). Velg den øverste forankringspunkt og flytte den 40px ned.

Trinn 3

Velg den rektangelverktøyet (M) og lage en 26 ved 25px form. Fyll den med R = 28, G = 117, B = 188. Plasser den som vist i følgende bilde. Det er veldig viktig å plassere den som vist nedenfor så, ta en nærmere titt på nettet for å få nøyaktig sted.

Trinn 4

Fortsett med rektangelverktøyet (M) og opprette en ny form. Gjør det 37px bred og 20px høy, fyll den med R = 43, G = 57, B = 144. Nå plasserer den som vist i følgende bilde. Legg igjen en 15px gap mellom undersiden av denne nye formen og undersiden av formen ble opprettet i forrige trinn.

Trinn 5

Fortsett med rektangelverktøyet (M) og lage en tredje form. Gjør det 48px bred og 20px høy, fyll den med R = 28, G = 117, B = 188. Nå plasserer den som vist i følgende bilde. Legg igjen en 5px gap mellom undersiden av denne nye formen og undersiden av formen ble opprettet i forrige trinn.

Trinn 6

Velg den Ellipse Tool (L) og lage en 110 ved 40px form. Fyll den med R = 39, G = 170, B = 225. Nå plasserer den som vist i følgende bilde.

Trinn 7

Velg den Selection Tool (V), velger alle figurene skapt, og klikk deretter på grensen av den første figuren (den med hjerneslag). Nå bør grensen til denne formen blir understreket ved å gå til Juster-panelet (Vindu > Align) og klikk på Horisontal Align midtknappen. Til slutt, bør alle former justeres som vist i det andre bildet.

Trinn 8

Nå, la oss legge til noen ekstra effekter for disse figurene. Velg bunnen rektangel og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor det første bildet, klikk OK, og deretter gå til Effect > Warp > Arch. Igjen, skrive inn dataene som vises nedenfor, klikk OK og deretter gå til Object > Utvid Utseende.

Flytt opp, til neste rektangelet. Velg den og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 4px radius, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor det andre bildet, klikk OK, og deretter gå til Object > Utvid Utseende

Trinn 9

Velg den resterende rektangel og gå til Effect >.; Stylize > Avrundede hjørner. Skriv inn et 10px radius, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor det første bildet, klikk OK, og deretter gå til Object > Utvid Utseende. Gå opp til presset sirkel. Velg den og gå til Effect > Warp > Bue. Oppgi dataene nedenfor det andre bildet, klikk OK, og deretter gå til Object > Utvid Utseende.

Trinn 10

Velg den Ellipse Tool (L) og klikk på artboard. Skriv inn 12,5 i bredden boksen og 8,5 i høyden, og klikk deretter OK. Dette vil skape en 12,5 av 8.5px form

Fyll den med hvilken som helst farge, så gå til Effect >.; Warp > Bue. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende. Velg den resulterende form og gå til Object > Transform > Rotere. Skriv -15 i Angle, og klikk deretter OK. Til slutt formen din skal se ut som det tredje bildet som vises.

Trinn 11

Velg den formen som ble opprettet i forrige trinn, plasser den som vist i det første bildet, og deretter gå til Object > Transform > Reflektere. Sjekk Vertikal knappen, og klikk deretter på Kopier-knappen. Dette vil skape et horisontalt snudd kopi av form. Velg den og flytte den til høyre, som vist i tredje bildet.

Trinn 12

Nå, la oss legge litt ekstra farge for disse figurene. Velg form med hjerneslag og gå til Object > Utvid Utseende. Fyll den resulterende form med radial gradient vist nedenfor, og deretter legge en 0.25pt slag. Juster det til inne og sette farge på R = 6, G = 67, B = 114

Trinn 13

Deaktiver Grid (View > skjul rutenett). Og Fest til rutenett (View > Fest til rutenett). Velg formen opprettet i forrige trinn og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og ta av slag, deretter fylle den med hvit og senke Opacity til 30%. Lag en kopi av denne nye formen.

Velg det, og trykk pil høyre og pil opp en gang. Reselect disse to nye former og klikk på Minus Front knappen fra Pathfinder-panelet. Du bør en få en gruppe med to av disse formene.

Trinn 14

Flytt opp til neste form. Fyll den med R = 6, G = 67, B = 114. Så gå til Object > Sti > Offset Path. Skriv inn et -2px Offset, og klikk deretter på OK. Fyll den resulterende form med hvit og senke Opacity til 30%, deretter lage en kopi i front.

Velg denne kopien og traff høyre piltast og pil opp en gang. Reselect disse to nye former og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som den fjerde bildet som vises.

Trinn 15

Flytt til neste til figurer. Fyll dem både med lineær gradient vist nedenfor, og deretter legge en 0.25pt slag. Juster det til inne og sette farge på R = 6, G = 67, B = 114.

Trinn 16

Fokus på de små ovale former. La oss starte med den lille, forlot en. Velg den og lage to eksemplarer, og velg den øverste kopien og traff pil ned to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 188, G = 190, B = 192. Nå bruker de samme teknikkene for å lage figuren pekte med pilen i fjerde bildet.

Trinn 17

Velg de små ovale former sammen med det store og klikk på Minus Front knapp fra Pathfinder-panelet. Fyll den resulterende form med radial gradient vist nedenfor, og deretter legge en 2PT, hvit strek. Juster det til inne, så gå til Utseende panel og senke Opacity til 50%. Deretter må du legge til en andre slag for denne formen. Gå til Utseende panel, åpne fly-out menyen og klikk på Legg til ny Fill.

Selvsagt, dette vil legge et ekstra slag for formen. Gjør det 0.25pt bred, justere den til inne og sette farge på R = 128, G = 130, B = 133

En rask kommentar om gradient:. Du vil merke en hvit nummer i gradient bildet. Det står for Location prosentandel. Det betyr at du må velge den lille diamant ikonet og dra det til venstre på 25%.

Trinn 18

Velg den formen som ble opprettet i forrige trinn, og lage to kopier i front. Velg den øverste kopien og traff pil opp to ganger, og velg på nytt begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet.

Du vil få en gruppe med tre nye figurer. Først slette de to formene påpekt av pilen i det andre bildet, og velg deretter de resterende form, dele opp det (Shift + Ctrl + G), og fyll den med R = 188, G = 190, B = 192.

Trinn 19

Re-aktivere Grid og Fest til rutenett, så grip den Ellipse Tool (L). Lag en 40 ved 29px form og fylle det med R = 188, G = 190, B = 192. Nå plasserer den som vist i følgende bilde.

Step 20

La oss fortsette med gummi stykke. Plukk rektangel Tool (M), lage en 40 x 55 piksler form og gå til Effect > Stylize > Avrundede hjørner. Skriv en 18px radius, klikk OK, og deretter gå til Object > Utvid Utseende. Plukk Ellipse Tool (L) og lage en 60 ved 60px form

Plasser det som vist i det andre bildet, og deretter gå til Effect >.; Warp > Arc Nedre. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Warp > Arch. Igjen, skrive inn dataene som vises nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende.

Trinn 21

Velg de to formene opprettet i forrige trinn, og klikk på Unite knappen fra Pathfinder-panelet. Velg den resulterende form og gå til Effect > Warp > Arch. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Warp > Utbulning. Igjen, skrive inn dataene som vises nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende.

Trinn 22

Hold fokus på formen opprettet i forrige trinn. Deretter vil du trenge det runde et hjørne script, som kan finnes i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts.

Lagre det på harddisken, og deretter velge Direct Selection Tool (A). Velg de to festepunktene fremhevet i det første bildet og gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 3px Radius og klikk på OK. Dette vil legge en diskret rundhet effekt for de valgte ankerpunktene, som vist i den andre bildene.

Trinn 23

Deaktiver Grid og Fest til rutenett. Velg formen opprettet i forrige trinn, og fylle den med lineær gradient vist nedenfor. Vær oppmerksom på plasseringen prosentandel. Deretter legger en 4pt, hvit strek for formen. Velg det fra Utseende panel og justere den til innsiden. Nå senke Opacity til 15% og endre blending mode til Overlay.

Legg til en ny strek for denne formen og gjøre det 0.25px bred. Juster det til inne, sette sin farge til R = 196, G = 154, B = 108. Nå endrer overgangsmodus til Multipliser.

Trinn 24

Velg den formen redigeres i forrige trinn, og lage to kopier i front. Velg den øverste kopiere, deretter traff den venstre piltast og pil opp tre ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern slag og fyll den med R = 251, G = 186, B = 86.

Trinn 25

Aktiver Smart Guides (Control + U). Plukk Pen Tool (P), skape en form som vist i det første bildet og fyll den med R = 251, G = 186, B = 86. Velg denne nye formen, sammen med en opprettet i forrige trinn, og klikk på Unite knappen fra Pathfinder-panelet. Velg den resulterende form og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px radius, og klikk OK.

Trinn 26

Velg avrundet, oransje form og ta en kopi. Fyll den med hvit og bringe den til fronten (Shift + Ctrl + Høyre Bracket nøkkel). Velg denne friske form, sammen med uskarp en opprettet i forrige trinn, og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask. Til slutt, bør formen ser ut som det tredje bildet som vises. Lås dette maskert form. På den måten vil du ikke velge eller flytte den ved et uhell

Trinn 27

Velg det avrundet, oransje form og gå til Object >.; Sti > Offset Path. Skriv inn et -8px Offsettrykk, og klikk på OK. Velg den resulterende formen og fjerne alle eksisterende eiendommer fra utseendet panel, deretter legge til en ny strek. Gjør det 6pt bred og sette farge på R = 255, G = 210, B = 90. Nå justere den til sentrum og endre blending mode til Multipliser.

Velg den direkte Selection Tool (A), velger ankerpunktene fremhevet i det andre bildet, og trykk Delete-tasten. Velg den resulterende banen, gå til Strek-panelet, og klikk på Round Cap-knappen. Til slutt, gå til Effect > Blur > Gaussian Blur, skriv en 5px radius, og klikk OK.

Trinn 28

Re-aktivere Grid og Fest til rutenett. Plukk Ellipse Tool (L) og lage en 24 ved 15px form. Fyll den med R = 254, G = 238, B = 141 og gå til Effect > Warp > Bue. Oppgi dataene nedenfor, klikk OK, og deretter opprette en ny form. Gjør det 12 bredt og 7px høy og plasser den som vist i det andre bildet. Fyll den med hvit, så gå til Effect > Warp > Arc

Legg inn dataene som vises nedenfor, klikk OK, og velg på nytt disse to formene, og gå til Object >.; Utvid Utseende. Velg den store, noe som resulterer form og gå til Effect > Blur > Gaussian Blur. Skriv inn et 4px radius, klikk OK, og velg den andre formen. Senke opacity til 40%, så gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius, klikk OK, og velg på nytt både former og gruppere dem (Ctrl + G)

Trinn 29

Velg gruppen ble opprettet i forrige trinn, og gå til Object >.; Transform > Rotere. Skriv inn 50 i Angle boksen og klikk OK. Reselect denne rotert gruppen og plassere den som vist i det andre bildet.

Trinn 30

Deaktiver Grid og Fest til rutenett. Velg det avrundet, oransje form og gå til Object > Sti > Offset Path. Skriv inn et -7px Offsettrykk, og klikk på OK. Velg den resulterende form, fjerne strøk, og deretter fylle den med hvit og senke Opacity til 75%.

Ta en kopi av denne nye formen. Velg det, og trykk på høyre piltast og pil ned to ganger. Reselect disse to nye former og klikk på Minus Front knappen fra Pathfinder-panelet. Du bør en få en gruppe med to tynne figurer fra fjerde bildet. Velg den og gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius klikk deretter på OK.

Trinn 31

Velg alle figurene som er opprettet i løpet av de siste elleve trinn og gruppere dem, så velg denne gruppen og plassere den som vist i følgende bilde.

Trinn 32

Velg alle figurene laget så langt og kopiere dem. Velg disse kopiene og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i den tredje bilde

Send denne nye formen for å sikkerhets (Shift + Ctrl + Venstre Bracket-tasten) og gå til Effect >.; Forvrenge & Transform > Gratis Distort. Flytt de beste ankerpunktene som vist i det endelige bildet, klikk OK, og deretter gå til Object > Utvid Utseende

Trinn 33

Velg alle figurene laget så langt og gå til Object >.; Transform > Rotere. Skriv inn 45 i Angle boksen og klikk deretter på OK. Til slutt, flytter skyggen forme noen få piksler opp og til høyre.

Konklusjon

De siste ikonene er nedenfor.