In diesem Photoshop-Tutorial zeige ich Ihnen, wie Sie ganz einfach coole Vintage-Logo-Designs erstellen, indem Sie antike Illustrationen mit visuell interessanten Textstilen und Layouts kombinieren. Diese Art von Kunstwerken ist als T-Shirt-Grafik sehr beliebt, daher zeige ich Ihnen, wie Sie Ihr Dokument in der entsprechenden Größe für ein T-Shirt-Design einrichten. Um die Grafik zu vervollständigen, wenden wir einige Vintage-Druckeffekte an und nutzen meine Washed and Worn Texturen, um das digitale Design wie einen echten alten T-Shirt-Druck aussehen zu lassen. Washed and Worn Old T-shirt Textures
Um Ihr Vintage-Marken-T-Shirt-Design zu erstellen, öffnen Sie Adobe Photoshop und erstellen Sie ein neues Dokument. Gängige Abmessungen für die bedruckbare Vorderseite eines T-Shirts sind 12×14 Zoll. Erstellen Sie ein Dokument in dieser Größe. Es ist sinnvoll, die Auflösung auf 300 ppi einzustellen, da Ihre T-Shirt-Grafiken wahrscheinlich gedruckt werden. Da wir für den Druck arbeiten, ist es eine gute Idee, den Farbmodus auf CMYK einzustellen, auch wenn dieses Design nur Weiß und Rot verwendet. Dieses spezielle Design ist für dunklere T-Shirt-Farben wie Schwarz gedacht. Füllen Sie die Leinwand mit der Standard-Vordergrundfarbe Schwarz, indem Sie die Verknüpfung ALT+Backspace verwenden.
Lassen Sie uns eine antike Illustration aus The World’s Greatest Vintage Collection als Grundlage für dieses Design auswählen. Es gibt über 1000 Illustrationen zur Auswahl, die aus alten Büchern restauriert wurden. Ich werde die Schlangenzeichnung aus Animals Volume 1 verwenden.
Öffnen Sie die EPS-Version, um sie in den erforderlichen Abmessungen rendern zu können. Sie wird standardmäßig in ihrer Standardgröße angezeigt, aber Vektordateien können auf jede Größe skaliert werden. Fügen Sie eine *2 am Ende der Breitenangabe hinzu, wodurch sich die Größe verdoppelt.
Doppelklicken Sie auf die Ebene und fügen Sie eine Farbüberlagerung hinzu. Ich wähle eine rote Farbe von 20c, 100m, 100y, 0k. Da wir in CMYK arbeiten, ist es eine gute Angewohnheit, bestimmte Farbwerte festzulegen, damit Sie sicher sein können, dass Ihre Farben wie erwartet gedruckt werden.
Diese Illustration ist etwas zu groß, aber Sie können sie sicher verkleinern, auch wenn sie gerastert wurde. Sie können sie danach nicht wieder vergrößern… es sei denn, Sie erstellen zuerst ein Smart Object.
Wählen Sie das abgerundete Rechteck-Formwerkzeug und stellen Sie den Radius im oberen Werkzeugkasten auf 1000 ein. Ändern Sie das Dropdown-Menü in Pfad und zeichnen Sie dann eine Form auf die Leinwand.
Wechseln Sie zum Textwerkzeug und fahren Sie mit der Maus über den Pfad, um das Symbol „Text auf Pfad“ anzuzeigen. Klicken Sie, um mit der Eingabe Ihres Markennamens zu beginnen. Tauschen Sie die Vordergrund- und Hintergrundfarben, um den Text in Weiß einzustellen.
Mein fiktiver Markenname für dieses Tutorial ist Sleeping Serpent Supply Co. Ich verwende die Trade Gothic-Schriftart in ihren vielen Stilen. Setzen Sie diese Formulierung in Heavy Compressed, dann aktivieren Sie im Zeichenbedienfeld „Alle Großbuchstaben“ und stellen Sie sicher, dass der Absatzstil zentriert ist.
Um den Text relativ zur Form zu zentrieren, wählen Sie das Pfadauswahlwerkzeug. Sie können den Text dann an Ort und Stelle ziehen. Wir wollen sicherstellen, dass er zentriert ist. Ziehen Sie also eine Führungslinie aus den Linealen heraus und lassen Sie sie am Mittelpunkt der Leinwand einrasten. Die Verknüpfung CMD+T öffnet die Begrenzungsrahmen-Handles, damit Sie sehen können, ob die Mittelpunkte übereinstimmen. Vergrößern Sie den Text so, dass er die obere Hälfte des abgerundeten Rechtecks bedeckt.
Es kann nur ein Textelement pro Pfad geben, verwenden Sie also die Verknüpfung CMD+J, um diese Textebene und ihren zugehörigen Pfad zu duplizieren. Bearbeiten Sie den Text, und verwenden Sie dann das Pfadauswahlwerkzeug, um den Text an das untere Ende des Pfades zu ziehen.
Damit der Text richtig herum gelesen wird, muss er innen positioniert werden, aber es gibt einen cleveren Trick, um ihn nach außen zu bewegen. Ändern Sie im Zeichenbedienfeld die Grundlinienverschiebung auf einen negativen Wert, um den Text nach außen zu bewegen, bis er mit dem Pfad ausgerichtet ist.
Sie können dann beliebige Anpassungen an der Schriftart vornehmen. Ich verwende Compressed mit einer Verfolgung von 50.
Um etwas Platz für weitere Elemente unter der Schlange zu schaffen, verschieben Sie dieses Textelement vertikal. Wählen Sie erneut das Textwerkzeug und schreiben Sie ein weiteres Textelement in einen leeren Bereich. Sie können den Platz im Vintage-Stil mit Schlagwörtern wie „Established“ oder „Trademark“ füllen. Verwenden Sie eine weitere Variante der Trade Gothic-Schriftart, um den Stil zu mischen und gleichzeitig einen konsistenten Typografiestil beizubehalten. Ich verwende die normale Version in Heavy. Vergessen Sie nicht, alle unerwünschten Zeicheneinstellungen zu löschen.
Fügen Sie eine neue Ebene hinzu, um einige dekorative Formen zu zeichnen, die diesen Textelement umreißen. Wählen Sie das Linienwerkzeug und ändern Sie das Dropdown-Menü im oberen Werkzeugkasten in Form. Zeichnen Sie eine kurze Linie und geben Sie ihr einen 10-Pixel-Strich.
Halten Sie ALT gedrückt und schieben Sie die Form, wodurch sie auf eine neue Ebene dupliziert wird. Verschieben Sie diese neue Version unter den Text. Doppelklicken Sie auf die Textebene und geben Sie ihr denselben Farbüberlagerungseffekt, um mehr Farbe in das Design zu bringen.
Halten Sie die Umschalttaste gedrückt und klicken Sie auf alle Ebenen, die dieses Textelement und die beiden Linien bilden, und verwenden Sie dann die Verknüpfung CMD+J, um sie zu duplizieren. Verschieben Sie diese Elemente auf die andere Seite des Logo-Layouts und bearbeiten Sie die Formulierungen.
Platzieren Sie ein weiteres Textelement in dem Bereich unter der Illustration. Verwenden Sie diesmal ein Rechteck, um den Text mit derselben 10-Pixel-Strich-Einstellung zu umreißen. Stellen Sie sicher, dass alles an der Führungslinie ausgerichtet ist, indem Sie sie mit CMD+T bestätigen, um den mittleren Griff zu überprüfen.
Erstellen Sie eine Kopie der Ebene „Text auf Pfad“, verkleinern Sie sie und bearbeiten Sie die Formulierungen. Sie können die visuelle Hierarchie von Textelementen ändern, indem Sie unterschiedliche Größen, Schriftschnitte und auch verschiedene Schriftstile verwenden. Für diesen Abschnitt verwende ich die Skriptschriftart Cornerstore.
Sie müssen bei Skriptschriftarten vorsichtig sein, um sicherzustellen, dass die Buchstaben fließend ineinander übergehen. Zoomen Sie hinein und konfigurieren Sie die Zeichensätze entsprechend. Die Verwendung des optischen Kerning-Modus hilft, dann passen Sie die Verfolgung an, um sie nahe genug zu bringen. Sie können dann Ihren Cursor zwischen zwei Buchstaben positionieren und manuelle Anpassungen mit den ALT+Pfeiltasten links/rechts vornehmen.
Binden Sie dieses Element durch die Farbgebung ein, indem Sie ihm den roten Farbüberlagerungs-Ebenenstil geben.
Fügen Sie eine neue Ebene hinzu und zeichnen Sie einen umgebenden Rahmen um das Design mit dem abgerundeten Rechteckwerkzeug. Positionieren Sie ihn zentral, indem Sie ihn an der Führungslinie ausrichten.
Halten Sie die Umschalttaste gedrückt und klicken Sie von der obersten Ebene bis zur untersten im Ebenenbedienfeld, um alles auszuwählen, und verschieben Sie dann das gesamte Design an die Mitte der Leinwand. Skalieren Sie es bei Bedarf, damit es in den bedruckbaren T-Shirt-Bereich passt.
Als letzten Schliff wenden wir einige Effekte an, um der Grafik ein Vintage-Aussehen zu verleihen. Einer meiner Lieblingstricks ist, die Ecken von Schriftarten abzurunden, um ihnen einen Effekt von verlaufender Tinte zu verleihen. Heben Sie die Haupttextebene hervor und gehen Sie zu Filter > Rauschen > Median. Wählen Sie aus, die Ebene in ein Smart Object zu konvertieren, was den bearbeitbaren Text darin beibehält.
Zoomen Sie hinein und stellen Sie den Medianwert so hoch wie möglich ein, bevor der Text beginnt, seine Definition vollständig zu verlieren.
Wiederholen Sie den Vorgang für jede andere Textebene. Sie können die Median-Menüoption ganz oben im Filtermenü verwenden, aber halten Sie die ALT-Taste gedrückt, während Sie darauf klicken, um sicherzustellen, dass Sie zuerst aufgefordert werden, sie in ein Smart Object zu konvertieren.
Die kleineren Textelemente benötigen einen viel niedrigeren Wert, konfigurieren Sie daher die Einstellungen für jedes einzeln.
Gruppieren Sie alle Ebenen, damit alles in einem Ordner enthalten ist, und wenden Sie dann eine Ebenenmaske auf diese Gruppe an. Öffnen Sie eine der Washed and Worn Texturen und kopieren Sie sie. Halten Sie die ALT-Taste gedrückt und klicken Sie auf die Ebenenmaske, um deren Inhalt zu bearbeiten. Fügen Sie die Textur ein und verwenden Sie dann CMD+T zum Skalieren, Drehen und Positionieren, um das beste Texturlayout zu finden.
Klicken Sie irgendwo, um die Maske zu verlassen, und sehen Sie, wie die Textur Teile der Grafik ausradiert, als wären Bits abgeblättert, genau wie bei einem alten T-Shirt.
Vergessen Sie nicht, die schwarze Hintergrundebene vor dem Exportieren Ihrer Grafik auszuschalten, da Sie möchten, dass der Hintergrund Ihres Drucks der eigentliche T-Shirt-Stoff ist.
Das Endergebnis ist ein cooles Vintage-Markenlogo, das als T-Shirt-Design großartig aussieht. Die antike Illustration wertet das Design wirklich auf, besonders mit dem begrenzten Farbschema. Dann baut das einfache Anordnen einer Reihe von Textelementen in einer visuell interessanten Komposition ein Vintage-Badge-Logo auf, das sich ideal als T-Shirt-Grafik oder als echtes Markenidentitätsdesign eignet.