Lecker So erstellen Sie ein köstliches Bagel-Sandwich-Symbol in Adobe Illustrator

Was Sie erstellen werden

Folgen Sie dieser Anleitung und erfahren Sie, wie Sie in Adobe Illustrator ein Bagel-Sandwich-Symbol erstellen. Zu Beginn werden Sie die zwei Bagelstücke herstellen und dann alle Zutaten für das Sandwich zeichnen: Salatstücke, eine Scheibe Käse und eine Schinkenscheibe. 

Am meisten Spaß macht das Bagel-Sandwich, denn hier kann man kreativ werden. Die letzte Sache ist, einige Sesamkörner mit Hilfe eines Scatter-Pinsels darauf zu streuen. Wenn Sie Tutorials zum Thema Essen genauso lieben wie ich, lassen Sie uns den Spaß beginnen!

Wenn Sie nach einer Schnellstart-Alternative suchen, haben wir bei GraphicRiver eine überraschend große Sammlung von Bagel-Icons und Vektoren, die Sie je nach Bedarf anpassen können!

1. Starten Sie ein neues Projekt

Starten Illustrator und dann zu Datei> Neu um ein leeres Dokument zu öffnen. Geben Sie einen Namen für Ihre Datei ein und legen Sie die Abmessungen fest Pixel wie Einheiten und RGB wie Farbmodus

Gehen Sie als Nächstes zu Bearbeiten> Voreinstellungen> Allgemein und setze das Keyboard-Inkrement zu 1 px und während dort auch gehen Einheiten um sicherzustellen, dass sie wie im folgenden Bild eingestellt sind. Normalerweise arbeite ich mit diesen Einstellungen, und sie helfen Ihnen beim Zeichnen.

2. Erstellen Sie den Bagel

Schritt 1

Packe die Ellipsenwerkzeug (L) und zeichnen Sie zwei Kreise mit den angegebenen Abmessungen. Drücken Sie, während sie ausgewählt sind Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten in dem Ausrichten Panel. 

Schritt 2

Gehen Sie mit den noch ausgewählten Kreisen zu Objekt> Zusammengesetzter Pfad> Make (Control-8) und füllen Sie dann die resultierende Form mit hellbraun. Ich werde es nennen “Bagel-Top”, Und Sie benötigen während des gesamten Lernprogramms zusätzliche Kopien dieser Form.

Schritt 3

Mit “Bagel-Top”Noch ausgewählt, fügen Sie ein Neue Füllung in dem Aussehen Panel über dem ersten. Verwenden Sie den angezeigten radialen Verlauf und gehen Sie zu Effekt> Skizze> Basrelief und übernehmen Sie die Einstellungen aus dem nächsten Bild. Stellen Sie das ein Mischmodus zu Sanftes Licht

Schritt 4

Füge hinzu ein Neue Füllung in dem Aussehen Panel und verwenden Sie die Farbe braun; dann stellen Sie das ein Mischmodus zu Sanftes Licht.

Schritt 5

Füge hinzu ein Neue Füllung wieder und verwenden Sie die angegebene Farbe, und gehen Sie dann zu Effekt> Skizze> Notizpapier und übernehmen Sie die Einstellungen aus dem nächsten Bild. Setzen Sie dieses Fill-Attribut auf Mischmodus-Überlagerung und 15% Deckkraft.

Schritt 6

Um die pixelierte Kante loszuwerden, die vom erzeugt wird Briefpapier Effekt erstellen wir eine Maske. Wählen Sie "Bagel-Top", Kopieren und Einfügen vor (Control-F) eine Kopie erstellen und dann alle vorhandenen Erscheinungsbilder entfernen. Wählen Sie nun beide Formen aus und gehen Sie zu Objekt> Schnittmaske> Make (Control-7). Benennen Sie die resultierende Gruppe “Bagel-Oberteil”.

Schritt 7

Lassen Sie uns den unteren Teil des Bagels erstellen. Machen Sie eine weitere Kopie vonBagel-Top”Auf Ihrem Artboard und verwenden Sie den angezeigten radialen Verlauf, um es zu füllen. Wir müssen keine weiteren Details hinzufügen, da der Großteil davon durch die Zutaten im Sandwich abgedeckt wird.

3. Erstellen Sie ein Stück Salat

Schritt 1

Packe die Bleistiftwerkzeug (N) und zeichnen Sie eine ähnliche Form und füllen Sie sie mit dem dargestellten radialen Gradienten. Verwenden Sie die Verlaufswerkzeug (G) bei Bedarf die Richtung anpassen.

Schritt 2

Wenn die Salatform noch ausgewählt ist, gehen Sie zu Objekt> Pfad> Versatzpfad und bewerbe a 1,2 px Versatz um eine etwas größere Form zu erhalten. Füllen Sie diese neue Form mit dem angezeigten linearen Verlauf und vergewissern Sie sich, dass sie hinter der ersten liegt.

Schritt 3

Nun schnapp dir die Stiftwerkzeug (P) und zeichnen Sie einige Formen wie unten auf den Salat. Füllen Sie sie mit verschiedenen Grüntönen (1). Um etwas Dimension hinzuzufügen, zeichnen Sie einige kleine Formen zwischen den „Wellen“ des Salats, aber stellen Sie sicher, dass Sie sie zurückschicken. Verwenden Sie einen dunkleren Grünton als Füllfarbe (2)..

4. Erstellen Sie ein Stück Käse

Schritt 1

Verwenden Sie die Rechteckwerkzeug (M) a zeichnen 73 x 150 px Rechteck und verwenden Sie Gelb als Füllfarbe. Als nächstes zeichnen Sie einige Kreise mit der Ellipsenwerkzeug (L) und Gruppe (Control-G) Sie. 

Bevor Sie fortfahren, erstellen Sie eine Kopie dieser Gruppe, da Sie sie im nächsten Schritt benötigen. Wählen Sie nun das Rechteck zusammen mit der Kreisgruppe aus und drücken Sie Minus Front in dem Pfadfinder Platte, um die Löcher im Käse zu erhalten.

Schritt 2

Nun benötigen Sie die Kopie der Kreisgruppe aus dem vorherigen Schritt (1). Wählen Sie es aus und Kopieren und Einfügen vor (Control-F) um eine andere Gruppe von Kreisen (die grünen) zu erhalten. Verschiebe sie etwas nach unten und nach rechts (2). 

Wählen Sie anschließend beide Gruppen aus und drücken Sie Ausschließen in dem Pfadfinder Panel und dann Gruppierung aufheben (Shift-Control-G) von dem Objekt Menü (3). Löschen Sie alle resultierenden Formen von der rechten unteren Seite der Löcher, da wir sie nicht benötigen. Wenn einige Formen über den Rand gehen, nehmen Sie einfach die Ankerpunktwerkzeug löschen (-) und löschen Sie die Ankerpunkte, die nicht benötigt werden, und nehmen Sie gegebenenfalls kleine Anpassungen vor (4). Füllen Sie diese Formen mit der angegebenen Farbe (5).

5. Schinkenscheiben herstellen

Schritt 1

Verwenden Sie die Bleistiftwerkzeug (N) Um eine Form wie in der folgenden Abbildung zu zeichnen, verwenden Sie den dargestellten linearen Verlauf, um sie zu füllen. Bewegen Sie einige der Ankerpunkte mit der Taste nach innen Direktauswahl-Tool (A) realistischer aussehen.

Schritt 2

Verwenden Sie die Bleistiftwerkzeug (N) wieder um eine Form unten zu zeichnen. Als nächstes wählen Sie die Schinkenform und Kopieren und Einfügen vor (Control-F); Wählen Sie dann diese Kopie zusammen mit der schwarzen Form aus und drücken Sie Sich schneiden in dem Pfadfinder Panel. Füllen Sie die resultierende Form mit dem angezeigten linearen Farbverlauf.

Schritt 3

Erstellen Sie, wie im vorherigen Schritt erläutert, zwei neue Formen, und füllen Sie sie mit dem im nächsten Bild gezeigten linearen Verlauf.

Schritt 4

Packe die Stiftwerkzeug (P) oder der Bleistiftwerkzeug (N) und zeichnen Sie einige zufällige Formen auf den Schinken, um weitere Details hinzuzufügen. Füllen Sie sie mit dem unten gezeigten linearen Farbverlauf.

6. Das Bagel Sandwich zusammenstellen

Schritt 1

An diesem Punkt sind alle Elemente fertig. Bevor Sie fortfahren, Gruppe (Control-G) alle Formen, aus denen der Salat besteht und die Gruppe benennen “Grüner Salat”; Gruppe (Control-G) alle Formen, aus denen sich die Käsescheibe zusammensetzt und die Gruppe benennt “Käse", Und Sie haben es erraten ... tun Sie dasselbe für"Schinken”. Da sie in Vektorform vorliegen, können Sie sie auch skalieren, wenn Sie möchten.

Schritt 2

Oben auf "Bagelboden”, Fang an, die Salatstücke zu ordnen. Multiplizieren Sie die “Grüner Salat”Gruppieren Sie so oft Sie möchten und ordnen Sie sie nach Ihren Wünschen. Sie können hier kreativ sein. Fügen Sie auch die erste Käsescheibe hinzu.

Schritt 3

Lassen Sie uns einige Schatten hinzufügen, denn es wird schwieriger, alle Schatten am Ende hinzuzufügen. Es ist besser in Schichten zu arbeiten.

Verwenden Sie die Stiftwerkzeug (P) oder der Bleistiftwerkzeug (N) zwei Pfade entlang der äußeren Kante des Käses zu zeichnen, aber nicht über die Kante desBagelboden”. Gib ihnen eine 2 pt Schlaganfall Verwenden Sie die angegebene Farbe und gehen Sie zu Effekt> Unschärfe> Gaußsche Unschärfe und bewerbe a Radius von 2 px. Senden Sie diese beiden Pfade hinterKäse”Gruppe.

Während die Pfade noch ausgewählt sind, drücken Sie Neuer Grafikstil am unteren Rand der Grafische Stile Panel, um es für die spätere Verwendung zu speichern. Nennen Sie es Brown-Schatten-Grafikstil.

Schritt 4

Machen Sie jetzt eine Kopie desSchinken”Gruppe und ordnen Sie es über dem Bagel. Mit dem Stiftwerkzeug (P) oder der Bleistiftwerkzeug (N), Zeichnen Sie einen Pfad in der oberen Ecke und wählen Sie dann einfach das Symbol aus Brown-Schatten-Grafikstil von dem Grafische Stile Panel, um den Schatten hinzuzufügen. Bewegen Sie diesen Pfad hinter demSchinken"Gruppe aber vor dem"Käse”Gruppe.

Schritt 5

Zeichne einen anderen Pfad in die untere Ecke, gib ein 2 pt schwarz Schlaganfall, und dann ein anwenden 2 px Gaußsche Unschärfe. Bewegen Sie diesen Pfad hinter demSchinken"Aber vor dem"Grüner Salat”.

Speichern Sie diesen Stil in der Grafische Stile Panel und nennen Sie es Grafikstil für schwarze Schatten.

Schritt 6

Legen Sie eine zweite Schinkenscheibe über dem Bagel an, zeichnen Sie zwei Pfade wie in der folgenden Abbildung und wählen Sie die Option Grafikstil für schwarze Schatten von dem Grafische Stile Panel, um die Schatten hinzuzufügen. Bewege diese beiden Wege hinter "Schinken”.

Schritt 7

Ordnen Sie die dritte Schinkenscheibe an und zeichnen Sie die beiden Pfade wie unten. Wählen Sie für den schwarzen Pfad das aus Brown-Schatten-Grafikstil, und für den blauen Pfad das auswählen Grafikstil für schwarze Schatten. Vergiss nicht, sie hinterher zu schicken “Schinken”Aber vor der ersten Scheibe (1).

Fügen Sie eine weitere Käsescheibe hinzu, zeichnen Sie den grünen Pfad und wählen Sie die aus Brown-Schatten-Grafikstil dafür. Senden Sie diesen Pfad hinter "Käse"(2).

Schritt 8

Nun schnapp dir das “Bagel-Oberteil”Gruppieren und über die Zutaten ordnen. Legen Sie es nicht direkt darüber “Bagelboden”Aber ein wenig nach rechts und nach rechts.

7. Fügen Sie Schatten unter dem Bagel-Oberteil hinzu

Schritt 1

Wählen "Bagel-Top" und Kopieren und Einfügen (Shift-Control-V). Entferne alle vorhandenen Erscheinungen und gib ihr einfach eine weiße Füllung. dann geh zu Effekt> Stilisieren> Schlagschatten und wenden Sie die unten gezeigten Einstellungen an. Bewegen Sie diese Kopie hinter demBagel-Oberteil”Gruppe.

Wie durch die Pfeile angedeutet, gibt es Bereiche, in denen kein Salat, Schinken oder Käse aus dem Bagel herausragen, so dass dort kein Schatten erforderlich ist. Um den Schatten in diesen bestimmten Bereichen nicht sichtbar zu machen, erstellen wir im nächsten Schritt eine Maske.

Schritt 2

Zuerst sperren Sie die “Bagel-Oberteil”Gruppe in der Schichten oder verstecken Sie es für den Moment. Wählen Sie nun alle Zutaten in Ihrem Bagel aus (in meinem Fall: 3 x “Grüner Salat”, 3 x“SchinkenUnd 2 xKäse”) Aber ohne die Schattenpfade und drücken Sie dann Vereinen in dem Pfadfinder Platte (1). Als Ergebnis erhalten Sie einen zusammengesetzten Pfad (2).. 

Wählen Sie anschließend die weiße Form aus dem vorherigen Schritt zusammen mit diesem zusammengesetzten Pfad (der sich vorne befinden muss), und fahren Sie mit fort Objekt> Schnittmaske> Make (Control-7) (3). Das Endergebnis sehen Sie in der folgenden Abbildung (4).

Schritt 3

Verwenden Sie die Ellipsenwerkzeug (L) a zeichnen 57 x 57 px Kreis und legen Sie es dann in die Mitte des Bagels. Wählen Sie Weiß als Füllfarbe. dann geh zu Effekt> Stilisieren> Inner Glow und wenden Sie die unten gezeigten Einstellungen an. In dem Aussehen Panel, ändern Sie die Mischmodus für die weiße Füllung bis Multiplizieren um es transparent zu machen. Wir wollen nur, dass der Schatten sichtbar ist.

8. Die Sesamkörner auf den Bagel geben

Schritt 1

Packe die Stiftwerkzeug (P) und zeichnen Sie eine Sesam-ähnliche Form, gefolgt von einer kleineren Form oben. Verwenden Sie die angegebenen Farben, um diese Formen auszufüllen und den weißen und schwarzen Sesam zu erzeugen. Bei 100% View sind die Samen sehr klein, berücksichtigen Sie diese Tatsache. 

Ziehen Sie den weißen Sesam in die Bürsten Panel und wählen Sie Neue Streubürste. Geben Sie einen Namen für Ihren Pinsel ein und legen Sie das fest Drehung relativ zum Pfad. Lassen Sie den Rest der Einstellungen unverändert und drücken Sie OK. Wiederholen Sie dasselbe mit dem schwarzen Sesam.

Schritt 2

Nehmen Sie die Bleistiftwerkzeug (N) und zeichnen Sie einen zufälligen Pfad überBagel-Top”Und streichle es mit dem Sesam-Streubürste zuvor gespeichert. Das Schlaganfallgewicht ist um eingestellt 1 Punkt aber die Strichfarbe ist nicht wichtig. Öffne das Schlaganfalloptionen Fenster aus dem Aussehen und ändern Sie die Einstellungen, um die Samen so weit wie möglich zu streuen. Spielen Sie mit den Einstellungen, bis Ihnen das Endergebnis gefällt.

Schritt 3

Drücken Sie bei noch ausgewähltem Pfad Neuen Strich hinzufügen in dem Aussehen Panel. Verwenden Sie dasselbe Sesam-Streubürste aber öffne die Schlaganfalloptionen Fenster und wählen Sie andere Einstellungen. Dadurch werden mehr Sesamsamen auf dem Bagel hinzugefügt.

Schritt 4

Fügen wir ein paar schwarze Sesamsamen hinzu. In dem Aussehen drücken Sie die Taste Neuen Strich hinzufügen und diesmal verwenden Sie die Schwarzer Sesam-Pinsel dass du früher gerettet hast. Öffne das Schlaganfalloptionen Fenster und spielen Sie mit den Einstellungen.

Schritt 5

Wählen Sie bei weiterhin ausgewähltem Pfad Aussehen erweitern von dem Objekt Speisekarte. Infolgedessen werden die drei Schläge in drei Gruppen von Samen umgewandelt. Doppelklicken Sie ein paar Mal auf einen der Samen, um den Samen einzugeben Isolationsmodus bis Sie in der Lage sind, die einzelnen Samen auszuwählen und diejenigen zu löschen, die über den Bagelrand hinausgehen. 

Wenn Sie fertig sind, beenden Sie den Vorgang Isolationsmodus durch Drücken der Eine Ebene zurück Pfeil in der oberen linken Ecke Ihres Artboards.

Schritt 6

Als nächstes wählen Sie die gesamte Gruppe der Sesamsamen aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Übernehmen Sie die Einstellungen aus dem Bild und klicken Sie auf OK.

9. Fügen Sie Schatten unter dem Bagel-Sandwich hinzu

Schritt 1

Wählen Sie den zusammengesetzten Pfad aus, den Sie zuvor im Lernprogramm erstellt haben, und verwenden Sie dabei alle Zutaten im Sandwich Kopieren und Einfügen (Shift-Control-V). Senden Sie die neue Kopie hinter alles, indem Sie zu gehen Objekt> Anordnen> Nach hinten senden (Shift-Control- [) (1). 

Wählen Sie nun "Bagelboden" und dann Kopieren und Einfügen im Hintergrund (Control-B) (2). Drücken Sie, während diese beiden Kopien ausgewählt sind Vereinen in dem Pfadfinder Panel, um einen neuen zusammengesetzten Pfad zu erhalten (3).

Schritt 2

Wählen "Bagel-Top" und dann Kopieren und Einfügen (Shift-Control-V). Senden Sie die neue Kopie hinter alles, indem Sie zu gehen Objekt> Anordnen> Nach hinten senden (Shift-Control- [) (1). Wählen Sie nun den zusammengesetzten Pfad aus dem vorherigen Schritt zusammen mit der Kopie vonBagel-Top" und drücke Vereinen in dem Pfadfinder wieder Panel (3).

Schritt 3

Die Form ist jetzt fertig. Wählen Sie Schwarz als Füllfarbe und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Wenden Sie diesen Effekt zweimal mit den unten gezeigten Einstellungen an. In dem Aussehen Stellen Sie das Panel ein Opazität für das schwarze Fill to 0%.

Schritt 4

Zeichnen Sie ein Rechteck in einer neuen Ebene hinter dem Bagel und füllen Sie es mit dem angezeigten radialen Verlauf, um den Hintergrund zu erzeugen (1). Sie können natürlich auch einen anderen Hintergrund hinzufügen, wenn Sie möchten.

Verwenden Sie die Ellipsenwerkzeug (L) ein neues zeichnen 57 x 57 px umkreisen und in die Mitte des Bagels legen. Schicken Sie den Kreis hinter alles, indem Sie zu gehen Objekt> Anordnen> Nach hinten senden (Shift-Control- [). Wählen Sie Schwarz als Füllfarbe und setzen Sie es auf Mischmodus-Überlagerung (2). Dadurch wird der Bereich in der Mitte des Bagels etwas dunkler (3)..

Herzliche Glückwünsche! Sie sind fertig

Das Bagel-Sandwich-Symbol ist abgeschlossen. Ich hoffe, dass es Ihnen Spaß gemacht hat, zu erstellen, und vergessen Sie nicht, ein Bild mit uns zu teilen. Ich würde mich sehr freuen, wenn Sie Ihre neuen Kreationen sehen würden. Lassen Sie mich auch wissen, ob Sie in Zukunft mehr Tutorials zum Thema Lebensmittel wünschen. 

Bist du jetzt hungrig?