Erstellen eines Kaffeehaus-Logo - Von der Theorie zum Vektor in Adobe Illustrator

() translation by (you can also view the original English article)

Mit diesem Tutorial werde ich Tipps geben, die Sie beim Erstellen eines Logos beachten sollten. Ich werde auch einige grundlegende Manipulationen des Stern-Werkzeugs (Star Tool) behandeln und auch wie man Typ auf einem Pfad anpasst, um ein Vintage-inspiriertes Logo für ein Kaffeehaus zu erstellen.

Mit Ideen und Kunden arbeiten

Wenn wir ein Logo erstellen, bevor wir mit dem Skizzieren beginnen, müssen wir mit unserem Kunden sprechen und einige Informationen sammeln. Ich bin der Meinung, dass je mehr Informationen Sie über ein Kundengeschäft oder -produkt haben, desto besser darauf vorbereitet sind, wenn Sie ein Logo entwerfen, um dieses Produkt in die Welt zu tragen.

Es gibt eine Menge toller Artikel im Internet, die Fragen an Ihre Kunden stellen und Ihnen zeigen, wie Sie Ihr Talent und Ihre Zeit in Rechnung stellen können. Ich werde deshalb nicht zu sehr ins Detail gehen. Seien Sie sich bewusst, dass Sie für den Kunden und seine Marke entwerfen. Sie müssen ihre Wünsche und Entscheidungen respektieren, aber Sie müssen auch wissen, wann Sie sich behaupten und Ihr Design verkaufen müssen. Immerhin haben sie dich kontaktiert, um für sie zu entwerfen, sie respektieren deine Meinung als Künstler, Sie müssen ihnen nur zeigen können, warum sie Ihr vertrauen.

Wenn es um das Skizzieren geht, ist es immer wichtig, Optionen zur Verfügung zu stellen. Abhängig von Ihrem Arbeitsablauf kann dies von einer Handvoll bis zu einer großen Vielfalt reichen. Persönlich stelle ich einem Klienten ungefähr 10 verschiedene Optionen zur Verfügung, mit denen er anfänglich beginnen kann. Ich werde dann den Kunden mit diesen Optionen kontaktieren und sie bitten, zwei oder drei auszuwählen und zu erklären, warum es ihnen gefällt und so viel Rückmeldung wie möglich über die Richtung zu geben, die sie gerne hätten. Normalerweise können Sie sofort sagen, welche Version sie mehr mögen und von dort aus können Sie beginnen, das Design zu verfeinern. Ich nehme diese beiden Optionen und erweitere sie basierend auf ihrem Feedback und biete eine Handvoll Varianten an, nicht mehr als zwei oder mehr.

An diesem Punkt müssen Sie anfangen, sich selbst zu verkaufen. Als Designer fühlen Sie vielleicht, dass Sie wissen, was das Beste ist, und wenn ein Design, das Sie wirklich lieben, abgelehnt wird, ist es schwer, es nicht persönlich zu nehmen. Leider gibt es dafür keine Heilung und das passiert normalerweise mindestens einmal bei jedem Projekt. Sie müssen darauf vorbereitet sein und reif genug und selbstsicher genug sein, um es abzuschütteln und weiter voranzukommen. Berücksichtigen Sie die Vorschläge der Kunden, wenn sie nur lächerlich sind, erklären Sie sie ihnen so human wie möglich. Denken Sie daran, dass Design-Arbeit ein wiederholter Kunde und Mund-zu-Mund-Geschäft ist, nicht herablassend oder snarky. Das kann Ihrem Ruf unwiderruflich schaden und Ihr Geschäft auf lange Sicht kosten.

Skizzieren Sie Ihre Designs

Mit den oben genannten Informationen, lassen Sie uns unseren Kunden treffen.

Für dieses Tutorial verwenden wir ein fiktives Café mit dem Titel "Vector Coffee". Da wir auf Vectortuts+ sind, nehmen wir an, dass es im Besitz der Firma Envato ist. Mit diesen Informationen und ein wenig Forschung können wir schlussfolgern, dass sie eine saubere, gestochen scharfe Vintage/Modern Design-Ästhetik mögen. Auf der Suche nach einem Ort mögen sie ein schönes flaches Motiv zu ihrem Firmenentwurf. Wir können sehen, dass sich diese Designästhetik auf alle Aspekte ihrer digitalen Präsenz erstreckt. Das deutet darauf hin, dass sie bereits eine Unternehmensmarke haben, und wir sollten das respektieren.

Bedenken Sie beim Skizzieren die Markenfarben, Schriftarten und Formen, die sie als Teil ihrer Marke betrachten. Das sind Informationen, die Sie vor Beginn des Projekts aus Ihren Fragen an den Kunden ermittelt haben sollten. Versuchen Sie auch, das verwendete Logo im Internet oder im Druck darzustellen. Verstehen Sie, dass Farbverläufe und eine breite Palette an Farben und Formen im Web oder in Adobe Illustrator gut aussehen. Es lässt sich nicht so gut drucken, und die Produktion kann sich als zu teuer erweisen. Versuchen Sie, Ihre Farbpalette auf ein Minimum zu beschränken und sich vorzustellen, wie das Logo auf verschiedenen Hintergründen oder Farben aussehen könnte. Sichtbarkeit und Lesbarkeit sind der Schlüssel zu einem großartigen Design. Text oder Formen, die auf dem Computer klein sind, können vollständig verloren gehen, wenn sie auf einem Umschlag oder Buchstabenkopf gedruckt werden. Eine gute Faustregel ist, dass Ihr Logo auf ein Bild gedruckt wird, das etwas größer als die Größe eines Viertels ist. Wenn Sie Ihr Bild auf diese Größe verkleinern und die Details, die Ihr Logo ausmachen, verloren gehen, ist es ein schlechtes Design und Sie sollten Ihre Möglichkeiten überdenken.

Für dieses Logo wollte ich einen Weg finden, Vektor with Kaffee zu vermitteln. Ich untersuchte einige Optionen, die eine Kaffeetasse, eine Kaffeebohne und sogar einen Tropfen Kaffee beinhalteten, und versuchte, sie mit gewöhnlichen Vektorobjekten wie Wegpunkten und dem Stiftwerkzeug zu kombinieren. Endlich setze ich mich auf ein klassisches Briefmarkenmotiv mit Wellenrändern und Text. Nachdem sie es mit dem Kunden besprochen hatten, mochten sie diese Option am besten, aber sie wollten etwas, das ihnen dabei half, es etwas aufzufrischen. Ich habe auch eine Markierung erstellt, die in Verbindung mit der Stempelform oder als eigenständiges Objekt verwendet werden kann, das einem Tropfen Kaffee ähnelt, aber die Feder eines Füllfederhalters widerspiegelt, der das Symbol für das Stiftwerkzeug über fast alle Vektoren ist Programme. Für die Farbpalette bleibe ich bei einer satten roten Farbe, die anzeigt, dass Hitze dazu beiträgt, die Tatsache zu verkaufen, dass es heißer Kaffee ist. Ich wähle ein schönes Goldgelb, das auch eine wärmende Wirkung hat, aber auch ein Gefühl von Freude und Glück vermittelt. Und schließlich ein schönes, reiches, gedecktes Braun, das, nun, die Farbe von Kaffee ist.

1. Erstellen Sie ein neues Dokument

Mit unserer Skizze beginnen wir den wichtigsten Teil unseres Logo-Prozesses. Vektor-Erholung. Nur eine Rasterkopie Ihres Logos zu haben, ist in dieser auflösungsunabhängigen Welt einfach inakzeptabel. Wenn Sie einem Kunden nur eine reine Rasterversion zur Verfügung stellen, ist das ein Zeichen für schlechte Qualität als Designer.

Jetzt, wo wir unsere Logo-Auswahl vom Kunden haben, beginnen wir mit dem Öffnen von Illustrator und dem Erstellen eines Dokuments mit den Optionen, die im Bild unten dargestellt sind.

2. Erstellen Sie Ihre gewellte Sternform

Schritt 1

Mit unserem erstellten Dokument erstellen wir unser Logo. Ich werde die gewählte Skizze nicht importieren, da es nur ein grober Überblick dessen ist, was ich eigentlich erreichen möchte, und habe eine ziemlich gute Idee, wie ich sie in Illustrator wiederherstellen kann, ohne meine ursprüngliche Skizze nachzuzeichnen. Wenn Sie jedoch Ihre Skizze importieren möchten, tun Sie dies bitte.

Um zu beginnen, wählen Sie bitte das Stern-Werkzeug unter dem Rechteck-Werkzeug in unserer Werkzeugleiste. Sie müssen für ein oder zwei Schläge klicken und halten, damit das Flyout-Fenster mit den Unterwerkzeugen angezeigt wird. Sobald sie aktiviert ist, klicken Sie auf Ihre Kunstkarte und geben Sie die Einstellungen ein, die Sie unten sehen. Wenn die Form erstellt wurde, passen Sie die Höhe und Breite des Sterns mithilfe des Transformationsfensters (Fenster > Transformieren (Window > Transform)) auf 448 x 448 px an. Drehen Sie dann den Stern um 90 Grad gegen den Uhrzeigersinn, so dass einer der Sternpunkte direkt nach oben zeigt.

Schritt 2

Wenn Sie unsere Sternform ausgewählt haben, gehen Sie zum Ausrichtenbedienfeld (Fenster > Ausrichten (Window > Align)) und wählen Sie Ausrichten an Zeichenfläche und dann Vertikale Ausrichtenmitte und Horizontale Ausrichtenmitte. Das sind die zweiten Symbole von jeder Seite in der oberen Reihe im Ausrichtungsfenster.

Schritt 3

Jetzt, wo es richtig zentriert ist, öffne das Aussehen-Fenster (Fenster > Aussehen(Window > Appearance)) und füge eine schöne satte braune Farbe hinzu (entnommen aus unseren Kunden-Marken-Informationen). Wählen Sie außerdem die Schaltfläche Effekte am unteren Rand des Ausehen-Bedienfelds und wählen Sie Stilisieren > Runde Ecken (Stylize > Round Corners). Geben Sie dann die folgenden Informationen ein.

Schritt 4

Wählen Sie das Ellipsen-Werkzeug (Ellipse Tool) (L) und klicken Sie auf Ihr Kunst-Brett. Erstellen Sie nun einen perfekten Kreis, der 406 x 406 px groß ist, und zentrieren Sie ihn dann wie unten beschrieben auf der Zeichenfläche.

Schritt 5

Wechseln Sie zu Ihrem Auswahlwerkzeug (Selection Tool) (V) und klicken Sie bei gedrückter Shift-Taste auf den Kreis und den Wellenstern, um beide gleichzeitig auszuwählen. Öffnen Sie nun das Pathfinder-Panel (Window > Pathfinder (Window > Pathfinder)) und wählen Sie das zweite Icon von links Minus Front und damit ist die Sternform abgeschlossen.