Inkscape 150 – Ultimate Boxing TShirt-Logo 1/2

Vor einiger Zeit fertigte ich für meinen Gym ein T-Shirt-Logo an, welches ich hier in ähnlicher Weise als Tutorial nachbaue. Vom ersten bis zum letzten Element wurden alle Teile von mir in Inkscape erstellt.

Die Faust – The Fist

Für die Faust bat ich einen Arbeitskollegen von meiner Hand ein Foto zu machen, welches ich später in Inkscape als Vorlage verwendete. Für solche Zwecke eignen sich hervorragend Smartphones.

Vector Boxing Logo

Meine zierliche Hand

Ihr könnt meine Hand gerne als Vorlage verwenden. Eine schnell freigestellte Version habe ich dazu unten bereitgestellt.

Vector Boxing Logo

Freigestellte Version zur Vorlage

Faust vektorisieren

Die Vektorisierung habe ich in diesem Fall von Hand vorgenommen. Zuerst eine Kontur um die Gesamtfläche. Die Kontur habe ich unter Pfad – Kontur in Pfad umwandeln konvertiert und die Innenbereich so angepasst, das sich das folgende Bild daraus ergibt (siehe Animation unten).

Vector Boxing Logo

Faust vektorisieren

Das Prinzip habe ich hier nochmal als Animation dargestellt. Kontur, Kontur in Pfade umwandeln und Nodes verschieben (siehe Animation unten).

Vector Boxing Logo

Von der Kontur zur Form

Durch einen Klick mit gehaltener STRG-ALT Taste auf eine Strecke kann ein neuer Node, oder mehrerer hinzugefügt werden, wenn benötigt (siehe Animation unten).

Vector Boxing Logo

Modelieren der Form

Der Lorbeerkranz

Einen Lorbeerkranz kann man sich auf zwei Arten anfertigen. Die eine ist selbst erstellen. Dazu habe ich hier vor längerer Zeit schon einmal eine Anleitung gegeben, mit dem Thema Pfade interpolieren.

Die zweite Möglichkeit ist, man leiht sich einen freien Vektor aus dem Netz aus. Gegebenenfalls kann die Form dann auch über Pfad – Bitmap nachzeichenen vektorisiert werden (siehe Bilder unten).

Vector Boxing Logo

Bild (PNG, JPG) importieren

Vector Boxing Logo

Bitmap nachzeichnen

Egal wie ihr den Lorbeerkranz erstellt: Wir brauchen die Zweige in Pfade! Ich komme später darauf zurück.

Kreise, Kreispfade und Text

Nun folgt, mehr oder weniger, Standardarbeit. Konturen für die äußeren und inneren Formen. Text an Pfad ausrichten.

Ich beginne mit den Konturen. Ich ziehe einfach Kreise auf. Ohne Füllung, aber mit Konturen, in einer Stärke zwischen ca. 5 und 9 Pixeln. Das kann je nach Größe der Zeichnung varieren (siehe Bild unten).

Vector Boxing Logo

Randkonturen des Logos

Hinzu kommen zwei Textzeilen, eine für Unten, eine für Oben als Headline. Die verwendete Schrift ist Impact  (siehe Bild unten).

Vector Boxing Logo

Textzeilen hinzufügen

Da sich der Text(e) im Inneren der Kreisform befinden soll, muss ich noch zwei weitere Kreise (Pfade) hinzufügen. Der Abstand oben zum Rand sollte dem Abstand zum unteren Rand entsprechen (siehe Animation unten).

Vector Boxing Logo

Zwei neue Pfade für Text an Pfad

Die untere der beiden Kreispfade ist für die Headline bestimmt. Ich klicke beide Elemente, Text und Pfad an und wende Text – Text an Pfad ausrichten an. Der Kreispfad alleine markiert, führt bei einer Rotation den Text mit sich. So richte ich die Typo aus (siehe Animation unten).

Vector Boxing Logo

Innerer Textpfad für Headline

Das Gleiche bei der unteren Textzeile. Text und Pfad markieren, Text – Text an Pfad ausrichten anklicken und den Pfad rotieren/drehen zum platzieren. Hier muss der Pfad allerdings gespiegelt werden, damit der Pfad statt aussen, innen ausgerichtet wird (siehe Animation unten).

Vector Boxing Logo

Äusseren Textpfad spiegeln

Noch ist der Text ein Text und lässt sich auch so bearbeiten. Das bedeutet, ihr könnt z.B. den Text-Curser zwischen zwei Zeichen setzen und den Zeichenabstand mit gedrückte ALT-Taste und den Pfeiltasten in kleinsten Schritten vergrössern, oder verkleinern. Je nach Schriftart kann das, gerade bei der unteren Textzeile, wegen der Schrägstellung nach Innen sinnvoll sein.

Alle Elemente platzieren

Die bisher vorhandenen Elemente sind die Kreisformen, die Textzeilen, Lorbeerkranz und die Faust. Diese Objekte richte ich zueinander aus und erhalte so meine vorhandenen Freiflächen (siehe Bild unten).

Vector Boxing Logo

Vorhandene Objekte ausrichten

Wir benötigen noch mehr zusätzliche Grafik und/oder Hilfselemente zum späteren Differenzieren. Damit ist die Funktion Pfad – Differenz gemeint. Wichtig ist es ab jetzt den Überblick zu behalten, denn letztendlich soll alles zu einem einzigen Guss verschmolzen werden.

Hinzu kommen Sternchen, die dem Ganzen einen Premium-Touch geben sollen. Die Sterchen werden mit den Beinchen alle in Richtung Kreiszentrum ausgerichtet (siehe Bild unten).

Vector Boxing Logo

Premium Sterne ausrichten

Zuletzt noch die Vereins-Initialien. The Ultime Gym = TUG. (Ein ausgedachter Verein.).

Vector Boxing Logo

Initialien hinzufügen

Mit diesen Initialien, noch sind sie reiner Text, bearbeite ich nun mit folgenden Schritten: 1. Duplizieren; 2. Objekt in Pfad umwandeln; 3. Gruppierung aufheben; 4. Vereinigen.

Danach bearbeite ich diese neue Einheit mit Pfad – Dynamischer Versatz und ziehe den rautenförmigen Node leicht nach aussen. Die Form erhält eine weisse Farbe und wird hinter den Original Initialien platziert (siehe Bild unten).

Vector Boxing Logo

Initialien weiss hinterlegt

Ähnlich, aber nur ähnlich gehe ich mit der Faust vor. Die Arbeitsschritte bei der Faust sind folgende: 1. Faust markieren, 2. Pfad Zerlegen anwenden, 3. Pfad Vereinigen anwenden.

Jetzt kann ich auch die Faust mit Pfad – Dynamischer Versatz bearbeiten und auch hier den rautenförmigen Node nach aussen ziehen. Die Faust-Kontur nach oben ausrichten und beide Objekte (Weisser Hintergrund und Faust-Kontur vor die Inituialien anheben (siehe Bild unten).

Vector Boxing Logo

Faust wie Initialien bearbeiten

Man könnte jetzt sagen, dass Logo ist fertig. Für eine Verwendung im Web würde das auch zutreffen. Allerdings gibts auch einige wenige Schönheitsfehler, die ich beseitige.

Für ein wirklich bedrucktes T-SHIRT aber, sollte das Motiv unbedingt noch weiter optimiert werden, damit es beim Druck keine Fragen und Probleme gibt.

Wie ich solchen Problemen vorbeuge und sie vermeide, dass beschreibe ich im nächsten Part.

Das könnte Dich auch interessieren...

Translate »