How å skape en fin Ikoner Icon Set

I det følgende opplæringen vil du lære å skape en attraktiv emoticons ikonsett. Lær en enkel å følge arbeidsflyten for å lage hver av disse lite emosjonell karakter står overfor i Adobe Illustrator.

Trinn 1

Lag en 60 x 60 piksler, RGB-dokument. Først slår på Grid (View > Grid) 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

Velg den Ellipse Tool (L), opprette en 40 ved 40px form og fylle det med R = 255, G = 222, B = 23.

trinn 3

Velg den formen som ble opprettet i forrige trinn, og sørge for at det er plassert i midten av artboard. Aktiver linjaler (Command + R) og guidene (Se > Guides > Vis hjelpelinjer), og dra en vertikal og en horisontal guide som vist i følgende bilde. Deaktiver linjaler og holde guidene synlig. Det vil hjelpe i de neste trinnene, som du legger til noen nye figurer

Trinn 4

Deaktiver Fest til rutenett, så gå til Rediger >.; Preferanser > Generelt og skriv 0.5 i Tastatur verdiboksen. Velg det gule sirkelen og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopien og traff pil ned én gang (for å flytte den 0.5px ned). Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 5

Aktiver Fest til rutenett. Velg det gule sirkelen og gå til Utseende panel. Velg eksisterende fyll og klikk på Duplicate Selected Element knappen som ligger i bunnen av Utseende panel. Selvfølgelig vil dette skape en kopi av det valgte fyllet. Velg denne nye fyll, senke Opacity til 75% og fylle den med lineær gradient vist i følgende bilde.

Vær oppmerksom på gradient bildet. Den gule " 0 " står for opasitet prosentandel. Dette betyr at du må velge gradient glideren og senke opacity til 0%. Hold fokus på dette gul sirkel. Reselect den og legge en enkel strek. Gjør det 1pt bred, justere den til utsiden og sette sin farge til R = 237, G = 147, B = 39.

Trinn 6

Velg det formen redigeres i forrige trinn. Gå til Utseende-panelet velger den gule fyll og gå til Effect Stylize > Indre glød. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK. Til slutt formen din skal se ut som bildet nedenfor. Dette vil være den ansiktsform som du vil bruke for de fleste av uttrykksikoner.

Trinn 7

Nå, la oss legge en stemning for dette ansiktet. Først re-aktivere Fest til rutenett, og velg deretter rektangelverktøyet (M). Lag to 4 av 8PX figurer og en 12 med 8 piksler form, deretter plassere dem slik det er vist.

Fest til rutenett og guider vil lette arbeidet ditt. Fyll dem alle med R = 96, G = 57, B = 19, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 8

Velg den Ellipse Tool (L), opprette en 26 ved 16px form og plassere den som vist. Fyll den med lineær gradient vist nedenfor, deretter senke Opacity til 50%. Nå, la oss organisere eksisterende former.

Gå til Lag-panelet, velger du eksisterende lag og klikk på Opprett ny sublayer knappen nederst i Lag-panelet. Velg alle figurene laget så langt og flytte dem inne i denne nye underlag. Dobbeltklikk på denne underlag og gi den navnet " ikke moret. &Quot; Nå din første uttrykksikon er fullført.

Trinn 9

Velg den sublayer opprettet i forrige trinn, og lage en kopi i front. Fokus på denne nye sublayer velger munnen form og gå til Effect > Warp > Bue. Oppgi dataene nedenfor bilde nr 1 og klikk OK

Name dette andre sublayer ". Sad " og kopiere det. Velg munnen form fra dette nye sublayer, så gå til Utseende panel og åpne eksisterende Warp effekt. Dra Bend glidebryteren til -50%, og klikk deretter på OK. Gi denne tredje sublayer " Glad ".

Trinn 10

Velg den " Glad " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Grin, " velg deretter avslutter munnen form og slette den. Plukk Ellipse Tool (L), opprette en 16 av 7px form og legg den som vist i det første bildet. Fyll den med R = 96, G = 57, B = 19. Så gå til Effect > Warp > Arch. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende.

Velg den resulterende formen og lage to kopier i front, deaktiver deretter Fest til rutenett. Velg den øverste kopien og traff pil ned fire ganger, så reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 11

Aktiver Fest til rutenett. Plukk Pen Tool (P), tegne tre vertikale baner og plasser deretter som vist i det første bildet. Legg en 1pt slag for disse banene og sette farge på R = 39, G = 170, B = 225.

Gruppe dem (Kommando + G). Velg den hvite formen opprettet i forrige trinn, ta en kopi og bringe den til fronten (Shift > Command + Høyre Bracket nøkkel). Velg denne friske, hvite formen sammen med den friske gruppen og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask

Trinn 12

Velg det munn form og gå til Effect >.; Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og deretter legge en 1pt slag. Juster den til utsiden og sette farge på R = 237, G = 147, B = 39

Step 13

Velg den ". Grin " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Blunk, " deretter velge riktig øye form og slette den. Plukk rektangel Tool (M), skape en 5 av 3px form og plassere den som vist.

Fyll den med R = 96, G = 57, B = 19. Så gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK

Trinn 14

Velg den ". Blunk " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Weeping, " velg deretter øynene og munnen komponenter og slette dem. Plukk rektangel Tool (M), lage to 6 av 4px figurer og plassere dem som vist i følgende bilde. Fyll dem med med R = 96, G = 57, B = 19. Så gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Warp > Bue. Oppgi dataene nedenfor, klikker du på OK og gå til Object > Utvid Utseende

Velg den venstre figuren øyet og gå til Object >.; Transform > Rotere. Skriv inn en 45 graders vinkel, og klikk deretter på OK. Velg riktig øye form og gå til Object > Transform > Rotere. Skriv en -45 grader vinkel, og klikk deretter på OK. Reselect både øye figurer og gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det endelige bildet, og klikk på OK

Trinn 15

Hold fokus på ". Weeping " underlag. Plukk Ellipse Tool (L), opprette en 16 av 7px form, og plasser den som vist. Fyll den med R = 96, G = 57, B = 19, og gå til Effect > Warp > Arch. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende.

Velg den resulterende formen, lage to kopier i front, og deaktivere Fest til rutenett. Velg den øverste kopien og traff pil opp ti ganger. Reselect begge eksemplarene og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med hvitt.

Trinn 16

Aktiver Fest til rutenett. Plukk Pen Tool (P), tegne tre vertikale baner og plasser deretter som vist i det første bildet. Legg en 1pt slag for disse banene og sette farge på R = 39, G = 170, B = 225. Gruppe dem (Kommando + G). Velg den hvite formen opprettet i forrige trinn, ta en kopi og bringe den til fronten (Shift > Command + Høyre Bracket nøkkel). Velg denne friske, hvite formen sammen med den friske gruppen og gå til Transparency panel. Åpne fly-out menyen og klikk på Make Opacity Mask

Trinn 17

Velg det munn form og gå til Effect >.; Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og deretter legge en 1pt slag. Juster den til utsiden og sette sin farge til R = 237, G = 147, B = 39.

Trinn 18

Velg den Ellipse Tool (L), lage et 4 av 4 piksler form, og fyll den med R = 39, G = 170, B = 255. Plukk Convert Anchor Point Tool (Shift + C) og klikk på den nederste ankerpunkt. Dette vil gjøre sirkel se ut i det andre bildet. Plukk Direct Selection Tool (A), velge nederste festepunktet, og flytte den 2 piksler ned. Nå, fokus på venstre og høyre ankerpunkter. Bruk det samme verktøyet til å dra håndtakene 1PX ned

Trinn 19

Velg den formen som ble opprettet i forrige trinn, og gå til Effect >.; Warp > Bue. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende. Duplisere den resulterende form. Roter disse to, blå figurer, og plassere dem slik det er vist. Til slutt legger du en 0.5pt slag for begge disse formene. Juster det til inne og sette farge til R = 28, G = 117, B = 188

Trinn 20

Velg den ". Glad " sublayer, lage en kopi, og flytte den til toppen av Lag-panelet. La oss fokusere på denne friske underlag. Først endre navnet " Love, " velg øye figurer og slette dem. Gå til Symboler panelet (Vindu > symboler), åpner fly-out menyen, og gå til Open Symbol Library > Web Ikoner. Et vindu med et sett av symboler skal åpne

Velg den ". Favoritt " symbol, dra den til artboard, så gå til Object > Utvide. Fokus på den resulterende formen. Først plukke Direct Selection Tool (A), velger ankerpunktene fremhevet i det andre bildet, og trykke på knappen Slett. Nå bør hjertet ser ut som det tredje bildet.

Deretter må du legge til en diskret rundhet effekt for bunnankerpunkt. Du trenger runde et hjørne Script. Lagre det på harddisken, velge nederste ankerpunktet med Direct Selection Tool (A), og deretter gå til Fil > Scripts > Andre Script. Åpne runde et hjørne Script, skriv en 7px Radius og klikk på OK. Fyll den resulterende form med R = 242, G = 41, B = 17. Til slutt bør det se ut som det fjerde bildet.

Trinn 21

Velg den formen laget i forrige trinn, og kopiere det. Velg disse to hjertet figurer, endre størrelse på dem, og plassere dem slik det er vist. Nå gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og deretter legge en 0.75pt slag. Juster det til inne og sette farge til R = 190, G = 30, B = 45

Step 22

Velg den ". Kjærlighet " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Surprise, " velg øyet og munnen komponenter og slette dem. Plukk rektangel Tool (M), opprette en 10 av 5px form, og plasser den som vist i følgende bilde. Fyll den med R = 96, G = 57, B = 19. Så gå til Effect > Stylize > Avrundede hjørner. Skriv en 3px radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 23

Velg den Ellipse Tool (L), lage to 8 av 8 piksler former, og plassere dem som vist i det første bildet. Fyll dem med R = 241, G = 242, B = 242 og legge til en 1pt slag. Juster den til utsiden og sette farge på R = 237, G = 147, B = 39

Marker på nytt både sirkler og gå til Effect >.; Stylize > Drop Shadow. Legg inn dataene som vises i det første bildet, og klikk på OK. Igjen, plukke Ellipse Tool (L) og lage to 2 av 2 piksler former. Fyll dem med R = 96, G = 57, B = 19, og plassere dem som vist i det andre bildet.

Trinn 24

Velg den Pen Tool (P), tegne to lodd baner (6PX høye) og plassere dem som vist i følgende bilde. Legg en 1pt slag for begge disse banene, sette farge på R = 237, G = 147, B = 39, og gå til Strek-panelet (Vindu > Stroke).

Klikk på Round Cap knappen, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, velger du bare den venstre banen da. Gå til Effect > Warp > Arc, skrive inn dataene som vises nedenfor, klikk OK, og velg deretter den rette vei. Igjen, gå til Effect > Warp > Arc, skriv dataene nedenfor og klikk på OK

Trinn 25

Velg den ". Kjærlighet " sublayer, lage en kopi, og flytte den i toppen av Lag-panelet. La oss fokusere på denne friske underlag. Først endre navnet " Rødming, " velg øye komponenter, og slette dem. Plukk rektangel Tool (M), lage to 4 av 6PX former, og plassere dem som vist i følgende bilde. Fyll dem med R = 96, G = 57, B = 19, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 26

Velg den Pen Tool (P), trekker to horisontale baner (4 piksler lang), og plasser dem som vist i følgende bilde. Legg en 1pt slag for begge disse banene, sette farge på R = 96, G = 57, B = 19, og gå til Strek-panelet. Klikk på Round Cap-knappen, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Warp > Bue. Igjen, skriv dataene nedenfor og klikk på OK.

Trinn 27

Velg den Ellipse Tool (L), lage to fem av 5px former, og plassere dem slik det er vist. Fyll dem med R = 237, G = 28, B = 36, og gå til Effect > Blur > Gaussian Blur. Skriv en 2 piksler radius, og klikk OK

Trinn 28

Velg den ". Blushing " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Syk, " deretter slette øynene og munnen komponenter. Nå må du endre fargen på hele ansiktet.

Gå til Utseende panel og fokus på den første oppfylling. Bytt ut den gule med R = 171, G = 223, B = 35, og deretter åpne den indre glød effekt og erstatte den eksisterende farge med det som vises nedenfor. Flytte til andre fyll og erstatte den eksisterende gradient med det som vises. Til slutt velger slaget og erstatte den eksisterende farge med R = 57, G = 181, B = 74.

Trinn 29

La oss fortsette med øynene. Plukk rektangel Tool (M), lage to 4 av 8 piksler former, og plasser den som vist i følgende bilde. Fyll dem med R = 0, G = 104, B = 56, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 30

Velg den Pen Tool (P), trekker to vertikale baner (6PX høye), og plasser dem som vist i følgende bilde. Legg en 1pt slag for begge disse banene, sette farge på R = 0, G = 104, B = 56, og gå til Strek-panelet (Vindu > Stroke). Klikk på Round Cap-knappen, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, velger du bare den venstre banen da. Gå til Effect > Warp > Arc, skrive inn dataene som vises nedenfor, klikk OK, og velg deretter den rette vei. Igjen, gå til Effect > Warp > Arc, skriv dataene nedenfor og klikk på OK.

Trinn 31

Velg den rektangelverktøyet (M), opprette en 6 av 4px form, og plasser den som vist i følgende bilde. Fyll den med R = 0, G = 104, B = 56, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 32

Igjen, plukke Pen Tool (P), trekker to vertikale baner (6PX høye) og plasser dem som vist. Legg en 1pt slag for begge disse banene, sette farge på R = 0, G = 104, B = 56, og gå til Strek-panelet (Vindu > Stroke). Klikk på Round Cap-knappen, og deretter gå til Effect > Stylize > Drop Shadow.

Legg inn dataene som vises nedenfor, klikk OK, velger du bare den venstre banen da. Gå til Effect > Warp > Arc, skrive inn dataene som vises nedenfor, klikk OK. Nå velger den rette vei. Igjen, gå til Effect > Warp > Arc, skriv dataene nedenfor og klikk på OK

Trinn 33

Velg den ". Sick " underlag og lage en kopi i front. La oss fokusere på denne friske underlag. Først endre navnet " Angry, " deretter slette øynene og munnen komponenter. Igjen, må du endre fargen på hele ansiktet. Der nede har du all informasjon du trenger.

Trinn 34

Velg den rektangelverktøyet (M), opprette en 12 med 4 piksler form, og plasser den som vist i følgende bilde. Fyll den med R = 60, G = 36, B = 21, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Step 35

La oss fortsette med øynene. Plukk rektangel Tool (M), lage to 4 av 8 piksler former, og plasser den som vist i følgende bilde. Fyll dem med R = 60, G = 36, B = 21, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 36

Velg den Pen Tool (P), tegne de to banene som er vist nedenfor, og plasser dem som vist i følgende bilde. Legg en 1pt slag for begge disse banene, sette farge på R = 0, G = 104, B = 56, og gå til Strek-panelet (Vindu > Stroke). Klikk på Round Cap-knappen, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor og klikk på OK.

Trinn 37

Velg den rektangelverktøyet (M), opprette en to av 5px form, og fyll den med R = 0, G = 104, B = 56. Plukk Direct Selection Tool (A), velger de nederste festepunktene og gå til Object > Sti > Gjennomsnittlig. Sjekk Både og klikk på OK. Dette vil slå rektangel til en ganske skarp trekant. Velg den og gå til Effect > Stylize > Avrundede hjørner. Skriv en 1px radius, klikk OK, og deretter ta tre kopier. Rotere dem og plassere dem slik det er vist i det endelige bildet.

Konklusjon

Den endelige emoticons ikonsett er under.