Create et trygt ikon i Adobe Illustrator
I det følgende opplæringen vil du lære å skape et trygt ikon. Vi vil bruke en rekke Adobe Illustrator verktøy og teknikker for å skape dette ikonet. Lær å lage et sted å stash dine vektor gull. Det handler om detaljene du putter inn i denne design for å gi den litt glans.
Trinn 1
Opprett en 300 ved 300px dokument. Først slår på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 10px. Gå til Rediger > Innstillinger > Guides & Grid, skriv 10 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 > Innstillinger > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.
Trinn 2
Start med rektangelverktøyet (M). Lag en 185px ved 210px form og fylle det med R = 163, G = 163, B = 163. Lag en andre rektangel. Gjør det 185px bred og 10px høy, fyll den med R = 67, G = 67, B = 67. Nå plasserer den som vist i følgende bilde. Fest til rutenett vil lette arbeidet ditt.
Trinn 3
Fokus på mørkere form. Plukk Direct Selection Tool (A). Velg den øverste venstre forankringspunkt og flytte den 25px til høyre. Nå velger øverst til høyre forankringspunkt og flytte den 25px til venstre. Nå bør formen ser ut som et trapes
Trinn 4
Duplicate figurer laget i forrige trinn (Command + C > Command + F).. Gjør den opprinnelige formen usynlig, og velg kopier og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 203, G = 203, B = 203. Nå gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 1,5px radius, klikk OK, og deretter låse den.
Trinn 5
Slå tilbake til synlig de to formen fra forrige trinn. Velg dem og trykke Shift + Kommando + Høyre Bracket-tasten for å bringe dem til fronten.
Først fokusere på den mørke. Bytt fyllfargen med lineær gradient vist nedenfor, så gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikker du på OK og gå til Object > Utvid Utseende.
Nå, la oss gå til den andre formen. Sørg for at det er fylt med R = 163, G = 163, B = 163. Nå gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikker du på OK og gå til Object > Utvid Utseende.
Trinn 6
Velg den store, grå form og gå til Utseende panel. Åpne fly-out menyen og klikk på Legg til ny Fill. Dette vil legge til en annen fylling for den valgte form. Velg denne nye fyll og bruke lineær gradient vist under det første bildet. Ta en nærmere titt på gradienten bildet og du vil merke noen gule teksten over graderings glidere. Det står for Opacity. Det betyr at du må velge disse glidere og redusere sine opacity til 0%.
Legg til en tredje fyll for denne formen. Denne gangen bruke lineær gradient vist nedenfor det andre bildet. Legg en endelig fylle. Velg den og gjøre det svart. Senke opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. . Skriv inn dataene nedenfor og klikk deretter OK
Trinn 7
Deaktiver Fest til rutenett gå til Rediger > Innstillinger > Generelt og skriv 0,5 i Tastatur verdiboksen. Lag to kopier av formen fra forrige trinn (Command + C > Command + F).
Velg den øverste kopien deretter traff høyre piltast én gang og pil ned to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen og fjern alle de ekstra fills (fra Utseende panel). Spar eneste fyll og erstatte den eksisterende farge med R = 209, G = 211, B = 212.
Trinn 8
Velg det store, grå form og gå til Object > Sti > Offset Path. Skriv inn et -15px Offsettrykk, og klikk på OK. Velg denne nye fyll, holde den første fylle (R = 163, G = 163, B = 163) og ta resten. Deretter går du til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikker du på OK og gå til Object > Utvid Utseende.
Trinn 9
Velg den formen laget i forrige trinn, og legge en mørk strek (R = 52, G = 52, B = 52). Gjør det 1,5pt bred og justere den til utenfor. Deretter går du til Object > Utvid Utseende. Du bør få to separate former, en som representerer fyll og den andre slaget. Velg den andre en og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk deretter på OK.
Step 10
Velg den grå form, som vi gjorde i forrige trinn. Legg til to nye fyllinger og bruke den lineære gradienter som er vist nedenfor. Legg en endelig fylle. Velg den og gjøre det svart. Senke Opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk deretter på OK.
Step 11
Lag to kopier av formen fra forrige trinn. Velg den øverste kopiere, deretter traff den høyre pil og pil ned to ganger. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern de ekstra fyll, og deretter fylle den med R = 203, G = 203, B = 203. Gjør ytterligere to kopier av formen fra forrige trinn.
Igjen, velg den øverste kopien. Denne gangen traff pil høyre og pil ned bare én gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, fjern de ekstra fyll, og deretter fylle den med R = 230, G = 231, B = 232.
Trinn 12
Aktiver Fest til rutenett og gjøre en kopi av formen fra forrige trinn. Plukk rektangel Tool (M) og skape en form som den røde vist i det første bildet. Grab Slett Anchor Point Tool (-) og klikk på øverst til venstre ankerpunkt. Nå bør rektangelet slå inn i en trekant. Velg den sammen med kopien og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med svart og senke Opacity til 2%.
Step 13
Nå, la oss lage hengslene. Plukk rektangel Tool (M), opprette en 20 ved 10px form, og plasser den som vist i følgende bilde. Fyll den med hvilken som helst farge og deretter bruke Effect > Stylize > Avrundede hjørner. Skriv inn et 1,8px radius, klikk OK, og deretter gå til Object > Utvid Utseende.
Step 14
Velg den formen laget i forrige trinn. Først fyller den med lineær gradient vist nedenfor, og legge til en 0,75 slag, justert til utenfor (R = 67, G = 67, B = 67). Deretter legger en annen fylling. Velg den og gjøre det svart. Senke Opacity til 5%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk deretter på OK.
Lag to kopier av denne formen. Velg den øverste og traff høyre piltast og pil ned en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende form. Fjern slaget og ekstra fyll og deretter erstatte fargen fra eksisterende fylle med R = 203, G = 203, B = 203. Velg disse to form og gruppere dem (Kommando + G).
Step 15
Velg gruppen gjorde i forrige trinn, og lage to kopier. Flytt disse kopiene som vist i følgende bilde. Nok en gang vil Fest til rutenett lette arbeidet ditt.
Step 16
For neste trinn du trenger et rutenett hver 1px. Gå til Rediger > Innstillinger > Guides & Grid og skriv en i linjenettet hver boks. Nå grip Ellipse Tool (L). Hold Shift og skape en 57px av 57px form. Fyll den med R = 159, G = 159, B = 159. Nå kan du legge en annen fylling og bruke lineær gradient vist i det andre bildet. Reselect hele banen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK
Step 17
Velg den formen laget i forrige trinn, og gå til Object >.; Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende form. Fjern skygge effekt på andre fyll, og velg deretter de resterende fyll og erstatte den eksisterende farge med sort. Velg denne sort form og gå til Object > Sti > Offset Path. Skriv inn et -4px Offsettrykk, og klikk på OK.
Velg den resulterende banen, fyll den med ingen og legge en hvit strek. Gjør det 3pt bred og justere den til utsiden. Velg denne slag og åpne Strek-panelet (Vindu > Stroke). Sjekk den stiplede linjen boksen og deretter flytte det ned. Skriv 0,5pt i dashbordet boksen og 13pt i gapet boksen. Nå formen din skal se ut som vist i tredje bildet nedenfor. Kopiere det. Velg kopiere, tilbake til Strek-panelet og skriv 2,2pt i gapet boksen. Nå bør kopien ser ut som den fjerde bildet nedenfor.
Step 18
Velg en av de siste former laget i forrige trinn. Gå til Object > Sti > Offset Path, skriv inn et -3px Offsettrykk, og klikk på OK. Vi vil bruke denne formen for å skrive på den. Plukk Tekst i en bane Tool, klikker du på kanten av denne formen, og legge til hvit tekst. Jeg brukte Myriad Pro skrift med en størrelse på 3pt, men du kan prøve en annen skrift hvis du foretrekker det.
Nå som du har lagt til tekst, reselect en av de strøk figurer (laget i forrige trinn). Igjen, gå til Object > Sti > Offset Path, denne gangen angi et -4px Offset, og klikk på OK.
Velg den resulterende formen, fyll den med R = 67, G = 67, B = 67. Nå gir det en 3pt, svart strek, justert til innsiden. Velg denne slag (fra Utseende panel) og senke Opacity til 10%. Til slutt legger to nye fyllinger for denne form og bruke de lineære gradienter vist i de to siste bildene.
Step 19
Deaktiver Fest til rutenett og aktivere Smart Guides. Plukk Pen Tool (P) og lage de to trekant former laget i følgende bilder. Fylle den første med R = 46, G = 46, B = 46, og den andre en med hvit. Nå velger dem begge og gå til Effect > Blur > Gaussian Blur. Skriv inn et 15px radius, og klikk OK.
Deretter må du maskere disse to formene. Først gruppere dem (Kommando + G) deretter kopiere den andre formen gjort i forrige trinn. Velg denne kopien, fyll den med hvite og flytte den over gruppen (i Lag-panelet). Åpne Gjennomsiktighet-panelet. Velg det hvite formen sammen med gruppen, åpner fly-out menyen i Transparency panel og klikk på Make Opacity Mask. Nå skal gruppen se ut i det endelige referansebildet
Step 20
Velg den andre formen laget i det 18. trinnet og går til Object >.; Sti > Offset Path. Skriv inn et -8px Offsettrykk, og klikk på OK. Velg den resulterende form og flytte den over gruppen gjorde i forrige trinn.
Først fyller den med lineær gradient og deretter legge to slag. Gjør dem begge 0,75pt bred og justere dem på utsiden. Fyll den første med R = 159, G = 159, B = 159 og den andre med svart.
Nå, fokus på svart strek. Velg den, flytte den til Strek-panelet, sjekk den stiplede linjen boksen og deretter inn 1pt i dashbordet boksen. Reselect hele banen og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK. Til slutt formen din skal se ut som referansebilde.
Step 21
Duplicate formen gjort i forrige trinn. Plukk rektangel Tool (M), skape en form som den røde vist i det første bildet. Grab Slett Anchor Point Tool (-) og klikk på øverst til venstre ankerpunkt. Igjen, vil du få en trekant. Velg den sammen med kopien, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 52, G = 52, B = 52 og senke Opacity til 10%.
Trinn 22
Velg formene som er gjort i løpet av de siste seks trinn og gruppere dem (Kommando + G). Velg denne gruppen og plassere den som vist på bildet nedenfor.
Step 23
Deaktiver Smart Guides og aktivere Fest til rutenett. For neste trinn må du ha et rutenett hver 2,5px. Gå til Rediger > Innstillinger > Guides & Grid og skriv 2,5 i linjenettet hver boks. Plukk Ellipse Tool (L) og lage en 25px av 25px form. Først fyller den med lineær gradient og deretter legge til en 0,25pt, justert til utenfor hjerneslag (R = 98, G = 98, B = 98)
Velg det hele banen og gå til Effect >.; Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK. Kopiere denne sirkelen og deretter plukke den rektangelverktøyet (M) og skape en form som den røde vist i følgende bilde
Velg den Delete Anchor Point Tool. (-) Og klikk på øverst til venstre ankerpunkt. Velg den resulterende formen, sammen med kopien, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 52, G = 52, B = 52 og senke Opacity til 20%.
Trinn 24
Velg den Polar Grid Tool, hold Shift, og deretter klikke og dra. Hit pil ned for å redusere antall sirkler til en så venstre piltast til å redusere antall linjer til tre. Lag en 80px av 80px nettet og plassere den som vist i det første bildet. Velg sirkelen og slette den, og deretter fokusere på linjene. Øk slag størrelse til 5PT og åpne slag panel og klikk på Round Cap-knappen. Nå bør figurer ser ut som den tredje referansebildet. Velge bildene på nytt og gå til Object > Utvid.
Step 25
La oss fokusere på de tre former laget i forrige trinn. Velg den nederste. Fyll den med lineær gradient, legge til en 0,05pt slag (R = 52 G = 52 B = 52) og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk deretter på OK. Gjenta den samme effekten for de to andre figurer, men endre gradient vinkel.
Step 26
Deaktiver Fest til rutenett. Plukk Ellipse Tool (L), opprette en 12px av 12px form og legg den som vist i følgende bilde. Fyll den med R = 110, G = 110, B = 110 og legge til en 0,5pt slag, justert til innsiden (R = 106, G = 106, B = 106).
Trinn 27
Velg formene som er gjort i de fire siste trinnene og gruppere dem (Kommando + G). Velg denne gruppen og plassere den som vist på bildet nedenfor.
Step 28
Til slutt velger den store, grå form (laget i den sjette trinn) og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og du er ferdig.
Konklusjon
Det siste bildet er nedenfor.