Advertisement
  1. Design & Illustration
  2. Icon Design

Yum! Wie erstelle ich eine leckeren Bagel Sandwich Symbol in Adobe Illustrator

Scroll to top
Read Time: 13 min
This post is part of a series called Learn Adobe Illustrator.
Create a Cute Raccoon Character in Adobe Illustrator
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn

German (Deutsch) translation by Max Benjamin (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Folgen dieses tutorial und lernen, wie man einen bagel sandwich-Symbol in Adobe Illustrator. Am Anfang erstellen Sie die zwei bagel Stücke, und dann werden Sie alle ziehen die Zutaten für das sandwich: ein Stück der Salat, eine Scheibe Käse und eine Scheibe Schinken.

Am meisten Spaß Teil zu verfassen, der bagel-sandwich, denn Sie können kreativ hier. Die Letzte Sache ist, streuen Sie einige Sesamkörner auf der Oberseite mit Hilfe eines scatter-Bürste. Wenn Sie lieben Lebensmittel-Tutorien, so viel wie ich tun, lasst uns starten Sie den Spaß!

1. Starten Sie ein Neues Projekt

Start Illustrator und gehen Sie dann zu Datei > Neu öffnet sich ein leeres Dokument. Geben Sie einen Namen für Ihre Datei und legen Sie die Abmessungen, die Auswahl von Pixeln als Einheiten und RGB als Farbmodus.

Als Nächstes gehen Sie zu "Bearbeiten" > "Voreinstellungen" > "allgemein" und legen Sie die Tastatur-Inkrement um 1 px und während Sie dort sind, auch gehen Sie auf Einheiten, um sicherzustellen, Sie sind als set in der folgenden Bild. Normalerweise arbeite ich mit diesen Einstellungen und Sie werden hilft Ihnen während der Zeichnung Prozess.

start new documentstart new documentstart new document

2. Erstellen der Bagel

Schritt Eins

Greifen das Ellipsen-Werkzeug(L) und zeichnen Sie zwei Kreise mit den Abmessungen angegeben. Während er Sie ausgewählt, drücken Sie die Horizontale Ausrichtung mittig und Vertikal zentriert in das Bedienfeld "Ausrichten".

create bagel 1create bagel 1create bagel 1

Schritt Zwei

Mit die Kreisen immer noch ausgewählt ist, gehen Sie zu "Objekt" > "Zusammengesetzter Pfad" > " erstellen (Control-8) und dann füllen Sie die entstandene Form mit hellbraun. Ich wird den Namen "bagel-top", und benötigen Sie zusätzliche Exemplare dieser Form während des Tutorials.

create bagel 2create bagel 2create bagel 2

Schritt Drei

Mit "bagel-top" noch ausgewählt ist, und fügen Sie eine Neue Fläche in der Aussehen Bedienfeld oberhalb des ersten. Verwenden des radialen Farbverlaufs angezeigt, und gehen Sie dann zu Effekt - > Sketch - > Bas Relief und anwenden der Einstellungen aus der im nächsten Bild. Legen Sie die Füllmethode auf Weiches Licht.

apply bas relief effect to bagelapply bas relief effect to bagelapply bas relief effect to bagel

Schritt Vier

Hinzufügen eine Neue Fläche in der Aussehen-Palette und die Farbe Braun sind; dann setzen die Füllmethode auf Weiches Licht.

create bagel 3create bagel 3create bagel 3

Schritt Fünf

Hinzufügen eine Neue Füllung wieder und die Farbe angegeben, und gehe dann auf Effekt - > Sketch - > Note Paper und übernehmen Sie die Einstellungen aus dem nächsten Bild. Setzen Sie dieses Attribut "Ausfüllen", um Blending-Overlay-Modus und 15% Deckkraft.

apply note paper effect to bagelapply note paper effect to bagelapply note paper effect to bagel

Schritt Sechs

Zu loszuwerden, der pixelige Rand generiert wird durch den Hinweis Papier Wirkung, wir erstellen eine Maske. Wählen Sie "bagel-top", Kopieren und Einfügen in Front (Strg-F) eine Kopie zu machen, und entfernen Sie dann alle vorhandenen Erscheinungen. Nun markieren Sie beide Formen, und gehen Sie zu "Objekt" > "Schnittmaske" > " Erstellen (Ctrl-7). Name der resultierenden Gruppe "Bagel Top".

create mask for bagelcreate mask for bagelcreate mask for bagel

Schritt Sieben

Lassen erstellen Sie die untere Stück von dem bagel. Machen Sie eine weitere Kopie von "bagel-top" auf die Zeichenfläche und verwenden Sie den radialen Farbverlauf angezeigt füllen Sie es. Wir nicht brauchen, um mehr details hinzufügen, weil die meisten es sein werden abgedeckt durch die Zutaten im sandwich.

create bagel bottomcreate bagel bottomcreate bagel bottom

3. Erstellen Sie ein Stück Salat

Schritt Eins

Greifen das Buntstift-Werkzeug (N) und zeichnen Sie eine ähnliche Form, füllen Sie es mit dem das Buntstift-Werkzeug (N) und zeichnen Sie eine ähnliche Form, füllen Sie es mit dem einen radialen Farbverlauf angezeigt. Mit dem Verlaufswerkzeug (G) bestimmen Sie die Richtung, wenn nötig.

create piece of lettuce 1create piece of lettuce 1create piece of lettuce 1

Schritt Zwei

Mit die Salat-Form noch ausgewählt ist, gehen Sie zu Objekt > Pfad > Pfad verschieben und anwenden 1.2 px-Offset, um einen etwas größeren Form. Füllen Sie diese neue Form mit dem linearen Farbverlauf angezeigt und machen sicher, dass es hinter dem ersten.

create piece of lettuce 2create piece of lettuce 2create piece of lettuce 2

Schritt Drei

Nun, greifen Sie das Stift-Werkzeug (P) und zeichnen Sie einige Figuren, wie unten auf dem Salat. Füllen Sie Sie mit verschiedenen Schattierungen von grün (1). Fügen Sie einige dimension, zeichnen Sie ein paar kleine Formen zwischen den "Wellen" der Salat, aber stellen Sie sicher, dass Sie senden Sie zurück. Verwenden Sie einen dunkleren Farbton grün als die Füllfarbe (2).

create piece of lettuce 3create piece of lettuce 3create piece of lettuce 3

4. Erstellen Sie eine Scheibe Käse

Schritt Eins

Verwenden das Rechteck-Werkzeug (M) ziehen ein 73 x 150 px rectangle und gelb als die Füllfarbe. Als Nächstes zeichnen Sie einige Kreise mit dem Ellipsen-Werkzeug (L) und Gruppieren (Strg-G).

Bevor Sie fortfahren, stellen Sie eine Kopie dieser Gruppe, denn Sie benötigen es im nächsten Schritt. Wählen Sie jetzt den Rechteck zusammen mit der Gruppe der Kreise, und drücken Sie die Minus-Front in das Pathfinder-Bedienfeld zu erhalten, die Löcher in den Käse.

create slice of cheese 1create slice of cheese 1create slice of cheese 1

Schritt Zwei

Nun, benötigen Sie die Kopie der Gruppe von Kreisen aus dem vorherigen Schritt (1). Wählen Sie es und Kopieren und Einfügen in Front (Strg-F) zu erhalten eine andere Gruppe von Kreisen (die grünen). Bewegen Sie ein wenig nach unten und nach rechts (2).

Als Nächstes wählen Sie beide Gruppen, und drücken Sie schließen in der Pathfinder-Bedienfeld, und klicken Sie dann Gruppierung aufheben (Umschalt -, Steuerungs-G) aus dem Objekt-Menü (3). Löschen Sie alle entstehenden Formen aus der rechten unteren Seite die Löcher, weil wir Sie nicht brauchen. Wenn einige der Formen, die über den Rand gehen, nur nehmen Sie das Ankerpunkt-Löschen-Werkzeug (-) und löschen Sie die anchor-Punkte am Ende, die unnötig sind, und machen kleine Anpassungen, wenn nötig (4). Füllen Sie diese Formen mit der Farbe angezeigt (5).

create slice of cheese 2create slice of cheese 2create slice of cheese 2

5. Erstellen Sie eine Scheibe Schinken

Schritt Eins

Verwenden Sie das Buntstift-Werkzeug (N) zum zeichnen einer Form, wie in dem folgenden Bild, und verwenden Sie den linearen Farbverlauf angezeigt, um ihn zu füllen. Verschieben Sie die Ankerpunkte nach innen mit dem Direktauswahl-Werkzeug (A) erstellen Sie ein realistischeres Aussehen.

create slice of ham 1create slice of ham 1create slice of ham 1

Schritt Zwei

Verwenden das Buntstift-Werkzeug (N) wieder so zeichnen Sie eine Form auf der Unterseite. Nächste, wählen Sie ham die Form und das Kopieren und Einfügen in Front (Strg-F); wählen Sie dann diese Kopie zusammen mit dem schwarzen Form, und drücken Sie Schneiden sich im Pathfinder-Bedienfeld. Füllen Sie die resultierende Form mit dem linearen Farbverlauf gezeigt.

create slice of ham 2create slice of ham 2create slice of ham 2

Schritt Drei

Als schon in den vorherigen Schritt, erstellen Sie zwei neue Formen und füllen Sie Sie mit dem linearen Verlauf zeigt sich im nächsten Bild.

create slice of ham 3create slice of ham 3create slice of ham 3

Schritt Vier

Greifen Sie das Stift-Werkzeug (P) oder dem Buntstift-Werkzeug (N) und zeichnen Sie ein paar zufällige Formen auf den Schinken in um weitere details hinzuzufügen. Füllen Sie Sie mit dem linearen Farbverlauf angezeigt unten.

create slice of ham 4create slice of ham 4create slice of ham 4

6. Verfassen der Bagel-Sandwich

Schritt Eins

Bei dieser Punkt alle Elemente bereit sind. Bevor Sie fortfahren, Gruppe (Strg-G) alle die Formen, aus denen der Salat und die Namen der die Gruppe "Salat"; Gruppe (Strg-G) alle die Formen, die das verfassen die Scheibe Käse und den Namen der Gruppe "Käse", und Sie Ahnen es... das gleiche gilt für die "Ham". Da Sie in vektorieller form, können Sie Sie auch skalieren, wenn Sie wollen.

compose bagel sandwich 1compose bagel sandwich 1compose bagel sandwich 1

Schritt Zwei

Auf oben in der "bagel-Unterseite" beginnen Sie damit, ordnen Sie die Stücke von Salat. Multiplizieren Sie den "Salat" - Gruppe, so oft wie Sie wollen, und ordnen Sie Sie, wie Sie es wünschen. Sie können kreativ sein hier. Auch die ersten Scheibe Käse.

compose bagel sandwich 2compose bagel sandwich 2compose bagel sandwich 2

Schritt Drei

Lassen fügen Sie einige Schatten, wie wir gehen, weil es wird schwieriger sein, um hinzuzufügen alle Schatten am Ende. Es ist besser, man arbeitet in Schichten.

Verwenden das Zeichenstift-Werkzeug (P) oder dem Buntstift-Werkzeug (N) zum zeichnen von zwei Pfaden entlang der äußeren Rand der Käse, aber die gehen nicht über den Rand der "bagel-Unterseite". Geben Sie eine 2-pt-Kontur mit der Farbe angegeben, und gehe dann auf Effekt - > Weichzeichnen - > Gaußscher Weichzeichner und anwenden Radius von 2 px. Senden Sie diese beiden Wege hinter der "Käse" - Gruppe.

Während die Wege sind immer noch ausgewählt ist, drücken Sie Neue Grafik-Stil an der Unterseite der Grafik-Stile-Bedienfeld, um für die spätere Verwendung speichern. Name es Braune Schatten-Grafik-Stil.

compose bagel sandwich 3compose bagel sandwich 3compose bagel sandwich 3

Schritt Vier

Nun, machen Sie eine Kopie der "Schinken" - Gruppe und ordnen Sie es über die Brezel. Mit dem Zeichenstift-Werkzeug (P) oder dem Buntstift-Werkzeug (N), zeichnen Sie einen Pfad in der oberen Ecke und dann wählen Sie einfach die Braune Schatten-Grafik-Stil aus dem Grafikstilebedienfeld zum hinzufügen von Schatten. Bewegen Sie diesen Pfad hinter dem "Schinken" - Fraktion, aber in vor dem "Käse" - Gruppe.

compose bagel sandwich 4compose bagel sandwich 4compose bagel sandwich 4

Schritt Fünf

Ziehen einen anderen Weg unten in der Ecke, geben Sie ihm eine 2 pt schwarz-Schlag, und dann bewerben Sie sich eine 2 px "Gaußscher Weichzeichner". Bewegen Sie diesen Pfad hinter dem "Schinken" aber vor dem "Salat".

Speichern dieser Stil in das Grafikstile-Bedienfeld und nennen es Black Shadow-Grafik-Stil.

compose bagel sandwich 5compose bagel sandwich 5compose bagel sandwich 5

Schritt Sechs

Arrangieren eine zweite Scheibe Schinken über das bagel, zeichnen Sie zwei Wege, wie in der folgenden Bild, und wählen Sie die Schwarzen Schatten-Grafik-Stil aus dem Grafikstile-Bedienfeld zum hinzufügen von Schatten. Verschieben Sie diese zwei Pfade hinter "Schinken".

compose bagel sandwich 6compose bagel sandwich 6compose bagel sandwich 6

Schritt Sieben

Arrangieren die Dritte Scheibe Schinken und ziehen Sie die beiden Pfade wie folgt Aussehen. Für die black path, wählen Sie die Braune Schatten-Grafik-Stil, und für die blauen Pfad auswählen, der Schwarze Schatten-Grafik-Stil. Vergessen Sie nicht, um Sie zu senden hinter "Schinken", aber vor der ersten Scheibe (1).

Hinzufügen eine weitere Scheibe Käse, ziehen Sie den grünen Pfad und wählen Sie die Braune Schatten-Grafik-Stil. Senden Sie diesen Pfad hinter "Käse" (2).

compose bagel sandwich 7compose bagel sandwich 7compose bagel sandwich 7

Schritt Acht

Nun, schnappen Sie sich die "Bagel-Top" - Gruppe und ordnen Sie es über die Zutaten. Nicht platzieren Sie es direkt über "bagel-Unterseite" aber ein wenig nach unten und nach rechts.

compose bagel sandwich 8compose bagel sandwich 8compose bagel sandwich 8

7. Fügen Sie Schatten Unter den Top-Bagel

Schritt Eins

Wählen Sie "bagel-top" und Kopieren und Einfügen (Umschalt-Strg-V). Entfernen Sie alle vorhandenen Erscheinungen und geben Ihr einfach eine weiße Fläche; dann gehe zu Effekt > Stilisieren > Drop Shadow und anwenden der Einstellungen unten dargestellt. Verschieben Sie diese Kopie, die hinter dem "Bagel-Top" - Gruppe.

Angedeutet durch die Pfeile, es gibt Bereiche, wo wir nicht haben, jeder Salat, Schinken oder Käse ragen aus der bagel, so gibt es keine Notwendigkeit für Schatten. Um die Schatten nicht sichtbar in diesen spezifischen Bereichen, werden wir eine Maske erstellen, in die nächste Schritt.

add shadow under bagel top 1add shadow under bagel top 1add shadow under bagel top 1

Schritt Zwei

Erste sperren Sie die "Bagel-Top" - Gruppe in der Ebenen-Bedienfeld, oder verstecken Sie für den moment. Wählen Sie nun alle Zutaten in Ihrem bagel (in meinem Fall: 3 x "Salat", 3 x "Schinken" und 2 x "Käse"), aber ohne Schatten-paths und dann drücken Sie Vereinen im Pathfinder-Bedienfeld (1). Als Ergebnis erhalten Sie einen zusammengesetzten Pfad (2).

Nächste, wählen Sie die weiße Form aus dem vorherigen Schritt zusammen mit diesem zusammengesetzten Pfad (die muss sein vorne) und gehen Sie zu "Objekt" > "Schnittmaske" > " Erstellen (Ctrl-7) (3). Sie können erkennen, dass das Ergebnis in der folgenden Abbildung (4).

mask the shadowmask the shadowmask the shadow

Schritt Drei

Verwenden das Ellipsen-Werkzeug (L) ziehen ein 57 x 57 px-Kreis und platzieren Sie es in der Mitte der bagel. Wählen Sie weiß als Füllfarbe; dann gehen Sie zu Effekt > Stilisieren > Schein nach Innen und anwenden der Einstellungen angezeigt unten. In der Aussehen-panel, ändern Sie die Füllmethode für die weiße Fläche zu Multiplizieren, um ihn transparent zu machen. Wir wollen nur das Schatten werden sichtbar.

add inner shadowadd inner shadowadd inner shadow

8. Fügen Sie die Sesam-Samen auf dem Bagel

Schritt Eins

Greifen das Zeichenstift-Werkzeug (P) und zeichnen Sie ein Sesam-Form, gefolgt von einem kleineren Form an der Spitze. Verwenden Sie die Farben angegeben, füllen Sie diese Formen und erstellen Sie die weißen und schwarzen Sesam. Bei 100% Ansicht die Samen sind sehr klein, also nehmen Sie sich diese Tatsache zu berücksichtigen.

Ziehen Sie den weißen Sesam in der Pinsel-Bedienfeld und wählen Sie " New Scatter Pinsel. Typ a Namen für Ihre Pinsel und die Rotation relativ zum Pfad. Lassen Sie die rest der Einstellungen, wie Sie sind und klicken Sie auf OK. Wiederholen Sie die gleiche Sache mit dem schwarzen Sesam.

create sesame seed scatter brushcreate sesame seed scatter brushcreate sesame seed scatter brush

Schritt Zwei

Nehmen das Buntstift-Werkzeug (N) und zeichnen Sie einen zufälligen Pfad über die "Bagel-Top" und Strich es mit der Sesam-Scatter Pinsel zuvor gespeichert haben. Die Linienbreite ist auf 1 pt, aber die Konturfarbe ist nicht wichtig. Öffnen Sie die Schlaganfall-Optionen-Fenster aus dem Aussehen-Bedienfeld und ändern Sie die Einstellungen, um zu zerstreuen die Samen, so viel wie möglich. Spielen Sie mit die Einstellungen, bis Sie, wie das Endergebnis.

apply sesame seed scatter brush 1apply sesame seed scatter brush 1apply sesame seed scatter brush 1

Schritt Drei

Mit der Pfad noch ausgewählt ist, drücken Sie auf Hinzufügen Neue Kontur in die Optik panel. Verwenden Sie die gleichen Sesam Scatter Pinsel aber öffnen Sie den Kontur-Optionen Fenster, und wählen Sie verschiedene Einstellungen. Dies wird fügen Sie mehr Sesam auf den bagel.

apply sesame seed scatter brush 2apply sesame seed scatter brush 2apply sesame seed scatter brush 2

Schritt Vier

Lassen fügen Sie ein paar schwarze Sesam Samen. In der Aussehen-panel, klicken Sie auf Hinzufügen Neue Kontur und dieses mal verwenden Sie den Schwarzen Sesam Streuen Pinsel, die Sie zuvor gespeichert. Öffnen Sie den Kontur-Optionen-Fenster und spielen mit den Einstellungen.

apply sesame seed scatter brush 3apply sesame seed scatter brush 3apply sesame seed scatter brush 3

Schritt Fünf

Mit der Pfad noch ausgewählt ist, und wählen Sie Erscheinungsbild aus dem Objekt Menü. Als Ergebnis, die drei Striche wiederum in drei Gruppen Samen. Doppelklicken Sie auf einem der Samen ein paar mal eingeben Isolation-Modus, bis Sie sind in der Lage, wählen Sie die einzelnen Samen und löschen Sie diejenigen, die über den Rand der bagel.

Wenn Sie getan, Isolationsmodus beenden durch drücken der Back eine Ebene Pfeil in die Obere linke Ecke der Zeichenfläche.

clean up sesame seedsclean up sesame seedsclean up sesame seeds

Schritt Sechs

Als Nächstes wählen Sie die gesamte Gruppe von Sesam und gehe zu Effekt > Stilisieren > Drop Shadow. Übernehmen Sie die Einstellungen aus dem Bild unten und klicken Sie auf OK.

apply shadow to sesame seedsapply shadow to sesame seedsapply shadow to sesame seeds

9. Fügen Sie Schatten Unter den Bagel Sandwich

Schritt Eins

Wählen Sie der zusammengesetzte Pfad, der Sie früher in das tutorial mit allen Zutaten in das sandwich, und dann Kopieren und Einfügen (Umschalt-Strg-V). Senden Sie die neue Kopie hinter alles gehen "Objekt" > "Anordnen" > " ganz nach Hinten (Shift-Strg-[) (1).

Nun, wählen Sie "bagel-unten" und dann Kopieren und Fügen Sie Wieder ein (Ctrl-B) (2). Während dieser zwei Kopien ausgewählt sind, drücken Sie Vereinen in der Pathfinder-Bedienfeld, um einen neuen zusammengesetzten Pfad (3).

add shadow under the bagel 1add shadow under the bagel 1add shadow under the bagel 1

SchrittPathfinder-Bedienfeld, um einen neuen zusammengesetzten Pfad (3). Zwei

Wählen Sie "bagel-top" und dann Kopieren und Einfügen (Umschalt-Strg-V). Senden Sie die neue Kopie hinter alles, indem Sie "Objekt" > "Anordnen" > " ganz nach Hinten (Shift-Strg-[) (1). Nun wählen Sie den zusammengesetzten Pfad aus dem vorherigen Schritt zusammen mit der Kopie der "bagel-top" und drücken Sie Vereinen im Pathfinder-Bedienfeld wieder (3).

add shadow under the bagel 2add shadow under the bagel 2add shadow under the bagel 2

Schritt Drei

Die die Form ist nun fertig. Wählen Sie schwarz als Füllfarbe und gehen Sie dann zu Effekt > Stilisieren > Drop Shadow. Wenden Sie diesen Effekt zwei mal mit den Einstellungen, die unten gezeigt. In der Aussehen-panel für die Deckkraft für die schwarze Füllung auf 0%.

add shadow under the bagel 3add shadow under the bagel 3add shadow under the bagel 3

Schritt Vier

Ziehen ein Rechteck in einer neuen Ebene hinter dem bagel und verwenden Sie die radiale Verlauf gezeigt, um ihn zu füllen, um zu erstellen, den hintergrund (1). Sie können, natürlich, fügen Sie einen anderen hintergrund, wenn Sie bevorzugen.

Verwenden das Ellipsen-Werkzeug (L) ziehen und ein neues 57 x 57 px-Kreis und Ort in der Mitte der bagel. Senden Sie den Kreis hinter alles durch gehen Sie zu "Objekt" > "Anordnen" > "nach Hinten" (Umschalt-Strg-[). Wählen Sie schwarz als Füllfarbe und legen Sie es auf die Füllmethode " Überlagern (2). Dieser wird dunkler Bereich in der Mitte der bagel ein wenig mehr (3).

add shadow under the bagel 4add shadow under the bagel 4add shadow under the bagel 4

Herzlichen Glückwunsch! Sie sind Fertig

Die bagel-sandwich-Symbol abgeschlossen ist. Ich hoffe, das war ein Spaß für Sie erstellen, und vergessen Sie nicht, teilen Sie ein Bild mit uns. Ich würde gerne finden Sie Ihr re-Kreationen. Auch, lassen Sie mich wissen, wenn Sie möchten mehr rund ums Essen tutorials in die Zukunft.

Sind Sie jetzt Hunger?

bagel sandwich icon finalbagel sandwich icon finalbagel sandwich icon final
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads