Erstellen Sie in Illustrator Sätze von Produktsymbolen

Klicken Sie auf das Symbol oben rechts, um die Symbole zu vergrößern

Klicken Sie auf das Symbol oben rechts, um die Symbole zu vergrößern

Illustrierte Symbole können eine super Ergänzung zu Ihrem sein Design-Portfolio , ob Sie sie einbeziehen, um eine neue Gruppe potenzieller Kunden zu erreichen oder um einer illustrierten Szene weitere Elemente hinzuzufügen. In diesem Adobe Illustrator-Lernprogramm Ich zeige Ihnen, wie Sie einfach und einfach Symbole erstellen, damit Sie in kürzester Zeit große Mengen davon erstellen können.

Ich werde zwei Symbolsätze entwerfen: einen Satz digitaler Telefone / Tablets und einen Satz Kaffeezubereitungsartikel.



01. Wissen Sie, was Sie darstellen

Bilder von Handys, Tablets und Kaffeemaschinen

Reale Produkte erfordern ein gutes Maß an Forschung

Was auch immer Ihre Produkte sind, machen Sie Ihre Recherchen! Ein Kunde möchte, dass alle Produkte korrekt sind, und das sollten Sie auch. Selbst wenn es sich um ein persönliches Projekt handelt, können Sie einem originalen Nokia 3310 nicht versehentlich eine Kamerataste hinzufügen oder einen zweipoligen Stecker an einen britischen Wasserkocher anschließen. Wenn Sie ein Produkt für einen Kunden illustrieren, stellen Sie sicher, dass Sie wissen, wie es rundum aussieht, damit Sie es als reales Objekt verstehen.

02. Zeichne es mit Bleistift

Kaffeemaschinen in einfachen Linien unter einer Reihe von Telefonen gezeichnet

Teilen Sie das Objekt in einfache Linien auf

Sie können beginnen, wie Sie möchten - ich zeichne immer alles mit Bleistift, aber für viele Produkte können Sie ein Foto nachzeichnen. Wenn Sie eine schwierige Form zum Zeichnen haben und diese symmetrisch ist - zum Beispiel eine Glühbirne -, können Sie nur eine Hälfte davon zeichnen (darauf komme ich später zurück!).

03. Knicke loswerden

Eine Strichzeichnung einer Kaffeekanne

Halten Sie sich an gerade Linien, perfekte Winkel und glatte Kurven

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

Hierfür gibt es zwei Haupttipps. Halten Sie zunächst mit dem Formwerkzeug die Taste gedrückt Verschiebung Schlüssel, um perfekte Kreise und Quadrate oder Polygone zu erhalten, die gerade sitzen. Und zweitens halten Sie mit dem Stiftwerkzeug die Taste gedrückt Verschiebung Taste, um nur Winkel von 45 Grad oder 90 Grad zu einer Achse zu zeichnen.

04. Nutzen Sie die Symmetrie

Telefon mit Box um den Bildschirm, um die Symmetrie hervorzuheben

Symmetrie kann Ihren Workflow effizienter machen

Viele Produkte sind perfekt symmetrisch, was die Dinge schön und einfach macht. Sobald Sie die Linien haben, wählen Sie alles mit dem Auswahlwerkzeug aus ( cmd + V. ) und in der oberen Leiste wird eine Reihe von Ausrichtungsschaltflächen angezeigt. Klicken Sie je nach Bedarf entweder auf die horizontale oder die vertikale Schaltfläche 'Mitte ausrichten', und alles wird symmetrisch. Sie können Objekte auch gruppieren und dann an anderen Objekten oder Gruppen ausrichten.

05. Reflektieren Sie komplexere Objekte

Ein Bild eines Kruges reflektiert

Durch einfaches Kopieren und Einfügen bleiben Ihre Objekte schön aufgeräumt

Um Symmetrie bei formschöneren Objekten zu erzielen, stellen Sie eine Hälfte perfekt dar, wählen Sie diese Hälften aus und kopieren Sie sie und fügen Sie sie alle auf einmal ein, indem Sie sie gedrückt halten Shift + Alt Wenn Sie die rechte Pfeiltaste drücken, bleiben diese Linien auf gleicher Höhe mit ihren Originalen.

Wenn die kopierten Objekte ausgewählt sind, klicken Sie im Hauptmenü auf Objekt> Transformieren> Reflektieren, wählen Sie die Option Vertikal und klicken Sie auf OK. Platzieren Sie diese Seite des Objekts, um die richtige Breite zu erhalten (verwenden Sie nur die linke und rechte Pfeiltaste, damit sie mit der anderen Hälfte ausgerichtet bleiben).

Verwenden des Direktauswahl-Werkzeugs ( cmd + A. ) Verbinden Sie die beiden Seiten jeder Zeile, indem Sie die beiden Zeilenenden auswählen und auf klicken cmd + J. .

06. Konsistenz beibehalten

Bild von Telefonen mit Konsistenz zwischen ihnen hervorgehoben

Alle Produkte durchlaufen Entwicklungen; zeigen, wie man sich auf das nächste bezieht

Wenn Sie an einer Produktkollektion arbeiten, stellen Sie sicher, dass Sie immer die anderen Artikel in der Kollektion berücksichtigen. Wenn die Schaltflächen für alle Produkte gleich sind, kopieren Sie sie und fügen Sie sie ein. Wenn die gekrümmte Ecke immer dieselbe Größe hat, stellen Sie sicher, dass Sie dieselbe Ecke verwenden.

Oft (insbesondere bei technischen Produkten) können Sie ein Gerät erstellen, es dann kopieren / einfügen und einfach die Proportionen anpassen, um das nächste Symbol zu erstellen, was Ihren Workflow erheblich beschleunigen kann.

07. Fügen Sie etwas Farbe hinzu

Zwei Kaffeekannen, eine graue und eine grüne

Die Verwendung von Grau für Metall kann langweilig werden. Experimentieren Sie also mit Blues

Wenn Ihre Linien fertig sind, fahren Sie mit Farbe fort. Im Allgemeinen möchten Sie die Töne so realitätsnah wie möglich gestalten, es gibt jedoch einige Ausnahmen. Zum Beispiel sind die meisten Metalle mittelgrau, was für alle langweilig ist! Stattdessen verwende ich verschiedene Blaugrau-Töne (hell oder dunkel) und streue 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 etwas Wärme zu bringen.

08. Gradienten erkunden

Ein Telefon mit einem Green-Screen-Farbverlauf

Selbst ein subtiler Farbverlauf kann einen echten Unterschied zu einem Symbol bewirken

Während wir illustrierte Symbole erstellen, möchten Sie bei kleinen Details und Texturen nicht zu weit gehen. Sie können jedoch die Oberfläche eines Produkts mit einem Farbverlauf wirklich verkaufen. Um das Beste aus Adobe Illustrator herauszuholen, erstellen Sie keine Farbverläufe von einer Farbe zur nächsten (dies führt beim Drucken häufig zu Streifenbildung).

Wählen Sie stattdessen eine flache Farbe für ein Objekt / eine Form aus, wählen Sie die Form aus und duplizieren Sie sie (im Ebenenbedienfeld). Fügen Sie diesem oberen Objekt dann einen Farbverlauf hinzu, der von einer Deckkraft von 100% bis 0% reicht.

09. Versuchen Sie, Schatten und Lichter einzuschließen

Eine grüne Cafetiere mit Schatten

Erstellen Sie Ihre eigenen Lichter und Schatten und entwickeln Sie Ihren eigenen Grafikstil

Wenn ich keine Farbverläufe verwende, dupliziere ich häufig ein Objekt und schneide es dann an einer Ecke aus. Ich verwende das Stiftwerkzeug (halte die Umschalttaste erneut gedrückt), um eine Form zu erstellen, die in einem 45-Grad-Winkel zugeschnitten ist. Diese Farbe färbe ich dann in einem helleren oder dunkleren Farbton, um einen einfachen, aber effektiven Schatten oder Glanzlicht hinzuzufügen.

10. Fügen Sie zusätzliche Details hinzu

Zwei Reihen grüner Produkte, Telefone und Kaffeekannen

Erwecken Sie Ihre Produkte zum Leben, indem Sie zusätzliche Details hinzufügen

Wenn die Größe, in der Sie die Symbole verwenden, dies zulässt, können Sie sie zum Leben erwecken. Ein technisches Gerät sieht mit nichts auf dem Bildschirm langweilig aus. Nutzen Sie diesen Bereich, um seine Funktionen zu demonstrieren oder eine App zu verkaufen. Grafische Produktabbildungen, die in einer größeren Abbildung verwendet werden (z. B. wenn diese Kaffeeeinrichtungen Teil einer größeren Szene wären), ziehen den Betrachter an.

Zusammenhängende Posts: