Share
I den følgende opplæringen vil jeg vise deg hvordan du lager et pacifier-ikon. Du lærer å bruke profesjonelle vektorform byggteknikker, spare tid med Illustrators verktøy, og hvordan legge til de detaljene som gjør det endelige bildet pop.
Lag et 255 x 255 px RGB-dokument. Først slår du på rutenettet (Vis> Vis rutenett) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 1px. Gå til Rediger> Innstillinger> Ruter og rutenett, skriv inn 1 i Rutenettlinjen hver boks og 1 i Rammeboksen.
Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Først går du til Utseendepanelet eller til verktøylinjen og fjern fargen for streken. Deretter velger du Ellipse Tool (M) og lager en form av 90 x 125 px. Fyll det med ingen og legg til et 8pt slag. Sett fargen på R = 43, G = 57, B = 144.
Gå nå til Stroke-panelet og klikk på Juster strøket til innsiden-knappen. Fortsett med Direct Selection Tool (A). Velg toppankerpunktet og flytt det 40px nedover.
Velg rektangulærverktøyet (M) og opprett en 26 x 25 px-form. Fyll det med R = 28, G = 117, B = 188. Plasser den som vist i bildet nedenfor. Det er veldig viktig å plassere det som vist under, så ta en nærmere titt på rutenettet for å få det nøyaktige stedet.
Fortsett med rektangelverktøyet (M) og lag en annen form. Gjør det 37px bredt og 20px høyt, fyll det med R = 43, G = 57, B = 144. Legg det som vist i bildet nedenfor. La et 15px gap mellom undersiden av denne nye formen og bunnsiden av formen som ble opprettet i forrige trinn.
Fortsett med rektangelverktøyet (M) og opprett en tredje form. Gjør den 48px bred og 20px høy, fyll den med R = 28, G = 117, B = 188. Legg det som vist i bildet nedenfor. La et 5px gap mellom bunnen av denne nye formen og bunnsiden av formen som ble opprettet i forrige trinn.
Velg Ellipseverktøyet (L) og opprett en 110 x 40 px form. Fyll det med R = 39, G = 170, B = 225. Legg det som vist i bildet nedenfor.
Velg utvelgingsverktøyet (V), velg alle former som er opprettet, og klikk deretter på grensen til den første formen (den med slaget). Nå skal grensen til denne formen bli understreket, så gå til Juster-panelet (Vindu> Juster) og klikk på knappen Horisontal justeringssenter. Til slutt skal alle figurene justeres som vist i det andre bildet.
La oss nå legge til ekstra effekter for disse figurene. Velg nederste rektangel og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 5px, klikk OK, og gå til Effect> Warp> Arc. Skriv inn dataene som vises under det første bildet, klikk OK, og gå til Effect> Warp> Arch. Igjen, skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Flytt opp, til neste rektangel. Velg den og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 4px, klikk OK, og gå til Effect> Warp> Arc. Skriv inn dataene som vises under det andre bildet, klikk OK, og gå til Objekt> Utvid utseende.
Velg gjenværende rektangel og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 10 px, klikk OK, og gå til Effect> Warp> Arc. Skriv inn dataene som vises under det første bildet, klikk OK, og gå til Objekt> Utvid utseende. Flytt opp til den klemt sirkelen. Velg den og gå til Effect> Warp> Arc. Skriv inn dataene som vises under det andre bildet, klikk OK, og gå til Objekt> Utvid utseende.
Velg Ellipseverktøyet (L) og klikk på tavlen. Skriv inn 12,5 i breddeboksen og 8,5 i høydeboksen, og klikk deretter OK. Dette vil skape en 12,5 ved 8,5 px form.
Fyll det med hvilken som helst farge, og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Velg den resulterende formen og gå til Objekt> Transform> Rotere. Skriv inn -15 i Angle-boksen, og klikk deretter OK. Til slutt skal formen din se ut som det tredje bildet som vises.
Velg formen som ble opprettet i forrige trinn, plasser den som vist i det første bildet, og gå til Objekt> Transformere> Reflektere. Sjekk Vertikal-knappen, og klikk deretter på Kopier-knappen. Dette vil skape en horisontalt vendt kopi av formen din. Velg den og flytte den til høyre, som vist i det tredje bildet.
La oss nå legge til ekstra farge for disse figurene. Velg formen med slaget og gå til Objekt> Utvid utseende. Fyll den resulterende formen med den radiale gradienten som vises nedenfor, og legg deretter til et 0,25pt slag. Juster den innvendig og sett fargen på R = 6, G = 67, B = 114.
Deaktiver gridet (Vis> Skjul grid) og Snap to Grid (Vis> Snap to Grid). Velg formen som ble opprettet i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og fjern slaget, fyll deretter den med hvitt og senk Opacity til 30%. Lag en kopi av denne nye formen.
Velg den, og trykk deretter på høyre pil og pil opp en gang. Velg disse to nye figurene og klikk på Minus Front-knappen fra Pathfinder-panelet. Du bør få en gruppe med to av disse figurene.
Flytt opp til neste form. Fyll det med R = 6, G = 67, B = 114. Deretter går du til Objekt> Path> Offset Path. Skriv inn en -2px Offset, og klikk deretter OK. Fyll den resulterende formen med hvit og senk Opacity til 30%, og gjør deretter en kopi foran.
Velg denne kopien og trykk på pilen og pil opp en gang. Velg disse to nye figurene og klikk på Minus Front-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det fjerde bildet som vises.
Flytt til neste til figurer. Fyll dem begge med den lineære gradienten vist under, og legg deretter til et 0,25pt slag. Juster den innvendig og sett fargen på R = 6, G = 67, B = 114.
Fokuser på de små ovale figurene. La oss starte med den lille, venstre ene. Velg den og lag to kopier, velg deretter toppkopien og trykk to ganger på pil ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 188, G = 190, B = 192. Bruk nå de samme teknikkene for å lage formen peket av pilen i det fjerde bildet.
Velg de små ovale figurene sammen med den store og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den radiale gradienten som vises nedenfor, og legg deretter til et 2pt, hvitt slag. Juster den innvendig, deretter til Utseendepanelet og senk Opacity til 50%. Deretter må du legge til et sekundslag for denne formen. Gå til Utseende-panelet, åpne avtrekksmenyen og klikk på Legg til ny fylling.
Selvfølgelig vil dette legge til et nytt slag for din form. Gjør det 0,25pt bredt, juster det til innsiden og sett fargen på R = 128, G = 130, B = 133.
Et raskt notat om gradienten: Du vil merke et hvitt nummer i gradientbildet. Den står for plasseringsprosent. Det betyr at du må velge det lille diamantikonet og dra det til venstre ved 25%.
Velg formen som ble opprettet i forrige trinn, og lag to eksemplarer foran. Velg toppkopien og trekk opp pilen to ganger, velg deretter begge kopiene og klikk på Minus Front-knappen fra Panelet-panelet.
Du får en gruppe med tre nye former. Først slett du de to figurene peket av pilen i det andre bildet, velg deretter den gjenværende formen, ungroup den (Shift + Control + G), og fyll den med R = 188, G = 190, B = 192.
Aktiver gitteret og Snap to Grid, og ta tak i Ellipse Tool (L). Opprett en form av 40 til 29 px og fyll den med R = 188, G = 190, B = 192. Legg det som vist i bildet nedenfor.
La oss fortsette med gummistykket. Velg rektangulærverktøyet (M), opprett en form for 40 til 55 px og gå til Effect> Stylize> Rounded Corners. Skriv inn en 18px radius, klikk OK, og gå til Objekt> Utvid utseende. Velg Ellipse Tool (L) og opprett en 60 x 60px form.
Plasser den som vist i det andre bildet, og gå til Effekt> Varsle> Arc Lower. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Warp> Arch. Igjen, skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Velg de to figurene som ble opprettet i forrige trinn, og klikk på Unite-knappen fra Pathfinder-panelet. Velg den resulterende formen og gå til Effect> Warp> Arch. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Warp> Bulge. Igjen, skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Fortsett å fokusere på formen som ble opprettet i forrige trinn. Deretter trenger du Round Any Corner-skriptet, som finnes i Vectortuts + artikkelen 20 Gratis og nyttige Adobe Illustrator-skript.
Lagre det på harddisken, og velg deretter Direkte utvalgsverktøyet (A). Velg de to ankerpunktene som er markert i det første bildet, og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 3px Radius og klikk OK. Dette vil legge til en diskret rundeffekt for de valgte ankerpunktene, som vist i andre bilder.
Deaktiver grid og snap til grid. Velg formen som ble opprettet i forrige trinn, og fyll den med den lineære gradienten som vises nedenfor. Vær oppmerksom på plasseringen prosentandel. Deretter legger du til et 4pt, hvitt slag for din form. Velg det fra Utseendepanelet og juster det til innsiden. Senk nå Opacity til 15% og endre blandemodus til Overlay.
Legg til et nytt slag for denne formen og gjør den 0,25px bred. Juster den innvendig, sett fargen til R = 196, G = 154, B = 108. Endre blendingsmodusen til Multiply.
Velg formen redigert i forrige trinn og lag to kopier foran. Velg toppkopien, og trykk deretter på pilen og pil opp tre ganger. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern stroke og fyll den med R = 251, G = 186, B = 86.
Aktiver Smart Guides (Control + U). Plukk pennverktøyet (P), opprett en form som den som vises i det første bildet og fyll det med R = 251, G = 186, B = 86. Velg denne nye formen, sammen med den som ble opprettet i forrige trinn, og klikk på Unite-knappen fra Pathfinder-panelet. Velg den resulterende formen og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 5px og klikk OK.
Velg den avrundede oransje formen og lag en kopi. Fyll det med hvitt og ta det foran (Shift + Control + Right Bracket-nøkkelen). Velg denne friske formen, sammen med den uskarpe en som ble opprettet i forrige trinn, og gå til gjennomsiktighetspanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask. Til slutt skal formen din se ut som det tredje bildet som vises. Lås denne maskerte formen. På den måten velger du ikke eller flytter den ved et uhell.
Velg den avrundede oransje formen og gå til Objekt> Sti> Offset-vei. Skriv inn en -8px Offset og klikk OK. Velg den resulterende formen og fjern alle eksisterende egenskaper fra Utseendepanelet, og legg deretter til et nytt slag. Gjør det 6pt bredt og sett fargen på R = 255, G = 210, B = 90. Juster det for å sitte og endre blandingsmodus til Multiply.
Velg direkte markeringsverktøyet (A), velg ankerpunkter markert i det andre bildet, og trykk Slett-tasten. Velg den resulterende banen, gå til Stroke-panelet, og klikk på Round Cap-knappen. Til slutt, gå til Effect> Blur> Gaussian Blur, skriv inn en 5px radius, og klikk OK.
Aktiver gitteret og Snap to Grid. Velg Ellipse Tool (L) og opprett en 24 til 15 px form. Fyll den med R = 254, G = 238, B = 141 og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og opprett en annen form. Gjør den 12 bred og 7px høy og legg den som vist i det andre bildet. Fyll det med hvitt, og gå til Effect> Warp> Arc.
Skriv inn dataene som vises nedenfor, klikk OK, velg deretter disse to figurene, og gå til Objekt> Utvid utseende. Velg den store, resulterende formen og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 4px radius, klikk OK, og velg deretter den andre formen. Senk opaciteten til 40%, og gå deretter til Effect> Blur> Gaussian Blur. Skriv inn en 3px radius, klikk OK, velg deretter begge figurene og grupper dem (Control + G).
Velg gruppen som ble opprettet i forrige trinn, og gå til Objekt> Transform> Rotere. Skriv inn 50 i Angle-boksen og klikk OK. Velg denne roterte gruppen og plasser den som vist i det andre bildet.
Deaktiver grid og snap til grid. Velg den avrundede oransje formen og gå til Objekt> Sti> Offset-vei. Skriv inn en -7px Offset og klikk OK. Velg den resulterende formen, fjern slaget, fyll deretter den med hvitt og senk Opacity til 75%.
Lag en kopi av denne nye formen. Velg den, og trykk deretter pil høyre og pil ned to ganger. Velg disse to nye figurene og klikk på Minus Front-knappen fra Pathfinder-panelet. Du bør få en gruppe med de to tynne figurene fra det fjerde bildet. Velg den og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 3px, og klikk deretter OK.
Velg alle figurene som er opprettet i de siste elleve trinnene, og grupper dem, velg deretter denne gruppen og legg den som vist i bildet nedenfor.
Velg alle fasene som er opprettet så langt og dupliser dem. Velg disse kopiene og klikk på Unite-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten vist i det tredje bildet.
Send denne nye formen tilbake (Shift + Control + venstre brakett-tast) og gå til Effect> Distort & Transform> Free Distort. Flytt toppankerpunktene som vist i det endelige bildet, klikk OK, og gå til Objekt> Utvid utseende.
Velg alle figurene som er opprettet så langt, og gå til Objekt> Transform> Rotere. Skriv inn 45 i Angle-boksen, og klikk deretter OK. Endelig flytte skyggeformen noen få piksler opp og til høyre.
De siste ikonene er under.
Accentsconagua