Erstellen Sie Sätze von Produktsymbolen in Illustrator

Sep 11, 2025

wie man

Click the icon in the top right to enlarge the icons — Klicken Sie auf das Symbol oben rechts, um die Symbole zu vergrößern

Illustrierte Icons können eine super Ergänzung zu Ihrem Design-Portfolio. , egal ob Sie sie einschließen, um eine neue Gruppe potenzieller Kunden zu erreichen oder mehr Elemente einer dargestellten Szene hinzuzufügen. In diesem Adobe Illustrator-Tutorial. Ich zeige Ihnen, wie Sie Symbole einfach und einfach erstellen können, sodass Sie in kürzester Zeit große Mengen erstellen können.

Ich werde zwei Symbolsätze entwerfen: ein Satz digitaler Telefon- / Tablets und eine Reihe von Kaffeeartikeln.

01. weiß, was Sie vertreten

pictures of phones, tablets and coffee machines — Real-World-Produkte brauchen ein gutes Forschungsgrad

Was auch immer Ihr Set von Produkten ist, Ihre Forschung! Ein Client möchte, dass alle Produkte korrekt sein, und Sie sollten auch. Selbst wenn es sich um ein persönliches Projekt handelt, können Sie keinem Original-Nokia 3310 eine Kamerataste hinzufügen oder einen zweistöckigen Stecker auf einen britischen Wasserkocher legen. Wenn Sie ein Produkt für einen Kunden veranschaulichen, stellen Sie sicher, dass Sie wissen, wie es umso aussieht, so dass Sie es als real-Welt-Objekt verstehen.

02. Zeichne es in Bleistift

Coffee makers drawn in simple lines below a row of phones — Brechen Sie das Objekt in einfache Linien

Sie können beginnen, aber Sie wünschen - ich ziehe immer alles in Bleistift, aber für viele Produkte können Sie ein Foto verfolgen. Wenn Sie eine schwierige Form haben, um zu zeichnen, und es ist zufällig symmetrisch - zum Beispiel eine Glühbirne - Sie können einfach die Hälfte davon ziehen (ich komme später dazu!).

03. Erhalten Sie Knicke

A line drawing of a coffee pot — Halten Sie sich an gerade Linien, perfekte Winkel und glatte Kurven

Halten Sie beim Erstellen von Linework immer Linien und Winkel gerade und sauber. Ihre illustrierten Produktsymbole können auf der Seite oder dem Bildschirm recht klein verwendet werden, und unnötige Knicke oder Kurven können das Auge verwirren und die Dinge unklar machen.

Es gibt zwei Haupttipps dafür. Erste, mit dem Formwerkzeug, halten Sie die Verschiebung Schlüssel, um perfekte Kreise und Quadrate oder Polygone zu erhalten, die gerade sitzen. Und zweitens, mit dem Stiftwerkzeug halten Sie die Verschiebung Taste, um nur Winkel bei 45 Grad oder um 90 Grad an eine Achse zu zeichnen.

04. Verwenden Sie Symmetrie

Phone with box around screen to highlight symmetry — Symmetrie kann Ihren Workflow effizienter machen

Viele Produkte sind vollkommen symmetrisch, was die Dinge nett und einfach macht. Sobald Sie die Linework haben, wählen Sie alles mit Auswahlwerkzeug ( cmd + v. ) Und Sie sehen, dass eine Reihe von Ausrichtungstasten in der oberen Leiste angezeigt wird. Klicken Sie je nach dem, was Sie benötigen, klicken Sie auf die horizontale oder vertikale Align-Center-Taste, und alles fällt in Symmetrie ein. Sie können auch Objekte zusammenstellen und mit anderen Objekten oder Gruppen ausrichten.

05. reflektieren komplexere Objekte

An image of a jug reflected — Eine einfache Kopie und Einfüge hält Ihre Objekte nett und aufgeräumt

Für Symmetrie auf formschlüssigeren Objekten, die eine Hälfte perfekt veranschaulichen, und dann diese Hälften auswählen und kopieren und alle in eins einfügen, indem Sie sie anhalten Umschalt + Alt. Und die richtige Pfeiltaste schlägt, bleibt diese Linienebene mit ihren Originalen.

Noch mit den kopierten Objekten ausgewählt, klicken Sie auf Object & GT; Transform & gt; Über das Hauptmenü spiegeln, wählen Sie die vertikale Option aus und klicken Sie auf OK. Platzieren Sie diese Seite des Objekts, um die Breite zu erhalten (mithilfe der linken und rechten Pfeiltasten, damit sie mit der anderen Hälfte ausgerichtet sind).

Mit dem direkten Auswahlwerkzeug ( cmd + A. ) Verbinden Sie die beiden Seiten jeder Zeile, indem Sie die beiden Zeilenenden auswählen und klicken cmd + j. .

06. Konsistenz aufrechterhalten.

Picture of phones with consistency between them highlighted — Alle Produkte durchlaufen evolutions; zeigen, wie man sich auf die nächste bezieht

Wenn Sie an einer Sammlung von Produkten arbeiten, stellen Sie sicher, dass Sie die anderen Artikel in der Sammlung immer in Betracht ziehen. Wenn Schaltflächen überzeugt sind, kopieren Sie sie, kopieren und fügen Sie sie, wenn die gekrümmte Ecke immer die gleiche Größe ist, und stellen Sie sicher, dass Sie dieselbe Ecke verwenden.

Oft (mit Tech-Produkten insbesondere) können Sie ein Gerät herstellen, ein Gerät kopieren / einfügen und einfach die Anteile anpassen, um das nächste Symbol zu erstellen, das Ihren Workflow wirklich beschleunigen kann.

07. Fügen Sie etwas Farbe hinzu

Two coffee pots, one grey, one green — Die Verwendung von Grau für Metall kann langweilig werden, also experimentieren Sie mit Blues

Mit Ihrer Linework abgeschlossen, fahren Sie mit der Farbe fort. Im Allgemeinen möchten Sie die Töne so nahe wie möglich in der Realität holen, aber es gibt einige Ausnahmen. Zum Beispiel sind die meisten Metalle ein Mid-Gray, das für jeden langweilig ist! Stattdessen benutze ich eine Vielzahl von blau-grauen Tönen (leicht oder dunkel) und streut normalerweise in Türkis.

Versuchen Sie, auch ein transparentes Blau für Glas zu verwenden, da sich Weiß kalt anfühlen kann. Ich empfehle auch Orangen und Gelb für Holzoberflächen, um wirklich Wärme zu bringen.

08. Erkunden von Gradienten

A phone with a green screen gradient — Sogar ein subtiler Farbgradient kann einen echten Unterschied zu einem Symbol machen

Da wir illustrierte Symbole erstellen, möchten Sie nicht zu weit auf kleinere Details und Texturen gehen. Sie können jedoch wirklich die Oberfläche eines Produkts mit einem Gradienten verkaufen. Um das Beste aus Adobe Illustrator herauszuholen, erstellen Sie keine Farbverläufe von einer Farbe zum nächsten (er führt häufig zu Banding, wenn sie gedruckt werden).

Wählen Sie stattdessen eine flache Farbe für ein Objekt / eine Form, wählen Sie die Form aus, wählen Sie die Form aus und duplizieren Sie sie (in der Ebenenfenster-Ebene), und fügen Sie dann einen Gradienten, der dieses obere Objekt von einer Deckkraft von 100% bis 0% ausgeht.

09. Versuchen Sie es mit Schatten und Highlights

A green cafetiere with shadows — Erstellen Sie Ihre eigenen Highlights und Schatten und entwickeln Sie Ihren eigenen grafischen Stil

Wenn ich keine Gradienten verwende, duplizierst ich oft ein Objekt und schneide sie anschließend an einer Ecke. Ich benutze das Stiftwerkzeug (wieder in die Umschalttaste gedrückt), um eine in einem 45-Grad-Winkel geschnittene Form zu erzeugen, was ich dann in einem leichteren oder dunkleren Farbton färbe, um einen einfachen, aber effektiven Schatten oder Highlight hinzuzufügen.

10. Fügen Sie zusätzliche Details hinzu

Two rows of green products, phones and coffee pots — Bringen Sie Ihre Produkte auf das Leben, indem Sie zusätzliche Details hinzufügen

Wenn Sie schließlich die Größe der Symbole verwenden, können Sie sie wirklich zum Leben bringen. Ein Tech-Gerät sieht mit nichts auf dem Bildschirm nicht ein, also nutzen Sie diesen Raum, um seine Funktionen zu demonstrieren oder eine App zu verkaufen. Grafische Produktabbildungen, die in einer größeren Illustration verwendet werden (zum Beispiel, wenn diese Kaffeeanlagen Teil einer breiteren Szene waren), zeichnet den Betrachter in.

Zusammenhängende Posts:

So erstellen Sie Wiederholungsmuster in Illustrator
Die besten Premium- und kostenlosen Illustrator-Pinsel
Erstellen Sie einen konsistenten Set von Symbolen in der Skizze

Erstellen Sie Sätze von Produktsymbolen in Illustrator

01. weiß, was Sie vertreten

02. Zeichne es in Bleistift

03. Erhalten Sie Knicke

04. Verwenden Sie Symmetrie

05. reflektieren komplexere Objekte

06. Konsistenz aufrechterhalten.

07. Fügen Sie etwas Farbe hinzu

08. Erkunden von Gradienten

09. Versuchen Sie es mit Schatten und Highlights

10. Fügen Sie zusätzliche Details hinzu

wie man - Die beliebtesten Artikel

Farbe ausdrucksstarker Porträtkunst mit Arttrage 5

Drehen Sie 2D-Illustrationen in 3D-Kunst

Erstellen Sie eine komplexe 3D-Science-Szene in Mixer

Wie kann ich Ihre eigene Charakterbibel machen

Wie geht es mit HTML-Video

Machen Sie eine doppelte Belichtung in Photoshop

Wie heißt man Ihre Webdesign-Agentur

Wie kombinieren Sie skulptäre und lackierte Verschiebungskarten

Kategorien