Yum! Hoe maak je een Delicious Bagel Sandwich-pictogram in Adobe Illustrator

Wat je gaat creëren

Volg deze tutorial en leer hoe u een bagelsandwich-pictogram kunt maken in Adobe Illustrator. In het begin maak je de twee bagelstukken, en dan teken je alle ingrediënten voor de sandwich: stukjes sla, een plakje kaas en een plakje ham. 

Het leukste is om de bagel sandwich samen te stellen, want je kunt hier creatief worden. Het laatste is om wat sesamzaadjes bovenop te strooien met behulp van een scatterborstel. Als je zoveel van eten gerelateerde tutorials houdt als ik, laten we beginnen met het plezier!

Als u op zoek bent naar een snelstartalternatief, hebben we een verrassend grote verzameling bagelpictogrammen en -vectoren bij GraphicRiver, die u naar eigen wens kunt aanpassen!

1. Start een nieuw project

Lancering Illustrator en ga dan naar Bestand> Nieuw om een ​​leeg document te openen. Typ een naam voor uw bestand en stel de afmetingen in, selecteer pixels zoals eenheden en RGB zoals Kleur mode

Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1 px en terwijl je daar bent, ga ook 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. Maak de bagel

Stap 1

Grijp de Ellipse Tool (L) en teken twee cirkels met de aangegeven afmetingen. Terwijl u ze hebt geselecteerd, drukt u op Horizontaal centreer uitlijnen en Verticaal uitlijnen midden in de richten paneel. 

Stap 2

Terwijl de cirkels nog steeds zijn geselecteerd, gaat u naar Object> Samengestelde pad> Maken (Control-8) en vul dan de resulterende vorm met lichtbruin. Ik zal het noemen "bagel-topEn je hebt tijdens de zelfstudie extra exemplaren van deze vorm nodig.

Stap 3

Met "bagel-top"Nog steeds geselecteerd, voeg een toe Nieuwe vulling in de Verschijning paneel boven de eerste. Gebruik de getoonde radiale kleurovergang en ga naar Effect> Schets> Bas Relief en pas de instellingen toe vanaf de volgende afbeelding. Stel de Overvloeimodus naar Zacht licht

Stap 4

Voeg een ... toe Nieuwe vulling in de Verschijning paneel en gebruik de kleur bruin; stel dan de Overvloeimodus naar Zacht licht.

Stap 5

Voeg een ... toe Nieuwe vulling nogmaals en gebruik de aangegeven kleur en ga naar Effect> Schets> Notitiepapier en pas de instellingen toe vanaf de volgende afbeelding. Stel dit Fill-kenmerk in op Overlay met overvloeimodus en 15% dekking.

Stap 6

Om zich te ontdoen van de korrelige rand die wordt gegenereerd door de Notitie papier effect, we zullen een masker maken. Selecteer "bagel-top", Kopiëren en Plak aan de voorkant (Control-F) om een ​​kopie te maken en vervolgens alle bestaande verschijningen te verwijderen. Selecteer nu beide vormen en ga naar Object> Knipmasker> Make (Control-7). Geef de resulterende groep een naam "Bagel Top”.

Stap 7

Laten we het onderste stuk van de bagel maken. Maak nog een kopie van "bagel-topOp je tekengebied en gebruik het weergegeven radiale verloop om het te vullen. We hoeven niet meer details toe te voegen omdat het meeste wordt bedekt door de ingrediënten in de sandwich.

3. Maak een stuk sla

Stap 1

Grijp de Pencil Tool (N) en teken een vergelijkbare vorm door deze te vullen met de getoonde radiale kleurovergang. Gebruik de Gradient Tool (G) om de richting aan te passen, indien nodig.

Stap 2

Met de sla-vorm nog steeds geselecteerd, ga naar Object> Pad> Offsetpad en solliciteer een 1,2 px verschuiving om een ​​iets grotere vorm te krijgen. Vul deze nieuwe vorm met het getoonde lineaire verloop en zorg ervoor dat het achter de eerste is.

Stap 3

Pak nu de Pen gereedschap (P) en teken sommige vormen zoals hieronder op de sla. Vul ze met verschillende tinten groen (1). Om een ​​dimensie toe te voegen, tekent u een paar kleine vormen tussen de "golven" van de sla, maar zorg ervoor dat u ze naar achteren stuurt. Gebruik een donkerdere tint groen als vulkleur (2).

4. Maak een plak kaas

Stap 1

Gebruik de Rechthoekgereedschap (M) tekenen 73 x 150 px rechthoek en gebruik geel als vulkleur. Teken vervolgens enkele cirkels met de Ellipse Tool (L) en Groep (Control-G) hen. 

Maak voordat u verder gaat een kopie van deze groep, want u hebt deze nodig in de volgende stap. Selecteer nu de rechthoek samen met de groep cirkels en druk op Minus voorkant in de verkenner paneel om de gaten in de kaas te verkrijgen.

Stap 2

Nu hebt u de kopie van de groep cirkels uit de vorige stap nodig (1). Selecteer het en Kopiëren en Plak aan de voorkant (Control-F) om een ​​andere groep cirkels te krijgen (de groene). Verplaats ze een beetje naar beneden en naar rechts (2). 

Selecteer vervolgens beide groepen en druk op Uitsluiten in de verkenner paneel en dan Ontkoppelen (Shift-Control-G) van de Voorwerp menu (3). Verwijder alle resulterende vormen uit de rechterbenedenhoek van de gaten omdat we ze niet nodig hebben. Als sommige vormen over de rand gaan, neemt u gewoon de Ankerpunttool verwijderen (-) en verwijder de ankerpunten aan het einde die niet nodig zijn en maak kleine aanpassingen indien nodig (4). Vul deze vormen met de aangegeven kleur (5).

5. Maak een plakje ham

Stap 1

Gebruik de Pencil Tool (N) om een ​​vorm te tekenen zoals in de volgende afbeelding, en gebruik de getoonde lineaire helling om deze te vullen. Verplaats enkele ankerpunten naar binnen met de Direct selectie gereedschap (A) om een ​​meer realistische look te creëren.

Stap 2

Gebruik de Pencil Tool (N) opnieuw om een ​​vorm onderaan te tekenen. Selecteer vervolgens de hamvorm en Kopiëren en Plak aan de voorkant (Control-F); selecteer vervolgens deze kopie samen met de zwarte vorm en druk op Snijden in de verkenner paneel. Vul de resulterende vorm met de getoonde lineaire gradiënt.

Stap 3

Zoals uitgelegd in de vorige stap, maakt u twee nieuwe vormen en vult u deze met de lineaire gradiënt die wordt weergegeven in de volgende afbeelding.

Stap 4

Grijp de Pen gereedschap (P) of de Pencil Tool (N) en teken een paar willekeurige vormen op de ham om meer details toe te voegen. Vul ze met het hieronder getoonde lineaire verloop.

6. Stel de bagelsandwich samen

Stap 1

Op dit punt zijn alle elementen klaar. Voordat je doorgaat, Groep (Control-G) alle vormen waaruit de sla bestaat en noem de groep "Sla“; Groep (Control-G) alle vormen die het plakje kaas vormen en noem de groep "Kaas", En je raadt het al ... doe hetzelfde voor de"Ham”. Omdat ze in vectorvorm zijn, kun je ze ook schalen als je wilt.

Stap 2

Bovenop de "bagel-bottom", Begin met het regelen van de stukjes sla. Vermenigvuldig de "Sla"Groep zo vaak als u wilt en regel ze zoals u wenst. Je kunt hier creatief zijn. Voeg ook het eerste plakje kaas toe.

Stap 3

Laten we wat schaduwen toevoegen als we gaan, omdat het moeilijker zal zijn om aan het einde alle schaduwen toe te voegen. Het is beter om in lagen te werken.

Gebruik de Pen gereedschap (P) of de Pencil Tool (N) om twee paden langs de buitenrand van de kaas te tekenen, maar ga niet over de rand van de "bagel-bottom”. Geef ze een 2 pt Stroke gebruik de aangegeven kleur en ga naar Effect> Blur> Gaussiaanse vervaging en solliciteer een Radius van 2 px. Stuur deze twee paden achter de "Kaas"Groep.

Terwijl de paden nog steeds zijn geselecteerd, drukt u op Nieuwe grafische stijl onderaan de Grafische stijlen paneel om het op te slaan voor later gebruik. Noem maar op Bruine schaduw grafische stijl.

Stap 4

Maak nu een kopie van de "Ham"Groep en schik het over de bagel. Met de Pen gereedschap (P) of de Pencil Tool (N), teken een pad in de bovenhoek en selecteer vervolgens de Bruine schaduw grafische stijl van de Grafische stijlen paneel om de schaduw toe te voegen. Verplaats dit pad achter de "Ham"Groep maar voor de"Kaas"Groep.

Stap 5

Teken een ander pad in de benedenhoek, geef het een 2 pt zwart Beroerte, en pas dan een toe 2 px Gaussiaans vervagen. Verplaats dit pad achter de "Ham"Maar voor de"Sla”.

Sla deze stijl op in de Grafische stijlen paneel en noem het Black Shadow grafische stijl.

Stap 6

Leg een tweede plak ham over de bagel, teken twee paden zoals in de volgende afbeelding en selecteer de Black Shadow grafische stijl van de Grafische stijlen paneel om de schaduwen toe te voegen. Verplaats deze twee paden achter "Ham”.

Stap 7

Schik de derde plak ham en teken de twee paden zoals hieronder. Selecteer het. Voor het zwarte pad Bruine schaduw grafische stijl, en selecteer voor het blauwe pad de Black Shadow grafische stijl. Vergeet niet om ze achter te sturen "Ham"Maar voor het eerste deel (1).

Voeg nog een plak kaas toe, teken het groene pad en selecteer de Bruine schaduw grafische stijl ervoor. Stuur dit pad achter "Kaas"(2).

Stap 8

Grijp nu de "Bagel Top"Groep en schik het over de ingrediënten. Plaats het niet direct boven "bagel-bottom"Maar een beetje naar beneden en naar rechts.

7. Voeg schaduw toe onder de bageltop

Stap 1

Selecteer "bagel-top"En Kopiëren en Plak op zijn plaats (Shift-Control-V). Verwijder alle bestaande verschijningen en geef het een witte vulling; ga dan naar Effect> Stileren> Slagschaduw en pas de hieronder getoonde instellingen toe. Verplaats deze kopie achter de "Bagel Top"Groep.

Zoals aangegeven door de pijlen zijn er gebieden waar we geen sla, ham of kaas hebben die uit de bagel steken, dus daar is geen schaduw nodig. Om de schaduw niet zichtbaar te maken in die specifieke gebieden, zullen we een masker maken in de volgende stap.

Stap 2

Sluit eerst de "Bagel Top"Groep in de Lagen paneel, of verberg het voor het moment. Selecteer nu alle ingrediënten in je bagel (in mijn geval: 3 x "Sla", 3 x"Ham"En 2 x"Kaas") Maar zonder de schaduwpaden en druk vervolgens op Verenigen in de verkenner paneel (1). Als gevolg hiervan krijg je een samengesteld pad (2). 

Selecteer vervolgens de witte vorm uit de vorige stap samen met dit samengestelde pad (dat zich vooraan moet bevinden) en ga naar Object> Knipmasker> Make (Control-7) (3). U kunt het eindresultaat zien in de volgende afbeelding (4).

Stap 3

Gebruik de Ellipse Tool (L) tekenen 57 x 57 px cirkel en plaats het dan in het midden van de bagel. Selecteer wit als vulkleur; ga dan naar Effect> Stileren> Innerlijke gloed en pas de hieronder getoonde instellingen toe. In de Verschijning paneel, verander de Overvloeimodus voor de witte Vulling naar Vermenigvuldigen om het transparant te maken. We willen alleen dat de schaduw zichtbaar is.

8. Voeg de sesamzaadjes toe aan het bagel

Stap 1

Grijp de Pen gereedschap (P) en teken een sesamachtige vorm gevolgd door een kleinere vorm bovenop. Gebruik de aangegeven kleuren om deze vormen te vullen en de witte en zwarte sesamzaadjes te maken. Bij 100% View zijn de zaadjes erg klein, dus houd hier rekening mee. 

Sleep de witte sesam naar de Borstels paneel en kies Nieuw scatterpenseel. Typ een naam voor je penseel en stel de Rotatie ten opzichte van pad. Laat de rest van de instellingen zoals ze zijn en druk op OK. Herhaal hetzelfde met de zwarte sesam.

Stap 2

Neem de Pencil Tool (N) en teken een willekeurig pad over de "Bagel-Top"En aai het met de Sesame Scatter Brush eerder opgeslagen. De Beroerte gewicht is ingesteld op 1 pt maar de streekkleur is niet belangrijk. Open de Lijn opties venster van de Verschijning paneel en verander de instellingen om de zaden zoveel mogelijk te verspreiden. Speel met de instellingen tot je het eindresultaat leuk vindt.

Stap 3

Terwijl het pad nog steeds is geselecteerd, drukt u op Nieuwe lijn toevoegen in de Verschijning paneel. Gebruik hetzelfde Sesame Scatter Brush maar open de Lijn opties venster en kies verschillende instellingen. Dit voegt meer sesamzaad toe aan de bagel.

Stap 4

Laten we een paar zwarte sesamzaadjes toevoegen. In de Verschijning paneel, druk op Nieuwe lijn toevoegen en gebruik deze keer de Black Sesame Scatter Brush die je eerder hebt opgeslagen. Open de Lijn opties venster en speel met de instellingen.

Stap 5

Selecteer als het pad nog steeds is geselecteerd Uiterlijk uitbreiden van de Voorwerp menu. Als resultaat zullen de drie slagen in drie groepen zaden veranderen. Dubbelklik een paar keer op een van de zaden om de Isolatiemodus totdat je in staat bent om de individuele zaden te selecteren en degenen die over de rand van de bagel komen te verwijderen. 

Als je klaar bent, verlaat je Isolatiemodus door op te drukken Eén niveau terug pijl in de linkerbovenhoek van je tekengebied.

Stap 6

Selecteer vervolgens de hele groep sesamzaadjes en ga naar Effect> Stileren> Slagschaduw. Pas de instellingen van de onderstaande afbeelding toe en druk op OK.

9. Voeg schaduw toe onder het broodje bagel

Stap 1

Selecteer het samengestelde pad dat u eerder in de zelfstudie hebt gemaakt met alle ingrediënten in de sandwich en vervolgens Kopiëren en Plak op zijn plaats (Shift-Control-V). Stuur het nieuwe exemplaar achter alles door naar Object> Schikken> Verzenden naar achter (Shift-Control- [) (1). 

Selecteer nu "bagel-bottom" en dan Kopiëren en Plakken op de rug (Control-B) (2). Terwijl deze twee exemplaren zijn geselecteerd, drukt u op Verenigen in de verkenner paneel om een ​​nieuw samengestelde pad te krijgen (3).

Stap 2

Selecteer "bagel-top" en dan Kopiëren en Plak op zijn plaats (Shift-Control-V). Stuur het nieuwe exemplaar achter alles door naar Object> Schikken> Verzenden naar achter (Shift-Control- [) (1). Selecteer nu het samengestelde pad uit de vorige stap samen met de kopie van "bagel-top"En druk op Verenigen in de verkenner paneel opnieuw (3).

Stap 3

De vorm is nu klaar. Selecteer zwart als vulkleur en ga vervolgens naar Effect> Stileren> Slagschaduw. Pas dit effect twee keer toe met behulp van de onderstaande instellingen. In de Verschijning paneel, stel de ondoorzichtigheid voor de zwarte Vulling naar 0%.

Stap 4

Teken een rechthoek in een nieuwe laag achter de bagel en gebruik de weergegeven radiale kleurovergang om de achtergrond te maken (1). Je kunt natuurlijk nog een achtergrond toevoegen als je dat wilt.

Gebruik de Ellipse Tool (L) om een ​​nieuw te tekenen 57 x 57 px cirkel en plaats deze in het midden van de bagel. Stuur de cirkel achter alles door naar Object> Schikken> Verzenden naar achter (Shift-Control- [). Selecteer zwart als vulkleur en stel in op zwart Overlay met overvloeimodus (2). Hierdoor wordt het gebied in het midden van de bagel iets meer donker (3).

Gefeliciteerd! U bent klaar

Het pictogram van de bagelsandwich is voltooid. Ik hoop dat dit leuk was om te maken, en vergeet niet om een ​​afbeelding met ons te delen. Ik zou graag je re-creaties zien. Laat me ook weten of je in de toekomst meer voedselgerelateerde tutorials wilt. 

Heb je nu honger?