Yum! Slik lager du en deilig Bagel Sandwich-ikon i Adobe Illustrator

Hva du skal skape

Følg denne veiledningen og lær hvordan du lager et bagel-sandwich-ikon i Adobe Illustrator. I begynnelsen vil du lage de to bagelbitene, og da vil du tegne alle ingrediensene til smørbrød: biter av salat, et stykke ost og et stykke skinke. 

Den morsomme delen er å komponere bagelsmørbrød, fordi du kan bli kreativ her. Den endelige tingen er å drysse noen sesamfrø på toppen ved hjelp av en scatterpensel. Hvis du elsker matrelaterte opplæringsprogrammer så mye som jeg gjør, la oss begynne moroa!

Hvis du leter etter et raskt startalternativ, har vi en overraskende stor samling bagel ikoner og vektorer over på GraphicRiver, som du kan tilpasse etter behov!

1. Start et nytt prosjekt

Launch Illustrator og deretter gå til Fil> Ny for å åpne et tomt dokument. Skriv inn et navn på filen din og sett opp dimensjonene, velg piksler som enheter og RGB som Fargemodus

Deretter går til Rediger> Innstillinger> Generelt og sett Tastaturøkning til 1 px og mens det, går også til enheter for å sikre at de er angitt som i bildet nedenfor. Jeg jobber vanligvis med disse innstillingene, og de vil hjelpe deg gjennom tegningsprosessen.

2. Lag Bagel

Trinn 1

Ta tak i Ellipseverktøyet (L) og tegne to sirkler med dimensjonene som er angitt. Mens du har dem valgt, trykker du på Horisontal justeringssenter og Vertikal Justeringssenter i Rette inn panel. 

Steg 2

Med sirkler fortsatt valgt, gå til Objekt> Forbindelsesvei> Lag (Control-8) og fyll deretter den resulterende formen med lysebrun. Jeg vil nevne det "bagel-top", Og du vil trenge ekstra kopier av denne formen gjennom hele opplæringen.

Trinn 3

Med "bagel-top"Fortsatt valgt, legg til en Ny fylling i Utseende panel over det første. Bruk den viste radiale gradienten, og gå til Effekt> Skisse> Basavlastning og bruk innstillingene fra neste bilde. Sett Blandingsmodus til Mykt lys

Trinn 4

Legg til en Ny fylling i Utseende panel og bruk fargen brun; sett deretter Blandingsmodus til Mykt lys.

Trinn 5

Legg til en Ny fylling igjen og bruk fargen som er angitt, og deretter gå til Effekt> Skisse> Notatpapir og bruk innstillingene fra neste bilde. Sett dette Fyll-attributtet til Blending Mode Overlay og 15% Opacity.

Trinn 6

For å bli kvitt den pixelated kanten som genereres av Notatpapir effekt, vil vi lage en maske. Velg "bagel-top", Kopiere og Lim inn foran (Control-F) å lage en kopi, og fjern deretter alle eksisterende utseende. Nå velger du begge figurene og går til Objekt> Clipping Mask> Lag (Control-7). Gi den resulterende gruppen navnet "Bagel Top”.

Trinn 7

La oss lage bunnen av bagelen. Lag en annen kopi av "bagel-top"På Artboard og bruk den radiale gradienten som vises for å fylle den. Vi trenger ikke å legge til flere detaljer fordi det meste vil bli dekket av ingrediensene i smørbrød.

3. Lag et stykke salat

Trinn 1

Ta tak i Blyantverktøy (N) og tegne en lignende form, fyll den med den viste radiale gradienten. Bruke Gradient Tool (G) å justere retningen om nødvendig.

Steg 2

Med salatformen fortsatt valgt, gå til Objekt> Path> Offset Path og søk a 1,2 px forskyvning for å få en litt større form. Fyll denne nye formen med den lineære gradienten som vises, og sørg for at den ligger bak den første.

Trinn 3

Nå, ta tak i Pennverktøyet (P) og trekk noen former som under på salat. Fyll dem med forskjellige nyanser av grønt (1). For å legge til litt dimensjon trekker du noen få små figurer mellom salatens "bølger", men sørg for at du sender dem tilbake. Bruk en mørkere nyanse av grønt som fyllfarge (2).

4. Lag et stykke ost

Trinn 1

Bruke Rektangelverktøy (M) å tegne a 73 x 150 px rektangel, og bruk gul som fyllfarge. Deretter tegne noen sirkler med Ellipseverktøyet (L) og Gruppe (Control-G) dem. 

Før du fortsetter, lag en kopi av denne gruppen, fordi du trenger den i neste trinn. Nå, velg rektangelet sammen med gruppen av sirkler, og trykk Minus Front i Pathfinder panel for å få hull i osten.

Steg 2

Nå trenger du kopien av gruppen av sirkler fra forrige trinn (1). Velg den og Kopiere og Lim inn foran (Control-F) å få en annen gruppe sirkler (de grønne). Flytt dem litt ned og til høyre (2). 

Deretter velger du begge gruppene og trykker på Utelukke i Pathfinder panelet, og deretter Ungroup (Shift-Control-G) fra Gjenstand meny (3). Slett alle de resulterende figurene fra nederste høyre side av hullene fordi vi ikke trenger dem. Hvis noen av figurene går over kanten, ta bare Slett ankerpunktsverktøy (-) og slett ankerpunktene på slutten som er unødvendige, og foreta små justeringer hvis nødvendig (4). Fyll disse figurene med den angitte fargen (5).

5. Lag et stykke skinke

Trinn 1

Bruke Blyantverktøy (N) å tegne en form som den i det følgende bildet, og bruk den lineære gradienten som vises for å fylle den. Flytt noen av ankerpunktene mot innsiden med Direkte utvalgsverktøy (A) å skape et mer realistisk utseende.

Steg 2

Bruke Blyantverktøy (N) igjen for å tegne en form nederst. Deretter velger du skinkeformen og Kopiere og Lim inn foran (Control-F); velg deretter denne kopien sammen med den svarte formen og trykk Krysse i Pathfinder panel. Fyll den resulterende formen med den viste lineære gradienten.

Trinn 3

Som forklart i forrige trinn, opprett to nye former og fyll dem med den lineære gradienten som vises i neste bilde.

Trinn 4

Ta tak i Pennverktøyet (P) eller Blyantverktøy (N) og tegne noen tilfeldige former på skinken for å legge til flere detaljer. Fyll dem med den lineære gradienten som er vist nedenfor.

6. komponere bagel sandwich

Trinn 1

På dette punktet er alle elementene klare. Før du fortsetter, Gruppe (Control-G) alle former som komponerer salat og navnet på gruppen "Salat“; Gruppe (Control-G) alle figurene som komponerer stykket ost og navn gruppen "Ost", Og du gjettet det ... gjør det samme for"Skinke”. Siden de er i vektorform, kan du også skala dem hvis du vil.

Steg 2

På toppen av "bagel-bunn", Begynn å ordne biter av salat. Multipliser "Salat"Gruppe så mange ganger du vil, og ordne dem som du ønsker. Du kan være kreativ her. Legg også til det første stykket ost.

Trinn 3

La oss legge til noen skygger når vi går, fordi det blir vanskeligere å legge til alle skyggene på slutten. Det er bedre å jobbe i lag.

Bruke Pennverktøyet (P) eller Blyantverktøy (N) å tegne to baner langs ytre kant av osten, men ikke gå over kanten av "bagel-bunn”. Gi dem en 2 pt Stroke bruker farge angitt, og deretter gå til Effekt> Uklarhet> Gaussisk uskarphet og søk a Radius av 2 px. Send disse to banene bak "Ost"Gruppe.

Mens stiene fortsatt er valgt, trykker du på Ny grafisk stil på bunnen av Grafiske stiler panel for å lagre det for senere bruk. Navngi det Brun skygge grafisk stil.

Trinn 4

Gjør nå en kopi av "Skinke"Gruppe og ordne den over bagel. Med Pennverktøyet (P) eller Blyantverktøy (N), Tegn en sti i øverste hjørne og velg deretter Brun skygge grafisk stil fra Grafiske stiler panel for å legge til skyggen. Flytt denne banen bak "Skinke"Gruppe, men foran"Ost"Gruppe.

Trinn 5

Tegn en annen bane i nederste hjørne, gi den en 2 pt svart Stroke, og bruk deretter a 2 px Gaussian Blur. Flytt denne banen bak "Skinke"Men foran"Salat”.

Lagre denne stilen i Grafiske stiler panel og navn det Svart skygge grafisk stil.

Trinn 6

Ordne et andre stykke skinke over bagelen, tegne to baner som i det følgende bildet, og velg Svart skygge grafisk stil fra Grafiske stiler panel for å legge til skyggene. Flytt disse to banene bak "Skinke”.

Trinn 7

Ordne det tredje stykket skinke og trekk de to banene som nedenfor. For den svarte banen, velg Brun skygge grafisk stil, og for den blå banen velger du Svart skygge grafisk stil. Ikke glem å sende dem bak "Skinke"Men foran det første stykket (1).

Legg til et annet stykke ost, tegne den grønne banen og velg Brun skygge grafisk stil for det. Send denne banen bak "Ost"(2).

Trinn 8

Nå, ta tak i "Bagel Top"Gruppe og ordne det over ingrediensene. Ikke legg den direkte over "bagel-bunn"Men litt ned og til høyre.

7. Legg til skygge under Bagel Top

Trinn 1

Å velge "bagel-top"Og Kopiere og Lim inn på plass (Shift-Control-V). Fjern alle eksisterende utseende og bare gi den en hvit fylling; så gå til Effekt> Stylize> Drop Shadow og bruk innstillingene som vises nedenfor. Flytt denne kopien bak "Bagel Top"Gruppe.

Som angitt av pilene, er det områder der vi ikke har noen salat, skinke eller ost som stikker ut fra bagelen, så det er ikke behov for skygge der. For å gjøre skyggen ikke synlig i de spesifikke områdene, vil vi lage en maske i neste trinn.

Steg 2

Først låser du "Bagel Top"Gruppe i lag panelet, eller gjem det for øyeblikket. Nå, velg alle ingrediensene i bagelen din (i mitt tilfelle: 3 x "Salat", 3 x"Skinke"Og 2 x"Ost") Men uten skyggebanene og trykk deretter Forene i Pathfinder panel (1). Som et resultat vil du få en sammensatt bane (2). 

Deretter velger du den hvite formen fra forrige trinn sammen med denne sammensatte banen (som må være foran) og gå til Objekt> Clipping Mask> Lag (Control-7) (3). Du kan se sluttresultatet i følgende bilde (4).

Trinn 3

Bruke Ellipseverktøyet (L) å tegne a 57 x 57 px sirkel og legg den i midten av bagelen. Velg hvite som fyllfarge; så gå til Effekt> Stylize> Inner Glow og bruk innstillingene som vises nedenfor. I Utseende panel, endre Blandingsmodus for den hvite fyll på Multiplisere for å gjøre det gjennomsiktig. Vi vil bare ha skyggen til å være synlig.

8. Legg Sesamfrø på Bagel

Trinn 1

Ta tak i Pennverktøyet (P) og tegne en sesamlignende form etterfulgt av en mindre form på toppen. Bruk fargene som er angitt for å fylle disse figurene og opprett de hvite og sorte sesamfrøene. Ved 100% Se frøene er svært små, så ta hensyn til dette. 

Dra den hvite sesammen i Børster panel og velg Ny scatterbørste. Skriv inn et navn på børsten din og sett inn Rotasjon i forhold til sti. La resten av innstillingene være som de er og treffer OK. Gjenta det samme med den svarte sesammen.

Steg 2

Ta Blyantverktøy (N) og tegne en tilfeldig sti over "Bagel-Top"Og slå det med Sesam Scatter Brush lagret tidligere. De Stroke Weight er satt til 1 pt men slagfargen er ikke viktig. Åpne Strekalternativer vindu fra Utseende panelet og endre innstillingene for å sprede frøene så mye som mulig. Spill med innstillingene til du liker sluttresultatet.

Trinn 3

Med banen som er valgt, trykker du på Legg til nytt slag i Utseende panel. Bruk det samme Sesam Scatter Brush men åpne Strekalternativer vindu og velg forskjellige innstillinger. Dette vil legge til flere sesamfrø på bagelen.

Trinn 4

La oss legge til noen svarte sesamfrø. I Utseende panelet, trykk Legg til nytt slag og denne gangen bruker du Sort Sesam Scatterbørste som du lagret tidligere. Åpne Strekalternativer vindu og spill med innstillingene.

Trinn 5

Med banen som er valgt, velger du Utvid Utseende fra Gjenstand Meny. Som et resultat vil treslagene bli til tre grupper av frø. Dobbeltklikk på et av frøene noen ganger for å gå inn i Isolasjonsmodus inntil du er i stand til å velge de enkelte frøene og slette de som går over kanten av bagelen. 

Når du er ferdig, avslutt Isolasjonsmodus ved å trykke på Tilbake ett nivå pil i øverste venstre hjørne av Artboard.

Trinn 6

Deretter velger du hele gruppen sesamfrø og går til Effekt> Stylize> Drop Shadow. Bruk innstillingene fra bildet under og trykk OK.

9. Legg til skygge under Bagel Sandwich

Trinn 1

Velg den sammensatte banen du gjorde tidligere i opplæringen ved å bruke alle ingrediensene i smørbrød, og deretter Kopiere og Lim inn på plass (Shift-Control-V). Send den nye kopien bak alt ved å gå til Objekt> Ordne> Send til Tilbake (Shift-Control- [) (1). 

Nå velger du "bagel-bunn" og så Kopiere og Lim inn i baksiden (Control-B) (2). Mens disse to kopiene er valgt, trykker du på Forene i Pathfinder panel for å få en ny sammensatt bane (3).

Steg 2

Å velge "bagel-top" og så Kopiere og Lim inn på plass (Shift-Control-V). Send den nye kopien bak alt ved å gå til Objekt> Ordne> Send til Tilbake (Shift-Control- [) (1). Nå velger du den sammensatte banen fra forrige trinn sammen med kopien av "bagel-top"Og trykk Forene i Pathfinder panel igjen (3).

Trinn 3

Formen er nå klar. Velg svart som fyllfarge og gå til Effekt> Stylize> Drop Shadow. Bruk denne effekten to ganger ved hjelp av innstillingene vist nedenfor. I Utseende panel, sett inn opacity for den svarte fyll på 0%.

Trinn 4

Tegn et rektangel i et nytt lag bak bagelen, og bruk den radiale gradienten som vises for å fylle den for å lage bakgrunnen (1). Du kan selvfølgelig legge til en annen bakgrunn hvis du foretrekker det.

Bruke Ellipseverktøyet (L) å tegne en ny 57 x 57 px sirkel, og legg den i midten av bagelen. Send sirkelen bak alt ved å gå til Objekt> Ordne> Send til Tilbake (Shift-Control- [). Velg svart som fyllfarge og sett det til Blending Mode Overlay (2). Dette vil mørke området i bagelsenteret litt mer (3).

Gratulerer! Du er ferdig

Bagel sandwich-ikonet er ferdig. Jeg håper dette var morsomt for deg å lage, og ikke glem å dele et bilde med oss. Jeg vil gjerne se dine re-kreasjoner. Gi meg også beskjed hvis du vil ha mer matrelaterte opplæringsprogrammer i fremtiden. 

Er du sulten nå?