Yum! Hur man skapar en stapel pannkakor med sirap i Adobe Illustrator

Vad du ska skapa

I denna handledning lär du dig att rita en bunt av läckra pannkakor med sirap och blåbär i vektorform. 

Vi börjar med den grundläggande formen av en pannkaka och fortsätter med strukturen för vilken du kommer att använda olika tekniker, effekter och borstar för att komma så nära realistiska som möjligt. Därefter är det den vita plattan, och därefter handlar det om att stapla de här läckra pannkakorna. 

För sirap, kommer du att använda en kombination av blandningslägen för att göra den gyllene och halvgenomsynliga tillsammans med penselsträngar för att göra den blankt. I slutet ska vi dekorera stapeln pannkakor med blåbär ritade med hjälp av Gradient Mesh alternativet, vilket alltid är vägen att gå om du vill ha ett realistiskt utseende. Låt oss börja roligt!

Om du är hungrig efter fler matikoner eller vektorikoner i allmänhet, hoppar du över till GraphicRiver och du hittar säkert vad du letar efter.

1. Så här öppnar du ett nytt dokument 

Lansera Illustratör och gå till Fil> Ny för att öppna ett tomt dokument. Skriv ett namn på din fil, ställ in dimensionerna och välj pixlar som Enheter och RGB som Färg läge. Se till att Justera nya objekt till pixelnätet är inte markerad.

Därefter, gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1 px och samtidigt, gå till Enheter för att se till att de är inställda som i följande bild. Jag brukar arbeta med dessa inställningar och de hjälper dig under hela ritningsprocessen.

2. Hur man skapar en grundläggande pannkaka 

Steg 1

För att skapa formen av pannkaka, börja från en ellips med en storlek på ca 240 x 110 px. Med hjälp av Lägg till Anchor Point Tool (+), lägg till fler poäng längst ner i ellipsen och därefter växla till Direktmarkeringsverktyg (A) och flytta dessa punkter för att snedvrida formen lite. Ingen pannkaka är helt slät på kanterna.

Skapa sedan en liknande form bakom den första, men gör den större i botten för att ge intrycket av en tjock pannkaka.

Jag kommer att referera till den första formen som "toppform"Och till den andra formen som"botten form"Av pannkaka i hela handledningen. 

Steg 2

Medan pannkakans bottenform hålls valda, lägg till en Ny fyllning över den första och använd samma färg. Gå till Effekt> Textur> Texturizer och använd de inställningar som visas nedan. Ange detta Fill-attribut till Blendingläge Mjukt ljus för att skapa en mjuk konsistens på pannkaka. 

Steg 3

Med den bakre formen av pannkaka som fortfarande valts, gå till Effekt> Stylize> Inner Glow och använd de visade inställningarna.

Steg 4

Använd Penna verktyg (N) eller den Penverktyg (P) Att rita en bana efter pannkakans nederkant och använd en varm brun färg (1). Slå in den här vägen med Charcoal - Rough Art Brush från Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil och minska Slagvikt till 0,25 pt (2).

Därefter, gå till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a Radie av 2 px; minska sedan Opacitet till 50%. Detta kommer att skapa den guldbruna kanten som en kokt pannkaka skulle ha (3).

Steg 5

Välj pannkakans nedersta form och sedan Kopia och Klistra in på plats (Shift-Control-V) för att göra en kopia av den. Ställ in denna kopia till stroke-none och fill-none och vi använder den för att rengöra kanterna (1).

Välj nu den här kopian tillsammans med pannkakans och den bruna kanten och gå till Objekt> Clipping Mask> Make (Control-7). Du kan namnge den resulterande gruppen "pannkaka botten"(2). Pannkakans toppform kvarstår på toppen av allt. 

3. Hur man lägger till textur på pannkaka

Steg 1

Välj pannkakans toppform och lägg till en ny fyllning över den första med samma färg. Applicera texturizer effekt som tidigare för att skapa den mjuka strukturen. Ange detta Fill-attribut till Blendingläge Mjukt ljus.

Steg 2

Rita en ellipsform i mitten av pannkaka och fyll den med den radiella gradienten som visas (1). För att släta ut kanterna, applicera a 5 px Gaussian Blur och därefter sätta denna ellips till Blandningsläge Multiplicera och 75% opacitet (2). 

Steg 3

Det är dags att skapa den yttre guldbruna kanten som en kokt pannkaka skulle ha. Ta Penna verktyg (N) eller den Penverktyg (P) och dra korta vägar efter pannkakans ytterkant (1). Innan du fortsätter gör du kopior av banorna för senare användning.

Slå in alla dessa vägar med Träkolt konstborste från Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil och minska Slagvikt till 0,75 pt (1). Använd en varm brun färg, och du kan se resultatet i bilden nedan (2).

För att släta ut den bruna kanten, först Grupp (Control-G) alla dessa vägar och tillämpa sedan a 2 px Gaussian Blur till hela gruppen (3). 

Steg 4

Ta tag i kopiorna av banorna från föregående steg och slå dem med Träkolt konstborste igen men minska Slagvikt till 0,5 pt och använd en kallare nyans av brun. Vi kommer inte att tillämpa Gaussisk suddighet effekten denna gång så bara Grupp (Control-G) alla vägar. 

Steg 5

Ta nu Penna verktyg (N) och dra en slumpmässig cirkelväg över pannkaka (1). Slå på det med Ink Splats Scatter Brush från Penselbibliotek Meny> Konstnärligt> Konstnärligt och minska Slagvikt till 0,25 pt. Gå sedan till Utseende panel, öppna Stroke Options fönstret och ändra några av inställningarna enligt nedan. Syftet är att få en mängd små plåtar över hela pannkakans yta (2).

Använd en varm brun färg som stroke och sätt sedan den här vägen till Blandningsläge Färgbränning och 20% opacitet (3). 

Steg 6

Rita en annan slumpmässig cirkulär bana över pannkaka med hjälp av Penna verktyg (N). Slå på det med Ink Splats Scatter Brush igen och minska Slagvikt till 0,25 pt, men den här gången använder du en blekgul färg (1). Ställ in denna väg till Blandningslägeöverlagring och 20% opacitet (2).

Steg 7

Ta sedan nästa Penverktyg (P) och rita en rak väg över pannkaka. Slå på det med Kalkartborste från Penselbibliotek Meny> Konstnärligt> Artistic_ChalkCharcoalPencil och öka Slagvikt till 5 pt för att få större bitar av textur (1). Ställ in denna väg till Blendingläge Mjukt ljus och 75% opacitet (2). 

Steg 8

Det är äntligen dags att maska ​​allt. Välj pannkakans toppform och sedan Kopia och Klistra in på plats (Shift-Control-V) för att göra en kopia av den. Ställ in denna kopia till stroke-none och fill-none.

Välj nu den här kopian tillsammans med pannkakans toppform och alla texturvägar som skapades i det här avsnittet i handledningen och gå till Objekt> Clipping Mask> Make (Control-7).

Vid denna tidpunkt borde du ha "pannkaka botten"Grupp och den nya gruppen"pannkaka topp"I Utseende panel. Det här är de två huvuddelarna som utgör din första pannkaka.

4. Hur man skapar en vit platta

Steg 1

För att skapa plattan, börja med en vit ellips om 410 x 190 px. Därefter ritar du en ny ellips fylld med grå och skickar den bakom den första. 

Steg 2

Medan de två ellipserna är valda, gå till Objekt> Blanda> Blandningsalternativ, välja Jämn färg och slå ok. Gå tillbaka till Objekt> Blanda> Make (Alt-Control-B) efter det. 

Steg 3

Rita en ny vit ellipsa framför för att skärpa plåten på plattan enligt bilden nedan. 

Steg 4

Rita andra två ellipser, fyll dem med de angivna färgerna och ordna dem som i nästa bild. Därefter blanda dem som du gjorde tidigare för att få en smidig övergång mellan dem.

Steg 5

Rita två nya ellipser, fyll dem med de angivna färgerna och ordna dem enligt bilden nedan. Därefter blanda dem som du gjorde tidigare, och du kommer att markera botten på plattan.

Steg 6

Välj nu de två senaste blandningsgrupperna från mitten av plattan och Grupp (Control-G) dem. Minska Opacitet av den resulterande gruppen till 50%.

Steg 7

Låt oss skapa skuggan under plattan. Ta Ellipsverktyg (L) igen och dra två nya ellipser i ett nytt lager bakom plattan. Fyll den mindre med grå och den större med vit och ordna dem på den nedre vänstra sidan av din tallrik.

Blanda de två ellipserna som du gjorde tidigare för att få en smidig övergång mellan dem. Ställ in Blandningsläge av den resulterande blandningsgruppen till Multiplicera (vit blir transparent). Du kan också minska opacitet om det behövs. 

5. Hur man skapar stacken av pannkakor

Steg 1

Grupp (Control-G) alla former som utgör den första pannkaka och flytta den på tallriken. Skala plattan om det behövs (1).

Välj nu bara pannkakans nedersta form och sedan Kopia och Klistra in på plats (Shift-Control-V) för att göra en kopia av den. Flytta den här kopian bakom pannkaka gruppen och fyll sedan den med en mörkare nyans av brun. Med denna form fortfarande vald, tryck på Nedåtpil tangenten på tangentbordet två gånger för att flytta den 2 px nedåt (2).

Gå till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a Radie av 2 px och minska Opacitet till 25%. Detta kommer att skapa utseendet på en slät skugga under pannkaka (3).

Steg 2

Gör en annan kopia av pannkakans underform, precis som du gjorde tidigare, och rör sedan den bakom pannkaka (1).

Medan den nya kopian förblir vald, tryck på Nedåtpil nyckel en gång för att flytta den 1 px nedåt. Fyll den med svart och minska Opacitet till 20% (2). Inget behov av en suddighet eftersom vi vill ha en skarpare skugga under pannkaka denna gång (3).

Steg 3

Vid den här tiden har du den första pannkaka på tallriken. Du kan göra en kopia av det och rotera sedan och ordna det på toppen för att få den andra pannkaka. Glöm inte de två skuggformerna under den nya pannkakan.

För att göra den slutliga bilden mer tilltalande och realistisk, ritade jag den andra pannkakan från början med en något annorlunda form. Det kan du också göra eftersom processen och alla inställningar förblir desamma. 

Steg 4

Efter samma teknik kan du stapla så många pannkakor som du vill. Det är lättare att hålla varje pannkaka i ett separat lager tillsammans med sina två skuggformer. 

6. Hur man skapar skuggan under stacken av pannkakor

Steg 1

Välj bara den första formen av den första pannkakan tillsammans med den andra pannkakans nederkant och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra kopior av båda. Medan dessa två kopior blivit markerade trycker du på Förena i Stigfinnare panel för att slå samman dem i en enda form. Flytta den resulterande formen till ett nytt lager mellan pannkakorna och plattan. 

Steg 2

Med den skuggform som fortfarande valts, gå till Effekt> Stylize> Drop Shadow och tillämpa denna effekt fyra gånger. 

Här är inställningarna för Drop Shadow effekter:

7. Hur man skapar sirap på stacken av pannkakor

Steg 1

Lägg först ett nytt lager ovanför pannkakorna och namnge det "sirap”. Grip nu Penverktyg (P) och dra formen av droppssirapen. Det tar lite tid men gör justeringar när du går tills du är nöjd med slutresultatet (1).

Fyll denna form med brunt; sedan gå till Effekt> Stylize> Inner Glow och använd de visade inställningarna. Ställ in Blandningsläge till Mjukt ljus för att få den halvtransparanta utseendet. (2).

Steg 2

Kopia och Klistra in på framsidan (Control-F) sirapformen och byt fyllfärgen till en varmare nyans av brun. Lämna de andra inställningarna som de är. Som ett resultat kommer sirapen att se mer gyllene ut.

Steg 3

Nu fokusera på den sirap som faller på plattan och rita två mindre former med Penverktyg (P). Skicka dem bakom sirapformen och fyll dem med den radiala gradienten som visas. För att släta ut kanterna, applicera a 2 px Gaussian Blur och minska sedan Opacitet till 35%

Steg 4

Vid denna tidpunkt kan du lägga till mer sirap för att skapa utseendet av lager som flyter över pannkakorna, så dra två nya former (eller mer) som i bilden nedan. Applicera samma inställningar som tidigare för den stora sirapformen (1).

Kopia och Klistra in på framsidan (Control-F) Dessa två former och sedan välja en varmare nyans av brun som fyllfärgen precis som du gjorde tidigare samtidigt som du behåller de andra inställningarna (2).

Steg 5

Välj den stora sirapformen och sedan Kopia och Klistra in på plats (Shift-Control-V) att göra en kopia av den. Ta bort alla befintliga utseende och välj alla fyllnadsfärger (1).

Kopia och Klistra in bakåt (Control-B) den blå formen och flytta den 2 px till vänster genom att trycka på Vänster pil tangent på tangentbordet två gånger. Välj en annan fyllfärg så att du bättre kan se de två nya formerna (2).

Medan dessa två former förblir markerade trycker du på Minus Front i Stigfinnare panel. Om du får flera former istället för en, Ungroup (Shift-Control-G) dem och sedan gå till Objekt> Sammansatt sökväg> Gör (Control-8). Du kan se den resulterande formen i bilden nedan (3).

Steg 6

Fyll blandformen från föregående steg med svart och flytta den bakom sirapen (1). För att få en smidig look, använd a 1 px Gaussian Blur och ställa in Blandningsläge till Mjukt ljus. Detta kommer att skapa en mjuk skugga på vänster sida av den flytande sirapen (2). 

Steg 7

Följ den teknik som förklaras i de föregående två stegen, skapa skuggan på vänster sida av de mindre sirapformerna. Inställningarna förblir desamma. 

8. Hur man lägger sken på sirapen

Steg 1

Ta Penverktyg (P) och dra några slumpmässiga långsträckta former efter sirapsens vågiga kanter (1). Fyll dem alla med blekgult och använd sedan en 2,2 px Gaussian Blur (2). Minska opacitet för vissa av dem om det behövs och Grupp (Control-G) alla former i slutet.

Steg 2

Använd Penverktyg (P) igen och rita en massa korta vägar ovanför de suddiga i föregående steg (1). Slå in dem alla med Black Blend Art Brush från en annan övning av mig Hur man skapar en uppsättning blandningsborstar med flera användningsområden (steg 5.2) tillägnad blandningsborstar och hur bra de är. Jag använder dessa borstar hela tiden.

Sedan färgsättning av borsten är inställd på nyanser, Du kan välja vilken färg som helst, och penselsträckan uppdaterar sig själv. I det här fallet väljer du en väldigt ljusgul och du får den specifika glans av sirapen (2). 

9. Hur man skapar en realistisk blåbär

Steg 1

Använd först Ellipsverktyg (L) att rita en liten 35 x 35 px cirkel (1). Medan cirkeln förblir vald, gå till Objekt> Skapa Gradient Mesh och välj 5 rader och 5 kolumner. Som ett resultat kommer du att få masklinjerna och alla maskpunkter (2).

Var och en av dessa maskpunkter kan färgas med en annan nyans av blått för att få ett mer realistiskt utseende. Du hittar alla färger i rutor~~POS=HEADCOMP panelen i den bifogade Illustrator-filen om du laddar ner den (3). Du kan se slutresultatet i bilden nedan (4). 

Steg 2

Med hjälp av Penverktyg (P) Dra en rundad form på blåbäret och fyll den med den visade radialgraden. Därefter ritar en liten cirkel i mitten och fyller den med den andra radiella lutningen. 

Steg 3

Använd Penverktyg (P) igen för att rita fem petalliknande former runt de tidigare formerna. Fyll dem alla med den radiella gradienten som visas.

Grupp (Control-G) alla former som utgör blåbäret och flytta den på toppen av stacken av pannkakor. 

Steg 4

Ta Ellipsverktyg (L) och dra en ellips om storleken på blåbär fylld med vit (1). Rita en mindre ellipsa fylld med grå över den första, som visas i bilden nedan (2).

Medan de två formerna blivit markerade, gå till Objekt> Blanda> Blandningsalternativ och välj Jämn färg. Träffa ok och sedan gå tillbaka till Objekt> Blanda> Make (Alt-Control-B). Ställ in Blandningsläge av den resulterande blandningsgruppen till Multiplicera (vit blir transparent) och skicka det bakom blåbäret (3). Minska skuggans opacitet om det behövs. 

Steg 5

Gör kopior av blåbär och lägg till så många du vill ha på pannkakorna. Skapa skuggan under varje blåbär som förklaras i föregående steg. 

Grattis, Du är klar!

Stacken av pannkakor är klar. Jag önskar att vi kunde äta dem eftersom de ser utsökta ut. Om du återskapar dem, glöm inte att dela din slutliga bild med oss.

Du kan också låta mig veta vad som är din favoritmat och kanske kommer jag att rita den i framtiden.