Yum! Hoe maak je een stapel pannenkoeken met stroop in Adobe Illustrator

Wat je gaat creëren

In deze tutorial leert u hoe u een stapel heerlijke pannenkoeken kunt tekenen met siroop en bosbessen in vectorvorm. 

We beginnen met de basisvorm van een pannenkoek en gaan verder met de textuur waarvoor je verschillende technieken, effecten en penselen gebruikt om zo realistisch mogelijk te komen. Vervolgens is het de witte plaat en daarna draait het allemaal om het stapelen van die heerlijke pannenkoeken. 

Voor de siroop, gebruikt u een combinatie van overvloeimodi om het goudkleurig en semi-transparant te maken, samen met penseelstreken om het glanzend te maken. Aan het einde decoreren we de stapel pannenkoeken met bosbessen die getekend zijn met behulp van de optie Verloopgaas, wat altijd de beste keuze is als je een realistische look wilt. Laten we beginnen met het plezier!

Als je in het algemeen trek hebt naar meer voedselpictogrammen of vectorpictogrammen, ga dan naar GraphicRiver en je zult zeker vinden wat je zoekt.

1. Hoe een nieuw document te openen 

Lancering Illustrator en ga naar Bestand> Nieuw om een ​​leeg document te openen. Typ een naam voor uw bestand, stel de afmetingen in en selecteer pixels zoals eenheden en RGB zoals Kleur mode. Zeker weten dat Lijn nieuwe objecten uit met Pixel Grid is niet gecontroleerd.

Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1 px en terwijl je daar bent, ga je naar eenheden om ervoor te zorgen dat ze zijn ingesteld zoals in de volgende afbeelding. Ik werk meestal met deze instellingen en zij zullen je tijdens het tekenproces helpen.

2. Hoe maak je een eenvoudige pannenkoek 

Stap 1

Om de vorm van de pannenkoek te creëren, begin je met een ovaal met een grootte van ongeveer 240 x 110 px. Met de hulp van de Ankerpunttool toevoegen (+), voeg meer punten toe aan de onderkant van de ellips en ga daarna naar de Direct selectie gereedschap (A) en verplaats deze punten om de vorm een ​​beetje te vervormen. Geen pannenkoek is perfect glad aan de randen.

Maak vervolgens een vergelijkbare vorm achter de eerste, maar maak deze groter aan de onderkant om de indruk te wekken van een dikke pannenkoek.

Ik zal verwijzen naar de eerste vorm als de "topvormEn naar de tweede vorm als de "bodemvorm"Van de pannenkoek tijdens de tutorial. 

Stap 2

Terwijl de onderste vorm van de pannenkoek geselecteerd blijft, voeg je een toe Nieuwe vulling boven de eerste en gebruik dezelfde kleur. Ga naar Effect> Textuur> Texturizer en pas de hieronder getoonde instellingen toe. Stel dit Fill-kenmerk in op Overvloeimodus Zacht licht om een ​​zachte textuur op de pannenkoek te creëren. 

Stap 3

Met de onderste vorm van de pannenkoek nog steeds geselecteerd, ga naar Effect> Stileren> Innerlijke gloed en pas de getoonde instellingen toe.

Stap 4

Gebruik de Pencil Tool (N) of de Pen gereedschap (P) om een ​​pad te tekenen dat de onderkant van de pannenkoek volgt en gebruik een warme bruine kleur (1). Strijk dit pad met de Houtskool - Ruwe kunstpenseel van de Penseelbibliotheken Menu> Artistiek> Artistic_ChalkCharcoalPencil en verminder de Beroerte gewicht naar 0.25 pt (2).

Ga vervolgens naar Effect> Blur> Gaussiaanse vervaging en solliciteer een Radius van 2 px; verminder dan de ondoorzichtigheid naar 50%. Dit creëert de goudbruine rand die een gekookte pannenkoek zou moeten hebben (3).

Stap 5

Selecteer de onderste vorm van de pannenkoek en dan Kopiëren en Plak op zijn plaats (Shift-Control-V) om er een kopie van te maken. Zet deze kopie op een lijn - geen en vul niets en we gebruiken het om de randen op te schonen (1).

Selecteer deze kopie samen met de onderste vorm van de pannenkoek en de bruine rand en ga naar Object> Knipmasker> Make (Control-7). U kunt de resulterende groep een naam geven "pannenkoekbodem"(2). De topvorm van de pannenkoek blijft overal bovenop. 

3. Hoe textuur toevoegen aan de pannenkoek

Stap 1

Selecteer de bovenste vorm van de pannenkoek en voeg een nieuwe vulling toe boven de eerste met dezelfde kleur. Pas de Texturizer effect zoals eerder om die zachte textuur te creëren. Stel dit Fill-kenmerk in op Overvloeimodus Zacht licht.

Stap 2

Trek een ellipsvorm in het midden van de pannenkoek en vul deze met de getoonde radiale gradiënt (1). Gebruik a om de randen glad te strijken 5 px Gaussiaans vervagen en zet daarna deze ellips op Mengmodus Vermenigvuldigen en 75% dekking (2). 

Stap 3

Het is tijd om de buitenste goudbruine rand te creëren die een gekookte pannenkoek zou moeten hebben. Neem de Pencil Tool (N) of de Pen gereedschap (P) en trek korte paden langs de buitenrand van de pannenkoek (1). Maak voordat u verder gaat kopieën van de paden voor later gebruik.

Strijk al deze paden met de Houtskool-dikke kunstpenseel van de Penseelbibliotheken Menu> Artistiek> Artistic_ChalkCharcoalPencil en verminder de Beroerte gewicht naar 0.75 pt (1). Gebruik een warme bruine kleur en je ziet het resultaat in de afbeelding hieronder (2).

Om eerst de bruine rand glad te strijken, eerst Groep (Control-G) al deze paden en pas dan een toe 2 px Gaussiaans vervagen voor de hele groep (3). 

Stap 4

Pak de kopieën van de paden uit de vorige stap en lijn ze af met de Houtskool-dikke kunstpenseel opnieuw maar verminder de Beroerte gewicht naar 0,5 pt en gebruik een koelere tint bruin. We passen het Gaussiaanse vervaging effect deze keer dus gewoon Groep (Control-G) alle paden. 

Stap 5

Neem nu de Pencil Tool (N) en teken een willekeurig cirkelvormig pad over de pannenkoek (1). Strijk het met de Inktpatronen verstrooiingspenseel van de Penseelbibliotheken Menu> Artistiek> Artistic_Ink en verminder de Beroerte gewicht naar 0.25 pt. Ga vervolgens naar de Verschijning paneel, open de Lijn opties venster en verander enkele van de instellingen zoals hieronder aangegeven. Het doel is om een ​​groot aantal kleine vlekjes te krijgen over het hele oppervlak van de pannenkoek (2).

Gebruik een warme bruine kleur als de streek en stel vervolgens dit pad in Overvloeimodus Kleur Branden en 20% dekking (3). 

Stap 6

Teken een ander willekeurig cirkelvormig pad over de pannenkoek met behulp van de Pencil Tool (N). Strijk het met de Inktpatronen verstrooiingspenseel opnieuw en verminder de Beroerte gewicht naar 0.25 pt, maar gebruik deze keer een lichtgele kleur (1). Stel dit pad in op Overlay met overvloeimodus en 20% dekking (2).

Stap 7

Neem vervolgens de Pen gereedschap (P) en trek een recht pad over de pannenkoek. Strijk het met de Chalk Art Brush van de Penseelbibliotheken Menu> Artistiek> Artistic_ChalkCharcoalPencil en verhoog de Beroerte gewicht naar 5 pt om grotere stukken textuur te krijgen (1). Stel dit pad in op Overvloeimodus Zacht licht en 75% dekking (2). 

Stap 8

Het is eindelijk tijd om alles te maskeren. Selecteer de bovenste vorm van de pannenkoek en dan Kopiëren en Plak op zijn plaats (Shift-Control-V) om er een kopie van te maken. Stel deze kopie in op stroke-none en fill-none.

Selecteer deze kopie samen met de bovenste vorm van de pannenkoek en alle textuurpaden die in dit gedeelte van de zelfstudie zijn gemaakt en ga naar Object> Knipmasker> Make (Control-7).

Op dit punt zou je de "pannenkoekbodem"Groep en de nieuwe groep"pannekoek top" in de Verschijning paneel. Dit zijn de twee hoofdonderdelen waaruit je eerste pannenkoek bestaat.

4. Hoe een witte plaat te maken

Stap 1

Om de plaat te maken, begin je met een witte ellips 410 x 190 px. Teken daarna een nieuwe ellips gevuld met grijs en verzend deze achter de eerste. 

Stap 2

Ga naar als de twee ellipsen geselecteerd blijven Object> Blend> Mengopties, Kiezen Gladde kleur en druk op OK. Ga terug naar Object> Blend> Make (Alt-Control-B) daarna. 

Stap 3

Trek een nieuwe witte ellips aan de voorkant om de rand van de plaat te slijpen zoals aangegeven in de onderstaande afbeelding. 

Stap 4

Teken andere twee ellipsen, vul ze met de aangegeven kleuren en rangschik ze zoals in de volgende afbeelding. Meng ze daarna zoals u eerder deed om een ​​soepele overgang tussen beide te krijgen.

Stap 5

Teken twee nieuwe ellipsen, vul ze met de aangegeven kleuren en rangschik ze zoals getoond in de onderstaande afbeelding. Mix ze daarna zoals u eerder deed en markeer de onderkant van de plaat.

Stap 6

Selecteer nu de laatste twee menggroepen vanuit het midden van de plaat en Groep (Control-G) hen. Verminder de ondoorzichtigheid van de resulterende groep naar 50%.

Stap 7

Laten we de schaduw onder de plaat maken. Neem de Ellipse Tool (L) opnieuw en teken twee nieuwe ellipsen in een nieuwe laag achter de plaat. Vul de kleinere met grijs en de grotere met wit en plaats ze op de linkeronderkant van je bord.

Meng de twee ellipsen zoals u eerder deed om de vloeiende overgang tussen beide te verkrijgen. Stel de Overvloeimodus van de resulterende menggroep aan Vermenigvuldigen (wit wordt transparant). U kunt de dekking ook verkleinen als dat nodig is. 

5. Hoe de stapel pannenkoeken te maken

Stap 1

Groep (Control-G) alle vormen die deel uitmaken van de eerste pannenkoek en verplaats deze op het bord. Schaal de plaat indien nodig (1).

Selecteer nu alleen de onderste vorm van de pannenkoek en dan Kopiëren en Plak op zijn plaats (Shift-Control-V) om er een kopie van te maken. Verplaats deze kopie achter de pannenkoekgroep en vul deze met een donkerdere tint bruin. Met deze vorm nog steeds geselecteerd, drukt u op Pijl-omlaag toets twee keer op uw toetsenbord om het te verplaatsen 2 px naar beneden (2).

Ga naar Effect> Blur> Gaussiaanse vervaging en solliciteer een Radius van 2 px en verminder de ondoorzichtigheid naar 25%. Hierdoor ontstaat de schijn van een vloeiende schaduw onder de pannenkoek (3).

Stap 2

Maak nog een kopie van de onderste vorm van de pannenkoek op dezelfde manier als je eerder deed, en verplaats deze dan achter de pannenkoek (1).

Terwijl het nieuwe exemplaar geselecteerd blijft, drukt u op Pijl-omlaag eenmaal indrukken om het te verplaatsen 1 px naar beneden. Vul het met zwart en verklein de ondoorzichtigheid naar 20% (2). Geen behoefte aan vervaging, want we willen deze keer een scherpere schaduw onder de pannenkoek (3).

Stap 3

Op dit punt heb je de eerste pannenkoek op het bord. Je kunt er een kopie van maken en dan draaien en het op de bovenkant schikken om de tweede pannenkoek te krijgen. Vergeet de twee schaduwvormen onder de nieuwe pannenkoek niet.

Om het uiteindelijke beeld aantrekkelijker en realistischer te maken, tekende ik de tweede pannenkoek helemaal opnieuw met een iets andere vorm. U kunt dit ook doen, omdat het proces en alle instellingen hetzelfde blijven. 

Stap 4

Volgens dezelfde techniek kun je zoveel pannenkoeken stapelen als je wilt. Het is gemakkelijker om elke pannenkoek in een aparte laag te bewaren, samen met zijn twee schaduwvormen. 

6. Hoe de schaduw te creëren onder de stapel pannenkoeken

Stap 1

Selecteer alleen de onderste vorm van de eerste pannenkoek samen met de onderste vorm van de tweede pannenkoek en dan Kopiëren en Plak op zijn plaats (Shift-Control-V) om kopieën van beide te maken. Terwijl deze twee kopieën geselecteerd blijven, drukt u op Verenigen in de verkenner paneel om ze samen te voegen tot een enkele vorm. Verplaats de resulterende vorm naar een nieuwe laag tussen de pannenkoeken en de plaat. 

Stap 2

Terwijl de schaduwvorm nog steeds is geselecteerd, gaat u naar Effect> Stileren> Slagschaduw en pas dit effect vier keer toe. 

Hier zijn de instellingen voor de Slagschaduw bijwerkingen:

7. Hoe de siroop op de stapel pannenkoeken te maken

Stap 1

Voeg eerst een nieuwe laag toe boven de pannenkoeken en noem die "siroop”. Pak nu de Pen gereedschap (P) en teken de vorm van de druipende siroop. Dit zal enige tijd duren, maar maak aanpassingen terwijl je doorgaat totdat je tevreden bent met het eindresultaat (1).

Vul deze vorm met bruin; ga dan naar Effect> Stileren> Innerlijke gloed en pas de getoonde instellingen toe. Stel de Overvloeimodus naar Zacht licht om de semi-transparante look te krijgen. (2).

Stap 2

Kopiëren en Plak aan de voorkant (Control-F) de siroopvorm en verander de vulkleur in een warmere bruine tint. Laat de andere instellingen zoals ze zijn. Hierdoor ziet de siroop er meer goudkleurig uit.

Stap 3

Focus nu op de siroop die op de plaat valt en teken twee kleinere vormen met de Pen gereedschap (P). Stuur ze achter de siroopvorm en vul ze met de getoonde radiale gradiënt. Gebruik a om de randen glad te strijken 2 px Gaussiaans vervagen en verminder dan de ondoorzichtigheid naar 35%

Stap 4

Op dit punt kun je meer siroop toevoegen om het uiterlijk te creëren van lagen die over de pannenkoeken stromen, dus teken twee nieuwe vormen (of meer) zoals in de onderstaande afbeelding. Pas dezelfde instellingen toe als voor de grote siroopvorm (1).

Kopiëren en Plak aan de voorkant (Control-F) deze twee vormen en kies dan een warmere tint bruin als vulkleur, net zoals je eerder deed, terwijl je de andere instellingen hebt behouden (2).

Stap 5

Selecteer de grote siroopvorm en vervolgens Kopiëren en Plak op zijn plaats (Shift-Control-V) om er een kopie van te maken. Verwijder alle bestaande verschijningen en selecteer een vulkleur (1).

Kopiëren en Plakken op de rug (Control-B) de blauwe vorm en verplaats deze 2 px naar links door op te drukken Linker pijl toets twee keer op uw toetsenbord. Kies een andere vulkleur, zodat u de twee nieuwe vormen beter kunt zien (2).

Terwijl deze twee vormen geselecteerd blijven, drukt u op Minus voorkant in de verkenner paneel. Als u meerdere vormen krijgt in plaats van één, Ontkoppelen (Shift-Control-G) ze en ga dan naar Object> Samengestelde pad> Maken (Control-8). Je kunt de resulterende vorm in de afbeelding hieronder zien (3).

Stap 6

Vul de samengestelde vorm uit de vorige stap met zwart en verplaats deze achter de siroop (1). Voeg een a toe om een ​​vlotte uitstraling te krijgen 1 px Gaussiaans vervagen en stel de Overvloeimodus naar Zacht licht. Dit zorgt voor een zachte schaduw aan de linkerkant van de vloeiende siroop (2). 

Stap 7

Volg de techniek uitgelegd in de vorige twee stappen en maak de schaduw aan de linkerkant van de kleinere siroopvormen. De instellingen blijven hetzelfde. 

8. Hoe Shine op de siroop toe te voegen

Stap 1

Neem de Pen gereedschap (P) en trek een aantal willekeurige langwerpige vormen na de gegolfde randen van de siroop (1). Vul ze allemaal met lichtgeel en breng dan a aan 2,2 px Gaussiaans vervagen (2). Beperk de dekking voor sommige ervan indien nodig en Groep (Control-G) alle vormen aan het einde.

Stap 2

Gebruik de Pen gereedschap (P) opnieuw en teken een aantal korte paden boven de wazige uit de vorige stap (1). Beroer ze allemaal met de Black Blend Art Brush uit een andere tutorial van mij Hoe maak je een set multi-use blendborstels (stap 5.2) speciaal voor het mixen van penselen en hoe geweldig ze zijn. Ik gebruik deze penselen de hele tijd.

Sinds de colorization van de borstel is ingesteld op tinten, u kunt elke gewenste kleur kiezen en de penseelstreek wordt automatisch bijgewerkt. Kies in dit geval een heel lichtgeel en je krijgt die specifieke glans van de siroop (2). 

9. Hoe maak je een realistische Blueberry

Stap 1

Gebruik eerst de Ellipse Tool (L) om een ​​kleine te tekenen 35 x 35 px cirkel (1). Terwijl de cirkel geselecteerd blijft, gaat u naar Object> Verloopnet maken en kies 5 rijen en 5 kolommen. Als een resultaat krijg je de mazen en alle maaspunten (2).

Elk van deze netpunten kan worden gekleurd met een andere tint blauw om een ​​realistischer uiterlijk te verkrijgen. Je zult alle kleuren vinden in de Stalen paneel in het bijgevoegde Illustrator-bestand als u het downloadt (3). Je kunt het eindresultaat zien in de afbeelding hieronder (4). 

Stap 2

Met de hulp van de Pen gereedschap (P) teken een afgeronde vorm op de bosbes en vul deze met de weergegeven radiale kleurovergang. Teken daarna een kleine cirkel in het midden en vul deze met het andere radiale verloop. 

Stap 3

Gebruik de Pen gereedschap (P) opnieuw om vijf bloemblaadjesachtige vormen te tekenen rond de vorige vormen. Vul ze allemaal met de getoonde radiale gradiënt.

Groep (Control-G) alle vormen die deel uitmaken van de bosbes en verplaats deze bovenop de stapel pannenkoeken. 

Stap 4

Neem de Ellipse Tool (L) en teken een ellips over de grootte van de bosbes gevuld met wit (1). Teken een kleinere ellips gevuld met grijs boven de eerste, zoals weergegeven in de afbeelding hieronder (2).

Terwijl de twee vormen geselecteerd blijven, ga naar Object> Blend> Mengopties en kies Gladde kleur. Raken OK en ga dan terug naar Object> Blend> Make (Alt-Control-B). Stel de Overvloeimodus van de resulterende menggroep aan Vermenigvuldigen (wit wordt transparant) en verzend het achter de bosbes (3). Verlaag zonodig de dekking van de schaduw. 

Stap 5

Maak kopieën van de bosbes en voeg zoveel toe als je wilt op de pannenkoeken. Maak de schaduw onder elke bosbes zoals uitgelegd in de vorige stap. 

Gefeliciteerd, je bent klaar!

De stapel pannenkoeken is klaar. Ik wou dat we ze konden eten omdat ze er heerlijk uitzagen. Als je ze opnieuw maakt, vergeet dan niet je definitieve afbeelding met ons te delen.

Je kunt me ook laten weten wat je favoriete eten is en misschien zal ik het in de toekomst tekenen.