Share
Vad du ska skapaFölj denna handledning och lära dig hur du skapar en bagel sandwich-ikon i Adobe Illustrator. I början skapar du de två bagelbitarna, och sedan ska du rita alla ingredienser för smörgås: bitar av sallad, en skiva ost och en skiva skinka.
Den roligaste delen är att komponera bagelsmörgåsen, för att du kan bli kreativ här. Det sista är att sprinkla några sesamfrön på toppen med hjälp av en scatterborste. Om du älskar matrelaterade handledning så mycket som jag gör, låt oss börja roligt!
Om du letar efter ett snabbt startalternativ har vi en överraskande stor samling bagel ikoner och vektorer över på GraphicRiver, som du kan anpassa som du behöver!
Lansera Illustratör och sedan gå till Fil> Ny för att öppna ett tomt dokument. Skriv ett namn på din fil och ställ in dimensionerna, välj pixlar som Enheter och RGB som Färg läge.
Därefter, gå till Redigera> Inställningar> Allmänt och ställa in Tangentbordsökning till 1 px och samtidigt där, gå också 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 genom hela ritningsprocessen.
Ta tag i Ellipsverktyg (L) och rita två cirklar med de angivna dimensionerna. Medan du har valt dem, tryck på Horisontell inriktning Center och Vertikalt inriktningscentrum i Justera panel.
Med de cirklar som fortfarande valts, gå till Objekt> Sammansatt sökväg> Gör (Control-8) och fyll sedan den resulterande formen med ljusbrun. Jag kommer att kalla det "bagel-top", Och du behöver extra kopior av denna form under hela handledningen.
Med "bagel-top"Fortfarande vald, lägg till en Ny fyllning i Utseende panelen ovanför den första. Använd den radiella gradienten som visas och gå sedan till Effekt> Sketch> Bas Relief och använd inställningarna från nästa bild. Ställ in Blandningsläge till Mjukt ljus.
Lägg till en Ny fyllning i Utseende panel och använd färgen brun; sätt sedan in Blandningsläge till Mjukt ljus.
Lägg till en Ny fyllning igen och använd den angivna färgen och gå sedan till Effekt> Sketch> Notepapir och använd inställningarna från nästa bild. Ange detta Fill-attribut till Blandningslägeöverlagring och 15% opacitet.
För att bli av med den pixelerade kanten som genereras av Anteckningspapper effekt, vi kommer att skapa en mask. Välj "bagel-top", Kopia och Klistra in på framsidan (Control-F) att göra en kopia, och ta bort alla befintliga utseenden. Välj nu båda formerna och gå till Objekt> Clipping Mask> Make (Control-7). Namn den resulterande gruppen "Bagel Top”.
Låt oss skapa den bakre delen av bagelen. Gör en annan kopia av "bagel-top"På din Artboard och använd den radiella gradienten som visas för att fylla den. Vi behöver inte lägga till fler detaljer eftersom det mesta kommer att täckas av ingredienserna i smörgåsen.
Ta tag i Penna verktyg (N) och dra en liknande form, fyll den med den visade radialgraden. Använd Gradient Tool (G) för att justera riktningen vid behov.
Med den salladform som valts, gå till Objekt> Path> Offset-sökväg och tillämpa a 1,2 px förskjutning för att få en något större form. Fyll den här nya formen med den linjära gradienten som visas och se till att den ligger bakom den första.
Grip nu Penverktyg (P) och dra några former som nedan på sallat. Fyll dem med olika nyanser av grönt (1). För att lägga till en viss dimension, rita några små former mellan salladets "vågor", men se till att du skickar dem tillbaka. Använd en mörkare nyans av grön som fyllfärgen (2).
Använd Rektangelverktyg (M) att rita a 73 x 150 px rektangel och använd gul som fyllfärg. Dra sedan några cirklar med Ellipsverktyg (L) och Grupp (Control-G) dem.
Innan du fortsätter gör du en kopia av den här gruppen, eftersom du behöver den i nästa steg. Välj nu rektangeln tillsammans med gruppen av cirklar och tryck på Minus Front i Stigfinnare panel för att få hålen i osten.
Nu behöver du kopia av gruppen av cirklar från föregående steg (1). Välj den och Kopia och Klistra in på framsidan (Control-F) för att få en annan grupp av cirklar (de gröna). Flytta dem lite ner och till höger (2).
Välj sedan båda grupperna och tryck på Utesluta i Stigfinnare panelen och sedan Ungroup (Shift-Control-G) från Objekt meny (3). Ta bort alla resulterande former från hålets nedre högra sida eftersom vi inte behöver dem. Om några av formerna går över kanten, ta bara Ta bort Anchor Point Tool (-) och ta bort ankarpunkterna i slutet som är onödiga och gör små justeringar om det behövs (4). Fyll i dessa former med den angivna färgen (5).
Använd Penna verktyg (N) att rita en form som den i följande bild och använd den linjära gradienten som visas för att fylla den. Flytta några av ankarpunkterna mot insidan med Direktmarkeringsverktyg (A) för att skapa ett mer realistiskt utseende.
Använd Penna verktyg (N) igen för att dra en form längst ner. Välj sedan skinkans form och Kopia och Klistra in på framsidan (Control-F); välj sedan den här kopian tillsammans med den svarta formen och tryck på Korsas i Stigfinnare panel. Fyll den resulterande formen med den linjära gradienten som visas.
Som förklarat i föregående steg skapar du två nya former och fyller dem med den linjära gradienten som visas i nästa bild.
Ta tag i Penverktyg (P) eller den Penna verktyg (N) och dra några slumpmässiga former på skinkan för att lägga till fler detaljer. Fyll dem med den linjära gradienten som visas nedan.
Vid denna tidpunkt är alla element redo. Innan du fortsätter, Grupp (Control-G) alla former som komponerar sallat och namnge gruppen "Sallad”; Grupp (Control-G) alla former som komponerar ostskivan och namnge gruppen "Ost", Och du gissade det ... gör detsamma för"Skinka”. Eftersom de är i vektorform kan du också skala dem om du vill.
På toppen av "bagel-botten", Börja ordna bitarna av sallad. Multiplicera "Sallad"Grupp så många gånger du vill, och ordna dem som du vill. Du kan vara kreativ här. Lägg även till den första skivan av ost.
Låt oss lägga till några skuggor när vi går, för det blir svårare att lägga till alla skuggor i slutet. Det är bättre att arbeta i lager.
Använd Penverktyg (P) eller den Penna verktyg (N) att rita två vägar längs ostkanten, men gå inte över kanten av "bagel-botten”. Ge dem en 2 pt Stroke Använd den angivna färgen och gå sedan till Effekt> Oskärpa> Gaussisk oskärpa och tillämpa a Radie av 2 px. Skicka dessa två vägar bakom "Ost" grupp.
Medan banorna fortfarande är markerade trycker du på Ny grafisk stil längst ner på Grafiska stilar panelen för att spara den för senare användning. Namnge det Brown Shadow Graphic Style.
Gör nu en kopia av "Skinka"Grupp och ordna den över bagel. Med Penverktyg (P) eller den Penna verktyg (N), rita en stig i det övre hörnet och välj sedan enkelt Brown Shadow Graphic Style från Grafiska stilar panel för att lägga till skuggan. Flytta den här sökvägen bakom "Skinka"Grupp men framför"Ost" grupp.
Rita en annan väg i det nedre hörnet, ge den en 2 pt svart Stroke, och använd sedan en 2 px Gaussian Blur. Flytta den här sökvägen bakom "Skinka"Men framför"Sallad”.
Spara den här stilen i Grafiska stilar panel och namnge det Svart skugga grafisk stil.
Ordna en andra skiva skinka över bagelen, dra två vägar som i följande bild och välj Svart skugga grafisk stil från Grafiska stilar panel för att lägga till skuggorna. Flytta dessa två vägar bakom "Skinka”.
Ordna den tredje skivan av skinka och dra de två vägarna som nedan. För den svarta sökvägen, välj Brown Shadow Graphic Style, och för den blå vägen välj Svart skugga grafisk stil. Glöm inte att skicka dem bakom "Skinka"Men framför den första skivan (1).
Lägg till en annan bit ost, dra den gröna banan och välj Brown Shadow Graphic Style för det. Skicka den här vägen bakom "Ost"(2).
Ta nu "Bagel Top"Grupp och ordna det över ingredienserna. Placera det inte direkt över "bagel-botten"Men lite ner och till höger.
Välj "bagel-top"Och Kopia och Klistra in på plats (Shift-Control-V). Ta bort alla befintliga framträdanden och bara ge den en vit fyllning; sedan gå till Effekt> Stylize> Drop Shadow och använd de inställningar som visas nedan. Flytta den här kopian bakom "Bagel Top" grupp.
Såsom anges av pilarna finns det områden där vi inte har någon sallad, skinka eller ost som sticker ut från bagelen, så det finns ingen anledning till skugga där. För att göra skuggan inte synlig i de specifika områdena kommer vi att skapa en mask i nästa steg.
Först lås "Bagel Top"Grupp i Skikten panelen, eller göm det för tillfället. Välj nu alla ingredienser i din bagel (i mitt fall: 3 x "Sallad", 3 x"Skinka"Och 2 x"Ost") Men utan skuggbana och tryck sedan på Förena i Stigfinnare panel (1). Som ett resultat får du en sammansatt väg (2).
Välj sedan den vita formen från föregående steg tillsammans med den här sammansatta banan (vilken måste vara framför) och gå till Objekt> Clipping Mask> Make (Control-7) (3). Du kan se slutresultatet i följande bild (4).
Använd Ellipsverktyg (L) att rita a 57 x 57 px cirkel och placera den sedan i bagels centrum. Välj vit som fyllfärg; sedan gå till Effekt> Stylize> Inner Glow och använd de inställningar som visas nedan. I Utseende panel, ändra Blandningsläge för den vita fyllningen till Multiplicera för att göra det öppet. Vi vill bara att skuggan ska vara synlig.
Ta tag i Penverktyg (P) och rita en sesamliknande form följt av en mindre form på toppen. Använd de angivna färgerna för att fylla dessa former och skapa vita och svarta sesamfrön. Vid 100% Se frön är mycket små, så ta hänsyn till detta faktum.
Dra den vita sesammen i borstar panel och välj Ny scatterborste. Skriv ett namn på din pensel och ställ in Rotation i förhållande till vägen. Lämna resten av inställningarna som de är och slå ok. Upprepa samma sak med den svarta sesammen.
Ta Penna verktyg (N) och rita en slumpmässig väg över "Bagel-Top"Och stroke den med Sesam scatterborste sparade tidigare. De Slagvikt är inställd på 1 pt men strokefärgen är inte viktig. Öppna Stroke Options fönster från Utseende panelen och ändra inställningarna för att sprida frön så mycket som möjligt. Spela med inställningarna tills du gillar slutresultatet.
Med sökvägen som valts, tryck på Lägg till ny stroke i Utseende panel. Använd samma Sesam scatterborste men öppna Stroke Options fönstret och välj olika inställningar. Detta kommer att lägga till mer sesamfrön på bagel.
Låt oss lägga till några svarta sesamfrön. I Utseende panelen, tryck på Lägg till ny stroke och den här gången använder du Svart Sesam Scatterborste som du sparade tidigare. Öppna Stroke Options fönster och spela med inställningarna.
Med sökvägen som valts väljer du Expand Utseende från Objekt meny. Som ett resultat blir tre streck i tre grupper av frön. Dubbelklicka på ett av fröerna några gånger för att komma in i Isoleringsläge tills du kan välja de enskilda frön och ta bort de som går över kanten av bagel.
När du är klar, avsluta Isoleringsläge genom att trycka på Tillbaka en nivå pilen i det övre vänstra hörnet av din Artboard.
Välj sedan hela gruppen av sesamfrön och gå till Effekt> Stylize> Drop Shadow. Använd inställningarna från bilden nedan och tryck på ok.
Välj den sammansatta sökvägen som du gjorde tidigare i handledningen med alla ingredienser i smörgåsen och sedan Kopia och Klistra in på plats (Shift-Control-V). Skicka den nya kopian bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka (Shift-Control- [) (1).
Välj nu "bagel-botten" och då Kopia och Klistra in bakåt (Control-B) (2). Medan dessa två kopior är markerade trycker du på Förena i Stigfinnare panel för att få en ny sammansatt väg (3).
Välj "bagel-top" och då Kopia och Klistra in på plats (Shift-Control-V). Skicka den nya kopian bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka (Shift-Control- [) (1). Välj nu den sammansatta sökvägen från föregående steg tillsammans med kopian av "bagel-top"Och tryck på Förena i Stigfinnare panel igen (3).
Formen är nu klar. Välj svart som fyllfärgen och gå sedan till Effekt> Stylize> Drop Shadow. Applicera denna effekt två gånger med de inställningar som visas nedan. I Utseende panel, ställ in Opacitet för den svarta fyllningen till 0%.
Rita en rektangel i ett nytt lager bakom bagel och använd den radiella gradienten som visas för att skapa bakgrunden (1). Du kan naturligtvis lägga till en annan bakgrund om du föredrar det.
Använd Ellipsverktyg (L) att rita en ny 57 x 57 px cirkel och placera den i bagels centrum. Skicka cirkeln bakom allt genom att gå till Objekt> Ordna> Skicka till Tillbaka (Shift-Control- [). Välj svart som fyllfärgen och ställ in den Blandningslägeöverlagring (2). Detta kommer att mörka området i bagelscentrumet lite mer (3).
Bagel sandwich-ikonen är komplett. Jag hoppas att det var kul att skapa, och glöm inte att dela en bild med oss. Jag skulle gärna se dina återskapningar. Låt mig också veta om du vill ha mer matrelaterade handledning i framtiden.
Är du hungrig nu?
Accentsconagua