Så här skapar du designdesign påsk ikoner i Adobe Illustrator

Vad du ska skapa

Påsk är en härlig vårlov, som är känd för sin tradition för att måla ägg. Det är vanligtvis förknippat med mjuka, levande färger och en fjäderstämning. I denna handledning går vi igenom en beskrivande process för att skapa platta påskikoner, med hjälp av grundläggande former, Pathfinder-panelen och några av de nya Adobe Illustrator-verktygen.

Förutom att göra påsk ikoner, kan dessa tekniker användas för att skapa alla typer av platta ikoner eller platta banderoller också. 

Om du är intresserad kan du köpa dessa ikoner och många andra som en del av en påskikon som sätts på GraphicRiver.

1. Gör festliga påskäggsikoner

Steg 1

Låt oss börja med att göra äggets botten. Ta Ellipsverktyg (L) och gör en 70 x 70 px cirkel. Välj dess sidoförankringspunkter med Direktmarkeringsverktyg (A) och dra dem ner en bit, vilket gör att botten av formen bultade. Välj sedan den övre ankarpunkten och dra upp den, vilket gör att äggets spets spetsas.

Steg 2

Vi använder en ljus vårpalett med mjuka färger som du kan hämta direkt från skärmdumpen nedan med Eyedropper Tool (I) medan du håller Flytta nyckel-.

Fyll grunden på ägget med gult och håll ett kopiera i ryggen (Control-C> Control-B), som vi kanske behöver det senare.

Låt oss nu skildra den dekorativa prydnaden ovanför ägget. Ta Rektangelverktyg (M) och gör en 70 x 15 px blå form.

Steg 3

Ta Linjesegmentverktyg (\), håll Flytta och gör en horisontell form med rosa Stroke av 3 pt slagvikt.

Låt oss anpassa alla former till ägget. Välj allt (Kontroll-A) och klicka på ägget medan du håller Alt för att göra det en Nyckelobjekt (du ser ett tjockt urval runt det). Gå till Justera panel och klicka Horisontell inriktning Center.

Steg 4

Låt oss nu ändra den rosa linjen. Välj det och gå till Effekt> Förvräng & Transformera> Zig Zag. Ställ in Storlek till 5 px, Ridges per segment till 7 och Points till Slät.

Objekt> Expand formen att tillämpa effekten.

Steg 5

Lägg till en annan rektangel till äggets botten och fyll den med grön färg. Låt oss nu ta bort de delar av rektanglarna utanför ägget. Vi använder ett av de nya Adobe Illustrator-verktygen: Shaper Tool (Shift-N). Ta Shaper Tool (Shift-N) och bara scribble ovanför det stycke som du vill radera. Upprepa samma sak med andra oönskade delar.

Om du arbetar med tidigare versioner av Adobe Illustrator, försök använda Formverktygsverktyg (Shift-M) istället. Det fungerar nästan detsamma - bara välj allt och klicka på de oönskade bitarna medan du håller Alt.

Vi kommer också att prova ett annat sätt att dölja de onödiga delarna några steg senare, när vi ska göra ett annat ägg.

Steg 6

Välj det modifierade ägget och Objekt> Expand Det. Välj sedan den gula mitten av ägget tillsammans med den rosa zigzagged linjen och Dela upp dem i Stigfinnare panel, bryta formen i två lika stora halvor.

Steg 7

Fyll den övre delen av den delade formen i en fin rosa färg. Ta Ellipsverktyg (L) och gör en 5 x 5 px cirkel. Håll Alt-Shift och dra cirkeln till höger och skapa ett par exemplar.

Steg 8

Nu när äggets grundvy är klar, låt oss lägga en platskugga, som täcker hälften av ägget. Grupp (Control-G) alla delar av ägget, Kopia och Klistra in på framsidan (Control-C> Control-F). Håller kopian vald, Förena det i Stigfinnare, slå samman den i en silhuett.

Rita en vertikal linje över ägget med hjälp av Linjesegmentverktyg (\). Justera linjen till äggsiletten, vilket gör ägget a Nyckelobjekt.

Håll linjen och äggsilhouetten vald, Dela upp dem i Stigfinnare.

Ta bort en av bitarna och byt den resterande halvan till Multiplicera läge, vilket gör den halvtransparent.

Steg 9

Låt oss nu göra ett annat ägg!

Vi har redan en bas, eftersom vi har gjort en kopia av det i det allra första steget. Flytta den åt sidan och fyll i orange färg. Lägg dekorativa element ovanpå och låt oss se ett annat sätt där vi kan dölja de onödiga bitarna. Duplicera den grundläggande formen igen (Control-C> Control-F) och Föra Det till framsidan (Shift-Control-)).

Välj alla element, Högerklicka och Gör Clipping Mask. Här har du det!

Steg 10

Låt oss lägga till några fler dekorativa element till ägget. Gör två 5 x 5 px cirklar ovanför den gula stripan av ägget, placera dem närmare kanterna. Välj båda cirklarna och använd antingen Blandningsverktyg (W) eller gå till Objekt> Blanda> Gör. Öppna sedan Blandningsalternativ fönster (Objekt> Blandning> Blandningsalternativ) och ställa in Mellanrum till Specificerade steg med ett värde av 3.

Objekt> Expand Blandningsgruppen och lägg till fler cirklar i övre delen av ägget och fyll dem med gul färg.

Steg 11

När du är nöjd med resultatet, lägg till en halvgenomsiktig platt skugga till hälften av ägget.

Kombinera ägget. Använd Rundad rektangelverktyg för att skapa en ljusgrön bakgrund för vår ikon.

Gör en fyrkant med Rektangelverktyg (M) och rotera det med 45 grader med Urvalsverktyg (V) medan du håller Flytta.

Fyll rektangeln med linjär gradient från ljusgrön till vit och växla den till Multiplicera blandningsläge, gör en halvtransparent lång skugga.

Steg 12

Kopiera den ljusgröna bakgrunden och placera skuggan mellan kopiorna. Använda en Clipping Mask för att dölja den oönskade delen av den långa skuggan.

Bra! Vår första ikon är klar! Låt oss gå vidare till nästa.

2. Gör en söt kaninikon

Steg 1

Göra en 70 x 70 px grå cirkel för kaninens huvud. Flytta sidoförankringspunkterna en bit ner med Direktmarkeringsverktyg (A) för att göra huvudet lite krossat.

Låt oss nu bilda öronen. Ta Ellipsverktyg (L) och gör en 15 x 50 px oval. Flytta dess sidoankare upp lite, så att övre delen av örat blir bredare. Håll formen vald, gå till Objekt> Path> Offset-sökväg och ställa in Offset värde till -5 px, lämnar alla andra alternativ som standard. På detta sätt skapar vi en mindre form för öronets inre del.

Steg 2

Fyll den inre delen av året med rosa färg, gruppera båda örat och öron Skicka till Tillbaka (Shift-Control- [). Dubbelklicka de Rotera verktyg (R) för att öppna alternativfönstret och ställa in Vrid vinkeln värde till -20 grader.

Steg 3

Använd Reflekteringsverktyg (O) att vända örat över Vertikal axel och klicka Kopia för att bilda det andra örat på motsatta sidan av huvudet. Du kan gruppera båda öronen och Justera dem till huvudet, vilket gör hela uppsättningen perfekt centrerad.

Squash huvudet bas lite mer.

Steg 4

Använd Ellipsverktyg (L) för att bilda ett par mörka glansiga ögon med vita höjdpunkter och en cirkel för näsan. Ta Saxverktyg (C) och klicka på båda sidans ankarpunkter i näsan för att dela formen i två halvor.


Steg 5

Ta bort den övre halvan och vrid den återstående delen i en söt kanin näsa. Tryck X att byta Fylla och Stroke färger. Ställ in Slagvikt till 2 px och ändra Variabel breddsprofil i kontrollpanelen ovanpå. Skapa två kopior av näsan och göra dem något tunnare och lättare, bilda en mun som visas på skärmdumpen nedan.

Steg 6

Låt oss sluta med vår kanin genom att lägga små whiskers till hans huvud. Göra en 9 px horisontellt slag av 1 pt, använda Linjesegmentverktyg (\). Rotera whiskers lite och lägg dem på båda sidor av ansiktet.

Steg 7

Lägg till en platt skugga på hälften av kanins huvud, som vi gjorde tidigare. Formulera en rundad rektangel för bakgrunden och skapa en halvtransparent lång skugga för att avsluta ikonen. 

Om du känner dig svårt att lägga till en lång skugga på ett komplext objekt, kolla in följande handledning från del 7, steg 1 och framåt för att ta reda på hur du ger vår långa skugga önskad form.

Där har du det! Låt oss flytta till nästa ikon!

3. Gör en söt kycklingikon

Steg 1

Den här gången kommer vi att skildra en rolig liten kyckling som poppar ut ur ägget. Först och främst gör du ett randigt ägg med några randar eller andra dekorativa element efter dina önskemål, med hjälp av de tekniker som vi har lärt oss i tidigare steg.

Vi måste ta bort den övre delen av ägget och skapa en knäckt kant. Håll en kopia av äggets bas någonstans i botten, för vi behöver det senare för att bilda vår kyckling.

Gör en horisontell linje över ägget och applicera Effekt> Förvräng & Transformera> Zig Zag. Ställ in Storlek till 4 px, Ridges per segment till 7 och Pekar på hörnet för att göra de sprickade kanterna skarpa.

Steg 2

Objekt> Expand den zigzagged linjen och placera den över ägget, i mitten av den. Kopia äggets blå botten, Klistra in på framsidan (Control-C> Control-F) och Föra det hela vägen till framsidan (Shift-Control-)), placera det på toppen av alla element.

Välj zigzag och äggbasen och Dela upp dem i Stigfinnare. Ta bort den övre delen av den delade formen.

Slutligen, välj allt, Högerklicka och Gör Clipping Mask. Bra! Det krackade stycket av ägget är klart. Låt oss lägga en kyckling i den.

Steg 3

Reveal kopian av äggbasen som vi har skapat tidigare och fyll den med mild gul färg för kycklingens kropp. Krymp formen till 60 x 75 px, gör det mindre. Välj sidorankeringspunkterna med Direktmarkeringsverktyg (A) och dra dem upp lite, vilket gör kycklingrundaren.

Steg 4

Ta Polygon Tool och enkelklick var som helst på Artboard för att öppna popup-alternativfönstret. Göra en 15 x 10 px triangel för näbben och fyll den med orange färg.

Kombinera två trianglar för att bilda en näbb och squash dem för att bilda rätt form. Glöm inte att lägga till ett par glänsande ögon. Vi kan kopiera dem från vår kaninikon.

Steg 5

Lägg till ett par ovala vingar med hjälp av Ellipsverktyg (L). Placera kopian av kycklingens kropp ovanför vingarna och Gör Clipping Mask att dölja de onödiga elementen inuti masken.

Steg 6

Avsluta ikonen genom att lägga till alla nödvändiga element som skuggor och bakgrund. Grymt bra!

Låt oss gå vidare till vår sista ikon och avsluta vår påsksats!

4. Gör en presentförpackningsikon

Steg 1

Låt oss börja utforma vår ruta från en 60 x 40 px grön rektangel. Forma en topp av lådan från a 65 x 15 px orange rektangel.

Steg 2

Låt oss nu skapa ett band över lådan. Välj båda delarna av lådan och kom ihåg formens ömsesidiga höjd. Du kan hitta den i Omvandla panel. I vårt fall är det 55 px. Gör ett blått band av 5 x 55 px storlek, placera den rätt i mitten av lådan. Lägg till en mindre 5 x 15 px buntband på toppen av lådan, fyller den med mörkare blå färg.

Steg 3

Använd Penna verktyg (N) att göra en båge med blå Stroke av 2 pt Vikt.

Steg 4

Låt oss dekorera vår låda med lite prydnad eller mönster. Kopia basen av lådan och Klistra Det i fronten (Control-C> Control-F). 

Gå till rutor~~POS=HEADCOMP panel, öppna Menyn Swatch Libraries> Mönster> Grundläggande grafik> Basic Graphics_Lines. Hitta 10 lpi 30% swatch och klicka för att applicera ett mönster med horisontella linjer.

Steg 5

Håller den texturerade formen vald, dubbelklicka de Rotera verktyg (R) och ställa in Vinkel till 45 grader. Avmarkera Transformera objekt kryssrutan och klicka ok, ändrar riktningen av ränderna.

Steg 6

Låt oss ändra randens färg så att de matchar vår övergripande palett. Dubbelklicka det applicerade mönstret i rutor~~POS=HEADCOMP panel för att isolera den i Mönsterläge. Applicera en ljusgrön färg på Strokes i Färg panel och klicka Gjort i övre delen av arbetsområdet.

Steg 7

Avsluta ikonen genom att lägga till djup med hjälp av skuggorna och den enkla bakgrunden.

Vår uppsättning ikoner är färdig! Glad påsk!

grattis! Vi har gjort ett bra jobb, lär dig hur du använder Shaper Tool och hur du använder arbete med grundläggande former och Pathfinder-panelen. Vi kan använda dessa enkla tekniker för att utöka vår uppsättning och skapa mer festliga platta påsk ikoner!

Om du är intresserad kan du köpa dessa ikoner och många andra som en del av en påskikon som sätts på GraphicRiver.