Share
I den følgende opplæringen lærer du å lage et attraktivt uttrykksikonikonsett. Lær en enkel å følge arbeidsflyten for å lage hver av disse små følelsesmessige tegneseriene i Adobe Illustrator.
Lag et 60px med 60px, RGB-dokument. Først slår du på rutenettet (Vis> Rutenettet) 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.
Velg Ellipseverktøyet (L), opprett en 40 x 40 px form og fyll den med R = 255, G = 222, B = 23.
Velg formen som ble opprettet i forrige trinn, og sørg for at den er plassert midt på tavlen. Aktiver rullemennene (Kommando + R) og veiledningene (Vis> Guider> Vis veiledninger), og dra deretter en vertikal og en horisontal guide som vist på bildet nedenfor. Deaktiver linjene og hold styrene synlige. Det vil hjelpe i de følgende trinnene, ettersom du legger til noen nye former.
Deaktiver Snap to Grid, og gå deretter til Rediger> Innstillinger> Generelt, og skriv inn 0,5 i Tastaturøkningsboksen. Vellgir den gule sirkelen og legg to eksemplarer foran (Kommando + C> Kommando + F> Kommando + F). Velg toppkopien og trykk nedpilen én gang (for å flytte den 0,5 px ned). Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Aktiver Snap to Grid igjen. Velg den gule sirkelen og gå til Utseendepanelet. Velg den eksisterende fyllingen og klikk på Duplicate Selected Item-knappen nederst på Utseendepanelet. Åpenbart vil dette skape en kopi av den valgte fyllingen. Velg denne nye fyllingen, senk Opacity til 75%, og fyll den med den lineære gradienten som vises i følgende bilde.
Vær oppmerksom på gradientbildet. Den gule "0" står for opacitetsprosent. Dette betyr at du må velge graderingsskyveknappen og senke opaciteten til 0%. Fortsett å fokusere på denne gule sirkelen. Velg den og legg til et enkelt slag. Gjør det 1pt bredt, juster det til utsiden og sett fargen til R = 237, G = 147, B = 39.
Tilbakestill formen redigert i forrige trinn. Gå til Utseende-panelet, velg den gule fyllingen og gå til Effect Stylize> Inner Glow. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Stylize> Drop Shadow. Igjen, skriv inn dataene som vises nedenfor og klikk OK. Til slutt skal formen din se ut som følgende bilde. Dette vil være ansiktsformen du vil bruke for de fleste uttrykksikonene.
Nå, la oss legge til humør for dette ansiktet. Først aktiver du Snap to Grid, og velg deretter Rectangle Tool (M). Opprett to 4 med 8 px figurer og en 12 til 8 px form, og legg dem så som vist.
Snap to Grid og Guides vil lette arbeidet ditt. Fyll dem alle med R = 96, G = 57, B = 19, deretter gå til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg Ellipseverktøyet (L), opprett en form av 26 x 16 px og legg den som vist. Fyll den med den lineære gradienten som vises nedenfor, og senk dens Opacity til 50%. La oss nå organisere eksisterende former.
Gå til lagpanelet, velg det eksisterende laget og klikk på knappen Opprett nytt underlag fra bunnen av lagpanelet. Velg alle figurene som er opprettet så langt, og flytt dem inn i dette nye underlaget. Dobbeltklikk på dette underlaget og nev det "Ikke moret." Nå er ditt første uttrykksikon ferdig.
Velg underlag laget i forrige trinn og lag en kopi foran. Fokus på dette nye underlaget, velg munnformen og gå til Effect> Warp> Arc. Skriv inn dataene som vises under bilde nr. 1, og klikk OK.
Gi dette andre underlaget "Trist" og dupliser det. Velg munnformen fra dette nye underlaget, og gå til Utseendepanelet og åpne den eksisterende Warp-effekten. Dra Bend-glidebryteren til -50%, og klikk deretter OK. Gi dette tredje underlaget "Glad".
Velg "Glad" underlaget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Grin", og velg deretter den spennende munnformen og slett den. Velg Ellipseverktøyet (L), opprett en form av 16 til 7px og legg den som vist i det første bildet. Fyll det med R = 96, G = 57, B = 19. Deretter går du til Effect> Warp> Arch. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Velg den resulterende formen og lage to kopier foran, og deaktiver deretter Snap to Grid. Velg toppkopien og trykk nedpilen fire ganger, velg deretter begge kopiene og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Aktiver Snap to Grid igjen. Plukk pennverktøyet (P), trekk tre vertikale stier og legg det som vist i det første bildet. Legg til 1pt slag for disse banene og sett fargen på R = 39, G = 170, B = 225.
Grupper dem (Command + G). Velg den hvite formen som ble opprettet i forrige trinn, lag en kopi og hent den til forsiden (Shift> Kommando + Høyre brakettast). Velg denne friske, hvite formen sammen med den friske gruppen og gå til Transparentpanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask.
Gjenta munnformen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og legg deretter til 1pt slag. Juster den til utsiden og sett fargen på R = 237, G = 147, B = 39.
Velg "Grin" -laget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Blinking", velg deretter den høyre øyeformen og slett den. Velg rektangulærverktøyet (M), opprett en 5 til 3px form og legg den som vist.
Fyll det med R = 96, G = 57, B = 19. Deretter går du til Effect> Stylize> Rounded Corners. Skriv inn en radius på 2px, klikk OK, og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Stylize> Drop Shadow. Igjen, skriv inn dataene som vises nedenfor, og klikk deretter OK.
Velg "Winking" -laget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Weeping", velg deretter øynene og munnkomponentene og slett dem. Velg rektangulærverktøyet (M), opprett to 6 til 4px figurer og plasser dem som vist i bildet nedenfor. Fyll dem med R = 96, G = 57, B = 19. Deretter går du til Effect> Stylize> Rounded Corners. Skriv inn en radius på 2px, klikk OK, og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Velg den venstre øyeformen og gå til Objekt> Transform> Rotere. Angi en 45 graders vinkel, og klikk deretter OK. Velg riktig øyeform og gå til Objekt> Transform> Rotere. Angi en vinkel på 45 grader, og klikk deretter OK. Vellgjøre begge øyeformer og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det endelige bildet, og klikk deretter OK.
Fortsett å fokusere på "Weeping" -laget. Velg Ellipseverktøyet (L), opprett en form av 16 til 7px, og legg den som vist. Fyll det med R = 96, G = 57, B = 19, og gå til Effect> Warp> Arch. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende.
Velg den resulterende formen, lag to kopier foran, og deaktiver Snap to Grid. Velg toppkopien og trykk opp pilen ti ganger. Vellgjør begge kopier og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Aktiver Snap to Grid igjen. Plukk pennverktøyet (P), trekk tre vertikale stier og legg det som vist i det første bildet. Legg til 1pt slag for disse banene og sett fargen på R = 39, G = 170, B = 225. Grupper dem (Command + G). Velg den hvite formen som ble opprettet i forrige trinn, lag en kopi og hent den til forsiden (Shift> Kommando + Høyre brakettast). Velg denne friske, hvite formen sammen med den friske gruppen og gå til Transparentpanelet. Åpne fly-out-menyen, og klikk på Make Opacity Mask.
Gjenta munnformen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og legg deretter til 1pt slag. Juster den til utsiden og sett fargen til R = 237, G = 147, B = 39.
Velg Ellipseverktøyet (L), lag en 4 til 4px-form, og fyll den med R = 39, G = 170, B = 255. Velg Convert Anchor Point Tool (Shift + C) og klikk på nedre ankerpunkt. Dette vil gjøre sirkelen din ligne i det andre bildet. Velg direkte markeringsverktøyet (A), velg det nedre ankerpunktet, og flytt det 2px ned. Nå fokuserer du på venstre og høyre ankerpunkt. Bruk samme verktøy for å dra håndtakene 1px nedover.
Velg formen som ble opprettet i forrige trinn, og gå til Effect> Warp> Arc. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Objekt> Utvid utseende. Dupliser den resulterende formen. Roter disse to blå formene, og legg dem som vist. Til slutt legger du til en 0,5pt slag for begge disse figurene. Juster den innvendig og sett fargen til R = 28, G = 117, B = 188.
Velg "Glad" underlaget, lag en kopi, og flytt det til toppen av lagpanelet. La oss fokusere på dette friske underlaget. Først omdøpe det "Kjærlighet", velg deretter øyeformer og slett dem. Gå til symbolpanelet (Vindu> Symboler), åpne menyen for utløp, og gå til Åpne symbolbibliotek> Web-ikoner. Et vindu med et sett med symboler skal åpnes.
Velg symbolet "Favoritt", dra det på din tavle, og gå til Objekt> Utvid. Fokuser på den resulterende formen. Først, velg direkte markeringsverktøyet (A), velg ankerpunkter markert i det andre bildet, og trykk Slett-knappen. Nå skal hjertet se ut som det tredje bildet.
Deretter må du legge til en diskret rundeffekt for bunnankerpunktet. Du trenger Round Any Corner Script. Lagre det på harddisken din, velg det nederste ankerpunktet ved hjelp av Direct Selection Tool (A), og gå til File> Scripts> Other Script. Åpne Round Any Corner Script, skriv inn en 7px radius og klikk OK. Fyll den resulterende formen med R = 242, G = 41, B = 17. Til slutt skal det se ut som det fjerde bildet.
Velg formen som ble gjort i forrige trinn og dupliser den. Velg disse to hjerteformene, endre størrelsen på dem og legg dem som vist. Gå nå til Effect> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og legg deretter til et 0,75pt slag. Juster den innvendig og sett fargen til R = 190, G = 30, B = 45.
Velg "Kjærlighet" -laget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Surprise", velg deretter øye og munnkomponenter og slett dem. Velg rektangulærverktøyet (M), opprett en form av 10 til 5 px, og legg den som vist i bildet nedenfor. Fyll det med R = 96, G = 57, B = 19. Deretter går du til Effect> Stylize> Rounded Corners. Angi en 3px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg Ellipseverktøyet (L), opprett to 8 til 8 px figurer, og legg dem som vist i det første bildet. Fyll dem med R = 241, G = 242, B = 242 og legg til 1pt slag. Juster den til utsiden og sett fargen på R = 237, G = 147, B = 39.
Velg begge sirkler og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises i det første bildet, og klikk OK. Igjen, velg Ellipse Tool (L) og opprett to 2 til 2px figurer. Fyll dem med R = 96, G = 57, B = 19, og legg dem som vist i det andre bildet.
Plukk pennverktøyet (P), tegne to vertikale stier (6px høye) og plasser dem som vist på bildet nedenfor. Legg til 1pt slag for begge disse stiene, sett fargen på R = 237, G = 147, B = 39, og gå til Stroke-panelet (Vindu> Stroke).
Klikk på Round Cap-knappen, og gå deretter til Effect> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og velg deretter bare den venstre banen. Gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor, klikk OK, velg deretter den riktige banen. Igjen, gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor, og klikk deretter OK.
Velg underlaget "Kjærlighet", lag en kopi, og flytt det øverst i lagpanelet. La oss fokusere på dette friske underlaget. Først omdøpe det "Blushing", velg deretter øyekomponenter og slett dem. Velg rektangulært verktøy (M), opprett to 4 x 6px figurer, og legg dem som vist i bildet nedenfor. Fyll dem med R = 96, G = 57, B = 19, deretter gå til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Plukk pennverktøyet (P), tegne to horisontale baner (4px lang), og legg dem som vist i bildet nedenfor. Legg til 1pt slag for begge disse stiene, sett fargen på R = 96, G = 57, B = 19, og gå til Stroke-panelet. Klikk på Round Cap-knappen, og gå deretter til Effect> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effect> Warp> Arc. Igjen, skriv inn dataene som vises nedenfor og klikk OK.
Velg Ellipseverktøyet (L), opprett to 5 til 5 px figurer, og legg dem som vist. Fyll dem med R = 237, G = 28, B = 36, og gå til Effect> Blur> Gaussian Blur. Skriv inn en radius på 2px og klikk OK.
Velg "Blushing" -laget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Sick", og slett deretter øynene og munnkomponentene. Nå må du endre fargen på hele ansiktet.
Gå til Utseendepanelet og fokus på den første fyllingen. Bytt den gule med R = 171, G = 223, B = 35, åpne deretter Inner Glow-effekten og erstatt eksisterende farge med den som er vist nedenfor. Flytt til den andre fyllingen og erstatt eksisterende gradient med den viste. Til slutt velger du slag og erstatter eksisterende farge med R = 57, G = 181, B = 74.
La oss fortsette med øynene. Velg Rectangle Tool (M), opprett to 4 x 8px figurer, og legg det som vist i bildet nedenfor. Fyll dem med R = 0, G = 104, B = 56, og gå deretter til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Plukk pennverktøyet (P), tegne to vertikale baner (6px høye), og legg dem som vist på bildet nedenfor. Legg til 1pt slag for begge disse stiene, sett fargen på R = 0, G = 104, B = 56, og gå til Stroke-panelet (Vindu> Stroke). Klikk på Round Cap-knappen, og gå deretter til Effect> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og velg deretter bare den venstre banen. Gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor, klikk OK, velg deretter den riktige banen. Igjen, gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor og klikk OK.
Velg Rektangulærverktøyet (M), lag en form av 6 til 4px, og legg den som vist på bildet nedenfor. Fyll det med R = 0, G = 104, B = 56, deretter gå til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Nok en gang velger du pennverktøyet (P), tegner to vertikale stier (6px høy) og legger dem som vist. Legg til 1pt slag for begge disse stiene, sett fargen på R = 0, G = 104, B = 56, og gå til Stroke-panelet (Vindu> Stroke). Klikk på Round Cap-knappen, og gå deretter til Effect> Stylize> Drop Shadow.
Skriv inn dataene som vises nedenfor, klikk OK, og velg deretter bare den venstre banen. Gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor, klikk OK. Velg nå den riktige banen. Igjen, gå til Effect> Warp> Arc, skriv inn dataene som vises nedenfor og klikk OK.
Velg "Sick" -underlaget og lag en kopi foran. La oss fokusere på dette friske underlaget. Først omdøpe det "Sint", og slett deretter øynene og munnkomponentene. Igjen må du endre fargen på hele ansiktet. Nedenunder har du all den informasjonen du trenger.
Velg rektangulærverktøyet (M), opprett en 12 til 4px-form, og legg den som vist på bildet nedenfor. Fyll det med R = 60, G = 36, B = 21, deretter gå til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
La oss fortsette med øynene. Velg Rectangle Tool (M), opprett to 4 x 8px figurer, og legg det som vist i bildet nedenfor. Fyll dem med R = 60, G = 36, B = 21, deretter gå til Effect> Stylize> Rounded Corners. Skriv inn en 2px radius, klikk OK, og gå til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Plukk pennverktøyet (P), tegne de to banene som vises nedenfor, og legg dem som vist på bildet nedenfor. Legg til 1pt slag for begge disse stiene, sett fargen på R = 0, G = 104, B = 56, og gå til Stroke-panelet (Vindu> Stroke). Klikk på Round Cap-knappen, og gå deretter til Effect> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg rektangulærverktøyet (M), lag en form av 2 til 5 px, og fyll den med R = 0, G = 104, B = 56. Velg direkte markeringsverktøyet (A), velg nedre ankerpunkter og gå til Objekt> Sti> Gjennomsnitt. Sjekk begge og klikk på OK. Dette vil gjøre rektangelet ditt til en skarp trekant. Velg den og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 1px, klikk OK, og gjør deretter tre kopier. Roter dem og legg dem som vist i det endelige bildet.
Det siste uttrykksikonikonet sett er under.
Accentsconagua