In diesem Photoshop-Tutorial erfahren Sie, wie Sie mit antiken Illustrationen und visuell ansprechenden Textstilen und Layouts ganz einfach coole Vintage-Logo-Designs erstellen können. Diese Art von Kunstwerken ist als T-Shirt-Grafiken sehr beliebt. Daher zeige ich Ihnen, wie Sie Ihr Dokument für ein T-Shirt-Design in der richtigen Größe einrichten. Zum Abschluss des Designs wenden wir Vintage-Druckeffekte an und nutzen meine Washed and Worn Texturen, um das digitale Design wie einen echten alten T-Shirt-Druck aussehen zu lassen.
Erstellen eines Vintage-Logo-T-Shirt-Designs in Photoshop
Die weltbeste Vintage-Sammlung
Wenn Sie kein begnadeter Künstler sind, der detaillierte Zeichnungen von Hand anfertigen kann, benötigen wir einige Assets für unser Design. Ich werde eine Grafik aus “The World’s Greatest Vintage Collection” verwenden, die über 1000 hochwertige Vintage-Illustrationen enthält. Dies ist ein unglaublicher Wert, wenn man die schiere Menge der enthaltenen Elemente wie Grafiken, Texturen, Muster und sogar eine Schriftart bedenkt. Sie wird unzählige Verwendungsmöglichkeiten für den Rest Ihrer Designkarriere bieten!
Kaufen Sie “The World’s Greatest Vintage Collection” für 39 $
Die weltbeste Vintage-Sammlung
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. Richten Sie daher ein Dokument in dieser Größe ein. Es ist sinnvoll, die Auflösung auf 300 ppi einzustellen, da Ihr T-Shirt-Artwork wahrscheinlich gedruckt wird. 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 standardmäßigen schwarzen Vordergrundfarbe, indem Sie die Tastenkombination ALT+Rücktaste verwenden.
Grundlegendes Layout des T-Shirt-Designs
Wählen wir eine antike Illustration aus “The World’s Greatest Vintage Collection” als Grundlage für dieses Design. Es gibt über 1000 Illustrationen zur Auswahl, die aus alten Büchern restauriert wurden. Ich werde die Schlangenzeichnung aus “Animals Volume 1” verwenden.
Auswahl einer Vintage-Illustration
Suchen und öffnen Sie die EPS-Version, um sie in den erforderlichen Abmessungen rendern zu können. Sie wird standardmäßig mit ihrer normalen Größe geöffnet, aber Vektordateien können auf jede Größe skaliert werden. Setzen Sie eine *2 am Ende der Breitenangabe, was sie mit zwei multipliziert und ihre Größe effektiv verdoppelt.
Skalieren der Vektorgrafik
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, spezifische Farbwerte festzulegen, damit Sie sicher sein können, dass Ihre Farben wie erwartet gedruckt werden.
Anwenden der Farbüberlagerung auf die Illustration
Diese Illustration ist etwas zu groß, aber Sie können sie sicher verkleinern, obwohl sie gerastert wurde. Sie können sie erst wieder vergrößern, wenn Sie sie zuerst in ein Smart Object konvertieren.
Anpassen der Größe der Illustration
Wählen Sie das abgerundete Rechteck-Formwerkzeug und stellen Sie den Eckradius in der oberen Symbolleiste auf 1000 ein. Ändern Sie das Dropdown-Menü zu “Pfad” und zeichnen Sie dann eine Form auf der Leinwand.
Zeichnen einer abgerundeten Rechteckform
Wechseln Sie zum Textwerkzeug und fahren Sie mit der Maus über den Pfad, um das Symbol “Text auf Pfad” anzuzeigen. Klicken Sie, um Ihren Markennamen einzugeben. Tauschen Sie die Vordergrund- und Hintergrundfarben, um den Text in Weiß einzustellen.
Schreiben von Text auf einem Pfad
Meine fiktive Marke für dieses Tutorial ist “Sleeping Serpent Supply Co.”. Ich verwende die Schriftart Trade Gothic in ihren verschiedenen Schnitten. Stellen Sie diesen Text in “Heavy Compressed” ein, aktivieren Sie dann im Zeichenbedienfeld “GROSSBUCHSTABEN” und stellen Sie sicher, dass der Absatzstil zentriert ist.
Formatieren des Markennamens mit Trade Gothic
Um den Text relativ zur Form zu zentrieren, wählen Sie das Pfadauswahlwerkzeug aus. Sie können dann den Text an seine Position ziehen. Wir möchten sicherstellen, dass er zentriert ist. Ziehen Sie daher ein Führungslinien aus den Linealen und lassen Sie es in der Mitte der Leinwand einrasten. Die Tastenkombination CMD+T blendet die Begrenzungsrahmen-Griffe ein, sodass Sie sehen können, ob die Mittelpunkte übereinstimmen. Passen Sie die Textgröße an, sodass sie die obere Hälfte des abgerundeten Rechtecks bedeckt.
Zentrieren des Textes auf der Form
Auf jedem Pfad kann nur ein Textelement vorhanden sein. Verwenden Sie daher die Tastenkombination CMD+J, um diese Textebene und ihren zugehörigen Pfad zu duplizieren. Bearbeiten Sie den Text und ziehen Sie ihn dann mit dem Pfadauswahlwerkzeug an das untere Ende des Pfades.
Duplizieren und Bearbeiten von Text auf dem Pfad
Damit der Text richtig herum gelesen wird, muss er innen positioniert werden. Es gibt jedoch einen cleveren Trick, um ihn nach außen zu verschieben. Ändern Sie im Zeichenbedienfeld den “Zeilenversatz” auf einen negativen Wert, um den Text nach außen zu verschieben, bis er mit dem Pfad ausgerichtet ist.
Verschieben des Textes von innen nach außen
Sie können dann beliebige Anpassungen an der Schriftart vornehmen. Ich verwende “Compressed” mit einer Laufweite von 50.
Feinabstimmung der Textabstände
Um Platz für weitere Elemente unter der Schlange zu schaffen, verschieben Sie dieses Textelement vertikal. Wählen Sie erneut das Textwerkzeug aus und schreiben Sie ein weiteres Textelement in einen leeren Bereich. Sie können den Bereich in Vintage-Logodesigns mit Schlagwörtern wie “Established” oder “Trademark” füllen. Verwenden Sie eine andere Variante der Trade Gothic-Schriftart, um die Gestaltung zu variieren und gleichzeitig einen konsistenten Typografiestil beizubehalten. Ich verwende die normale Version in “Heavy”. Vergessen Sie nicht, alle unerwünschten Zeicheneinstellungen zu löschen.
Hinzufügen von zusätzlichen Text-Elementen
Fügen Sie eine neue Ebene hinzu, um dekorative Formen zum Umranden dieses Textelements zu zeichnen. Wählen Sie das Linienwerkzeug und ändern Sie das Dropdown-Menü in der oberen Symbolleiste zu “Form”. Zeichnen Sie eine kurze Linie und geben Sie ihr eine Strichstärke von 10 Pixel.
Zeichnen von Linien zur Dekoration
Halten Sie ALT gedrückt und verschieben Sie die Form, wodurch sie auf einer neuen 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.
Hinzufügen von Farbüberlagerungen zu Linien und Text
Halten Sie die Umschalttaste gedrückt und klicken Sie auf alle Ebenen, aus denen dieses Textelement und die beiden Linien bestehen. Verwenden Sie dann die Tastenkombination CMD+J, um sie zu duplizieren. Verschieben Sie diese Elemente auf die andere Seite des Logo-Layouts und bearbeiten Sie den Text.
Duplizieren und Anordnen von Textelementen
Platzieren Sie ein weiteres Textelement in dem Bereich unter der Illustration. Diesmal verwenden Sie ein Rechteck, um den Text mit derselben 10-Pixel-Strichstärke zu umranden. Stellen Sie sicher, dass alles mit der Führungslinie ausgerichtet ist, indem Sie es mit CMD+T überprüfen, um den Mittelgriff zu sehen.
Erstellen eines Textrahmens
Erstellen Sie eine Kopie der Textebene auf dem Pfad, skalieren Sie sie herunter und bearbeiten Sie den Text. Sie können die visuelle Hierarchie von Textelementen ändern, indem Sie verschiedene Größen, Schriftschnitte und auch verschiedene Schriftstile verwenden. Ich verwende die Cornerstore-Schreibschrift für diesen Abschnitt.
Verwenden einer Skript-Schriftart für einen Akzenttext
Sie müssen vorsichtig mit Schreibschriften umgehen, um sicherzustellen, dass die Buchstaben fließend ineinander übergehen. Zoomen Sie hinein und konfigurieren Sie die Zeicheneinstellungen entsprechend. Die Verwendung des optischen Kerning-Modus hilft, dann passen Sie die Laufweite an, um sie nahe genug heranzubringen. Sie können dann Ihren Cursor zwischen zwei Buchstaben positionieren und manuelle Anpassungen mit den ALT+Pfeiltasten nach links/rechts vornehmen.
Feinabstimmung von Zeichenabständen mit Schreibschriften
Binden Sie dieses Element durch Hinzufügen der roten Farbüberlagerungs-Einstellung in das Farbschema ein.
Anwenden von Farbüberlagerungen auf Skripttext
Fügen Sie eine neue Ebene hinzu und zeichnen Sie mit dem abgerundeten Rechteckwerkzeug einen umlaufenden Rahmen um das Design. Positionieren Sie ihn zentral, indem Sie ihn an der Führungslinie ausrichten.
Erstellen eines umlaufenden Rahmens
Halten Sie die Umschalttaste gedrückt und klicken Sie von der obersten bis zur untersten Ebene im Ebenenbedienfeld, um alles auszuwählen. Verschieben Sie dann das gesamte Design in die Mitte der Leinwand. Skalieren Sie es bei Bedarf, damit es in den bedruckbaren T-Shirt-Bereich passt.
Zentrieren und Skalieren des gesamten Designs
Als letzten Schliff wenden wir einige Effekte an, um dem Kunstwerk ein noch vintage-artigeres Aussehen zu verleihen. Einer meiner Lieblingstricks ist das Abrunden der Ecken von Schriftarten, um ihnen einen Effekt von fließender Tinte zu verleihen. Heben Sie die Haupttextebene hervor und gehen Sie zu Filter > Rauschen > Median. Wählen Sie die Ebene in ein Smart Object konvertieren, wodurch der bearbeitbare Text darin erhalten bleibt.
Anwenden des Medianfilters auf Text
Zoomen Sie hinein und stellen Sie den Medianwert so hoch wie möglich ein, bevor der Text seine Definition vollständig verliert.
Anpassen des Medianwerts
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.
Anwenden des Medianfilters auf mehrere Textebenen
Die kleineren Textelemente benötigen einen viel niedrigeren Wert. Konfigurieren Sie daher die Einstellungen für jedes individuell.
Washed and Worn Vintage T-Shirt Texturen
Da wir ein T-Shirt entwerfen, nutzen wir meine Washed and Worn Texturen, die Ihrem Artwork das Aussehen eines alten T-Shirts verleihen, mit rissiger und abblätternder Tinte von jahrelangem Waschen und Tragen. Pssst, Sie erhalten einen Rabattcode von 50 %, wenn Sie sich für meinen E-Mail-Verteiler anmelden. Verwenden Sie den Code NEWSUBSCRIBER, um ihn für 10 $ zu erhalten.
Anwenden von Vintage-Texturen auf das Design
Gruppieren Sie alle Ebenen, sodass alles in einem Ordner enthalten ist. 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, um sie zu skalieren, zu drehen und zu positionieren, um das beste Textur-Layout zu finden.
Bearbeiten der Ebenenmaske mit einer Textur
Klicken Sie irgendwo, um die Maske zu verlassen, und sehen Sie, wie die Textur Teile des Kunstwerks ausradiert, als ob Teile abgeplatzt wären, genau wie bei einem alten T-Shirt.
Vorschau des Textur-Effekts
Vergessen Sie nicht, die schwarze Hintergrundebene vor dem Exportieren Ihres Kunstwerks auszuschalten, da Sie möchten, dass der Hintergrund Ihres Drucks aus dem eigentlichen T-Shirt-Stoff besteht.
Ausschalten des Hintergrunds vor dem Export
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. Das Layout einer Reihe von Textelementen in einer visuell interessanten Komposition schafft ein Vintage-Abzeichenlogo, das sich ideal als T-Shirt-Grafik oder als echtes Markenidentitätsdesign eignet.
Mockups für Ihre T-Shirt-Designs mit PlaceIt
Laden Sie Ihre Designs auf Hunderte von fertigen Mockups auf PlaceIt hoch, um zu simulieren, wie Ihr Design auf einem echten T-Shirt aussehen wird!