Så här skapar du en trevlig ikonikon

I följande handledning lär du dig att skapa en attraktiv uttryckssymbolsuppsättning. Lär dig ett enkelt arbetsflöde för att skapa alla dessa små känslomässiga karaktärsytor i Adobe Illustrator.

Steg 1

Skapa ett 60px med 60px, RGB-dokument. Slå först på rutnätet (Visa> Grid) och Snap to Grid (Visa> Snap to Grid). Därefter behöver du ett rutnät var 1px. Gå till Redigera> Inställningar> Guider och galler, ange 1 i rutnätet varje ruta och 1 i rutan Indelningar.

Du kan också öppna Info-panelen (Fönster> Info) för en live-förhandsgranskning med storleken och positionen på dina former. Glöm inte att byta måttenhet till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.


Steg 2

Välj Ellipse Tool (L), skapa en 40 x 40px form och fyll den med R = 255, G = 222, B = 23.


Steg 3

Välj den form som skapades i föregående steg och se till att den placeras mitt i din tavla. Aktivera linjalerna (Kommando + R) och Guiderna (Visa> Guider> Visa guider), dra sedan en vertikal och en horisontell guide som visas i följande bild. Inaktivera linjalerna och håll guiderna synliga. Det kommer att hjälpa till i följande steg, eftersom du lägger till några nya former.


Steg 4

Inaktivera Snap to Grid, gå sedan till Redigera> Inställningar> Allmänt och ange 0,5 i rutan Ökning av tangentbord. Återmarkera den gula cirkeln och gör två exemplar framför (Kommando + C> Kommando + F> Kommando + F). Välj den översta kopian och tryck nedåtpilen en gång (för att flytta den 0,5 px ner). Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med vit.


Steg 5

Aktivera Snap to Grid igen. Återmarkera den gula cirkeln och gå till Utseendepanelen. Markera befintlig fyllning och klicka på knappen Duplicate Selected Item längst ner på Utseendepanelen. Självklart kommer detta att skapa en kopia av den valda fyllningen. Välj den här nya fyllningen, sänk dess opacitet till 75% och fyll den med den linjära gradienten som visas i följande bild.

Var uppmärksam på gradientbilden. Den gula "0" står för opacitetsprocent. Det betyder att du måste välja lutningsskyddet och sänka opaciteten till 0%. Håll fokus på den här gula cirkeln. Återställ det och lägg till en enkel stroke. Gör den 1pt bred, rikta den till utsidan och sätt färgen till R = 237, G = 147, B = 39.


Steg 6

Välj den form som redigerades i föregående steg. Gå till panelen Utseende, välj den gula fyllningen och gå till Effect Stylize> Inner Glow. Ange de data som visas nedan, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange igen de uppgifter som visas nedan och klicka på OK. I slutet ska din form se ut som följande bild. Det här är ansiktsformen som du kommer att använda för de flesta uttryckssymbolerna.


Steg 7

Nu, låt oss lägga till humör för detta ansikte. Först, aktivera Snap to Grid och välj sedan rektangelverktyget (M). Skapa två 4 med 8px-former och en 12x8px-form och placera dem så som visas.

Snap to Grid och guiderna kommer att underlätta ditt arbete. Fyll dem alla med R = 96, G = 57, B = 19, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 8

Välj Ellipse Tool (L), skapa en form av 26 till 16px och placera den enligt bilden. Fyll den med den linjära gradienten som visas nedan och sänk sedan dess opacitet till 50%. Låt oss nu organisera de befintliga formerna.

Gå till panelen Lager, välj det befintliga lagret och klicka på knappen Create New Sublayer längst ner på panelen Lager. Välj alla former som skapats hittills och flytta dem inuti detta nya underlag. Dubbelklicka på detta underlag och namnge det "Not Amused." Nu är din första smekmånad färdig.


Steg 9

Välj det underlag som skapades i föregående steg och gör en kopia framför. Fokusera på det här nya underlaget, välj munformen och gå till Effect> Warp> Arc. Ange data som visas nedan bild # 1 och klicka på OK.

Namn det här andra underlaget "Sad" och duplicera det. Välj munformen från det här nya underlaget, gå sedan till Utseendepanelen och öppna den befintliga Warp-effekten. Dra Böjreglaget till -50% och klicka sedan på OK. Namn det här tredje underlaget "Glad".


Steg 10

Välj "Glad" underlagret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byt namn på det "Grin", välj sedan den spännande munformen och ta bort den. Välj ellipseverktyget (L), skapa en form av 16 till 7px och placera den som visas i den första bilden. Fyll den med R = 96, G = 57, B = 19. Gå sedan till Effect> Warp> Arch. Ange data som visas nedan, klicka på OK och gå sedan till Objekt> Expand Utseende.

Välj den resulterande formen och gör två kopior framför, och avaktivera Snap to Grid. Välj toppkopian och tryck nedåtpilen fyra gånger, välj sedan båda kopiorna och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit.


Steg 11

Aktivera Snap to Grid igen. Välj pennverktyget (P), dra tre vertikala vägar och placera sedan som visas i den första bilden. Lägg till 1pt stroke för dessa vägar och sätt dess färg vid R = 39, G = 170, B = 225.

Gruppera dem (Command + G). Välj den vita formen som skapades i föregående steg, gör en kopia och ta den framåt (Skift> Kommando + Höger fästnyckel). Välj den här färska vita formen tillsammans med den färska gruppen och gå till panelen Transparens. Öppna menyn Fly-out och klicka på Make Opacity Mask.


Steg 12

Återställ munnen form och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och lägg sedan till en 1pt stroke. Rikta ut det mot utsidan och sätt dess färg vid R = 237, G = 147, B = 39.


Steg 13

Välj "Grin" underlagret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byta namn på det "Winking", välj sedan rätt ögonform och ta bort den. Välj Rektangelverktyget (M), skapa en form av 5 till 3px och placera den som visas.

Fyll den med R = 96, G = 57, B = 19. Gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå till Effect> Warp> Arc. Ange de data som visas nedan, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange igen uppgifterna nedan och klicka sedan på OK.


Steg 14

Välj "Blinkande" underlagret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byt namn på det "Weeping", välj sedan ögon och munkomponenter och radera dem. Välj rektangelverktyget (M), skapa två 6 till 4px former och placera dem som visas i följande bild. Fyll dem med R = 96, G = 57, B = 19. Gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå till Effect> Warp> Arc. Ange de data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.

Välj den vänstra ögonformen och gå till Objekt> Transformera> Rotera. Ange en 45 graders vinkel och klicka sedan på OK. Välj rätt ögonform och gå till Objekt> Transformera> Rotera. Ange en -45 graders vinkel och klicka sedan på OK. Återställ båda ögonformat och gå till Effekt> Stylize> Drop Shadow. Ange data som visas i den slutliga bilden och klicka sedan på OK.


Steg 15

Håll fokus på "Weeping" -lagret. Välj Ellipse Tool (L), skapa en form av 16 till 7px och placera den som visas. Fyll den med R = 96, G = 57, B = 19, och gå till Effect> Warp> Arch. Ange data som visas nedan, klicka på OK och gå sedan till Objekt> Expand Utseende.

Välj den resulterande formen, gör två kopior framför, och inaktivera Snap to Grid. Välj den översta kopian och slå upp pilen tio gånger. Återmarkera båda kopiorna och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med vit.


Steg 16

Aktivera Snap to Grid igen. Välj pennverktyget (P), dra tre vertikala vägar och placera sedan som visas i den första bilden. Lägg till 1pt stroke för dessa vägar och sätt dess färg vid R = 39, G = 170, B = 225. Gruppera dem (Command + G). Välj den vita formen som skapades i föregående steg, gör en kopia och ta den framåt (Skift> Kommando + Höger fästnyckel). Välj den här färska vita formen tillsammans med den färska gruppen och gå till panelen Transparens. Öppna menyn Fly-out och klicka på Make Opacity Mask.


Steg 17

Återställ munnen form och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och lägg sedan till en 1pt stroke. Rikta ut det mot utsidan och sätt färgen till R = 237, G = 147, B = 39.


Steg 18

Välj Ellipse Tool (L), skapa en 4 till 4px form och fyll den med R = 39, G = 170, B = 255. Välj Convert Anchor Point Tool (Shift + C) och klicka på den nedre ankarpunkten. Detta gör att din cirkel ser ut som den andra bilden. Välj direktmarkeringsverktyget (A), välj nedre ankarpunkten och flytta det 2px neråt. Nu fokuserar du på vänster och höger ankarpunkter. Använd samma verktyg för att dra handtagen 1px neråt.


Steg 19

Välj den form som skapades i föregående steg och gå till Effekt> Varp> Arc. Ange data som visas nedan, klicka på OK och gå sedan till Objekt> Expand Utseende. Duplicera den resulterande formen. Rotera dessa två blå former och placera dem som visas. Slutligen lägg till en 0,5pt stroke för båda dessa former. Rikta in den till insidan och sätt färgen till R = 28, G = 117, B = 188.


Steg 20

Välj "Glad" underlagret, gör en kopia och flytta den till toppen av lagpanelen. Låt oss fokusera på detta färska underlag. Först byt namn på "Love", välj sedan ögonformer och ta bort dem. Gå till symbolpanelen (Fönster> Symboler), öppna menyn för utflyttning och gå till Öppna Symbolbibliotek> Webbikoner. Ett fönster med en uppsättning symboler borde öppnas.

Välj symbolen "Favorit", dra den på din tavla och gå till Objekt> Expand. Fokusera på den resulterande formen. Välj först Direct Selection Tool (A), välj de ankarpunkter som markeras i den andra bilden och tryck på Delete-knappen. Nu ska hjärtat se ut som den tredje bilden.

Därefter måste du lägga till en diskret runda effekt för den nedre ankarpunkten. Du behöver Round Any Corner Script. Spara det på hårddisken, välj den nedre ankarpunkten med Direct Selection Tool (A) och gå sedan till Arkiv> Skript> Andra skript. Öppna Round Any Corner Script, skriv in en 7px Radius och klicka på OK. Fyll den resulterande formen med R = 242, G = 41, B = 17. Till slut borde det se ut som den fjärde bilden.


Steg 21

Välj den form som gjordes i föregående steg och duplicera den. Välj dessa två hjärtformer, ändra storlek på dem och placera dem som visas. Gå nu till Effect> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och lägg sedan till en 0,75pt stroke. Rikta in det på insidan och sätt färgen till R = 190, G = 30, B = 45.


Steg 22

Välj "Love" -klassret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byt namn på det "Överraskning", välj sedan ögon- och munkomponenterna och ta bort dem. Välj rektangelverktyget (M), skapa en form av 10 x 5px och placera den enligt bilden nedan. Fyll den med R = 96, G = 57, B = 19. Gå sedan till Effect> Stylize> Rounded Corners. Ange en 3px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 23

Välj Ellipse Tool (L), skapa två 8 med 8px former, och placera dem som visas i den första bilden. Fyll dem med R = 241, G = 242, B = 242 och lägg till 1pt slag. Rikta ut det mot utsidan och sätt dess färg vid R = 237, G = 147, B = 39.

Återmarkera båda cirklarna och gå till Effekt> Stylize> Drop Shadow. Ange data som visas i den första bilden och klicka på OK. Återigen, välj Ellipse Tool (L) och skapa två 2 med 2px former. Fyll dem med R = 96, G = 57, B = 19, och placera dem som visas i den andra bilden.


Steg 24

Välj pennverktyget (P), dra två vertikala vägar (6px långa) och placera dem enligt bilden nedan. Lägg till 1pt slag för båda dessa vägar, sätt färgen på R = 237, G = 147, B = 39 och gå till Stroke-panelen (Fönster> Stroke).

Klicka på knappen Round Cap och gå till Effect> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och välj sedan bara den vänstra sökvägen. Gå till Effect> Warp> Arc, ange data som visas nedan, klicka på OK och välj sedan rätt sökväg. Återgå till Effect> Warp> Arc, ange data som visas nedan och klicka sedan på OK.


Steg 25

Välj "Love" -klassret, gör en kopia och flytta det längst upp i panelen Lager. Låt oss fokusera på detta färska underlag. Först byt namn på det "Blushing", välj sedan ögonkomponenter och radera dem. Välj rektangelverktyget (M), skapa två 4 x 6px-former, och placera dem som visas i följande bild. Fyll dem med R = 96, G = 57, B = 19, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 26

Plocka pennverktyget (P), dra två horisontella banor (4px långa) och placera dem enligt bilden nedan. Lägg till 1pt slag för båda dessa vägar, sätt färgen på R = 96, G = 57, B = 19 och gå till Stroke-panelen. Klicka på knappen Round Cap och gå till Effect> Stylize> Drop Shadow. Ange data som visas nedan, klicka på OK och gå sedan till Effekt> Varp> Arc. Ange igen de uppgifter som visas nedan och klicka på OK.


Steg 27

Välj ellipseverktyget (L), skapa två 5 till 5 px former och placera dem som visas. Fyll dem med R = 237, G = 28, B = 36 och gå till Effect> Blur> Gaussian Blur. Ange en 2px radie och klicka på OK.


Steg 28

Välj "Blushing" -klassret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byt namn på det "Sick", och ta sedan bort ögonen och munkomponenterna. Nu måste du ändra färgen på hela ansiktet.

Gå till Utseendepanelen och fokusera på den första fyllningen. Byt den gula med R = 171, G = 223, B = 35, öppna sedan Inner Glow-effekten och byt ut den befintliga färgen med den som visas nedan. Flytta till den andra fyllningen och ersätt den befintliga gradienten med den som visas. Slutligen, välj stroke och ersätt den befintliga färgen med R = 57, G = 181, B = 74.


Steg 29

Låt oss fortsätta med ögonen. Välj Rektangelverktyget (M), skapa två 4 x 8px-former, och placera det enligt bilden nedan. Fyll dem med R = 0, G = 104, B = 56, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 30

Välj pennverktyget (P), dra två vertikala vägar (6px långa) och placera dem enligt bilden nedan. Lägg till 1pt slag för båda dessa vägar, sätt färgen på R = 0, G = 104, B = 56 och gå till Stroke-panelen (Fönster> Stroke). Klicka på knappen Round Cap och gå till Effect> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och välj sedan bara den vänstra sökvägen. Gå till Effect> Warp> Arc, ange data som visas nedan, klicka på OK och välj sedan rätt sökväg. Återigen, gå till Effect> Warp> Arc, skriv in uppgifterna nedan och klicka på OK.


Steg 31

Välj rektangelverktyget (M), skapa en form av 6 till 4px och placera den enligt bilden nedan. Fyll den med R = 0, G = 104, B = 56, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 32

Återigen väljer du Pen Tool (P), ritar två vertikala vägar (6px långa) och placerar dem som visas. Lägg till 1pt slag för båda dessa vägar, sätt färgen på R = 0, G = 104, B = 56 och gå till Stroke-panelen (Fönster> Stroke). Klicka på knappen Round Cap och gå till Effect> Stylize> Drop Shadow.

Ange de data som visas nedan, klicka på OK och välj sedan bara den vänstra sökvägen. Gå till Effect> Warp> Arc, ange data som visas nedan, klicka på OK. Välj nu rätt väg. Återigen, gå till Effect> Warp> Arc, skriv in uppgifterna nedan och klicka på OK.


Steg 33

Välj "Sick" -lagret och gör en kopia framför. Låt oss fokusera på detta färska underlag. Först byt namn på det "Angry", ta sedan bort ögonen och munkomponenterna. Återigen måste du ändra färg på hela ansiktet. Nedanför har du all information du behöver.


Steg 34

Välj rektangelverktyget (M), skapa en form av 12 till 4px, och placera den enligt bilden nedan. Fyll den med R = 60, G = 36, B = 21, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 35

Låt oss fortsätta med ögonen. Välj Rektangelverktyget (M), skapa två 4 x 8px-former, och placera det enligt bilden nedan. Fyll dem med R = 60, G = 36, B = 21, gå sedan till Effect> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå sedan till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 36

Plocka pennverktyget (P), dra de två banorna som visas nedan och placera dem enligt bilden nedan. Lägg till 1pt slag för båda dessa vägar, sätt färgen på R = 0, G = 104, B = 56 och gå till Stroke-panelen (Fönster> Stroke). Klicka på knappen Round Cap och gå till Effect> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.


Steg 37

Välj Rektangelverktyget (M), skapa en 2 x 5px-form och fyll i R = 0, G = 104, B = 56. Välj Direktmarkeringsverktyget (A), välj nedre ankarpunkter och gå till Objekt> Path> Average. Kontrollera båda och klicka på OK. Detta gör din rektangel till en ganska skarp triangel. Välj den och gå till Effekt> Stylize> Rounded Corners. Ange en 1px radie, klicka på OK och gör sedan tre kopior. Rotera dem och placera dem som visas i den slutliga bilden.


Slutsats

Symbolen för sista uttryckssymbolen är nedan.