KOSTENLOSE Assets: 50 Vintage-Texturen für Designer

Bearbeitet Designs mit diesen komplett KOSTENFREI nutzbaren Vintage-Texturen und schenkt Entwürfen einen handgearbeiteten, ausgewaschenen Grunge-Style.

Ihr möchtet euren Designs Persönlichkeit und einen abgewetzt authentischen Look schenken? Wir haben euch ein Paket 50 kostenloser Texturen erstellt, mit dem ihr eure Entwürfe dementsprechend bearbeiten könnt. Jede Textur wurde handgearbeitet und extra von uns erstellt, dafür haben wir mit Acryl- und anderen Druckfarben experimentiert und uns die Finger ordentlich schmutzig gemacht.

Die Vintage-Texturen lassen sich in egal welchem Design- bzw. Bildbearbeitungsprogramm nutzen. Jede Textur gibts als JPG und als transparente PNG-Datei, die sich einfach über Drag & Drop über Designs oder Schnittmasken legen lässt.

Schaut euch unser kostenloses Texturen-Paket jetzt in Aktion an und scrollt dann weiter runter, um euer Gratispaket direkt herunterzuladen.

Was sind Texturen überhaupt?

Texturen schenken flach wirkenden Designs einen haptischen, gewebeartigen Look. Die Textur ist eine Beschreibung der Beschaffenheit von Oberflächen, die ursprünglich aus der Textilindustrie stammt. Die recht simplen Muster und Strukturen sorgen bei Einarbeitung in Grafiken und Designs für tolle Kontraste und neue Aufmerksamkeit. Ansonsten viel zu perfekt wirkende Entwürfe sehen damit sehr viel natürlicher, abgewetzt, bearbeitet und beinahe handgemacht aus.

Wir haben unser kostenloses Texturenpaket auch wirklich per Hand erstellt und dafür mit echter Acryl- und verschiedenen Druckfarben experimentiert. Die Farbe haben wir dann auf unterschiedliche Materialen wie Papier, Schwämme, Bretter etc. aufgetragen, um einzigartige Texturen für euch zu erzeugen. Alle Texturen wurden dann hochauflösend eingescannt und auf eine Größe von 4680 x 6000 Pixel beschnitten.

Jetzt 50 kostenlose Texturen herunterladen

Der Download eures kostenlosen Texturenpakets ist einfach! Klickt einfach den Button unten und los gehts. Ihr wollt erfahren, wie ihr die Texturen innerhalb von Entwürfen einsetzen könnt? Folgt unseren kurzen Schritt-für-Schritt-Anweisungen für Adobe Illustrator und Photoshop.

Mit dem Download gewährleistet ihr, dass ihr die Original-Dateien selbst nicht weiterverkauft oder anderweitig vertreibt.

Jetzt herunterladen

Wie ihr Texturen in euren Designs einsetzt

Ihr wisst nicht, wie ihr die Texturen konkret einsetzen könnt? Wir haben zwei einfache Schritt-für-Schritt-Tutorials angehängt, die euch beim ersten Einsatz der Texturen in Adobe Illustrator (Schnittmasken) und Adobe Photoshop (Ebenenmasken) begleiten.

Kurz nochmal zur Erinnerung, die kostenlosen Downloads erhaltet ihr in zwei Datei-Formaten. Die 50 PNG-Dateien eignen sich als transparente Textur-Overlays und lassen sich in jedem Bildbearbeitungsprogramm wie z. B. Shutterstock Editor einsetzen. Die 50 JPG-Dateien eignen sich zum Einsatz innerhalb von Ebenen oder Schnittmasken in Programmen wie Photoshop oder Illustrator.

Texturen in Adobe Illustrator verwenden

Startet mit dem Download einer EPS Vektordatei oder öffnet ein vorhandenes Illustrator-Design. Ihr könnt auch das Shutterstock Plugin für die Creative Cloud herunterladen, um beliebige Shutterstock Vektorgrafiken direkt über Adobe Illustrator zu suchen, herunterzuladen und zu lizenzieren. Ihr müsst euer Programm damit nicht mehr verlassen und spart damit wertvolle Arbeitszeit.

In diesem Tutorial setzen wir eine Schnittmaske für dieses Retro-Sommerlager-Logo ein und bringen eine der kostenlosen Texturen aus dem JPG-Ordner zum Einsatz.

Schritt 1: Öffnet die Vektordatei

Über das Shutterstock Plugin könnt ihr unzählige Vektorgrafiken aus Shutterstocks riesigem Archiv durchsuchen, die passende Datei herunterladen und direkt in eurem Entwurf platzieren. Klickt einfach den roten Butten fürs Lizenzieren und bringt die Datei so auf eure Arbeitsfläche.

Hebt sämtliche Gruppierungen auf, in dem ihr die Tasten Shift+Command+G gleichzeitig drückt. Wir verfolgen hier einen Siebdruck-Effekt und setzten das Pathfinder-Panel ein, um alle roten Elemente zu entfernen und dann eine Textur auf die hellgrauen Stellen zu legen.

Gruppiert die roten Flächen über Command+G und vereint die Elemente über den Kombinieren-Befehl im Pathfinder-Tool. Damit stellt ihr sicher, dass alle überlappenden Elemente später komplett entfernt werden.

Markiert den Hintergrund des Buttons und haltet dabei die Shift-Taste gedrückt. Über den Befehl Vorderes Objekt abziehen (Minus Front) entfernt ihr die vordere Ebene des Buttons. Jetzt solltet ihr das einfarbige Logo vorliegen haben, das ihr mit eurer Textur bearbeiten könnt.

Schritt 2: Schnittmaske (Clipping Mask) einsetzen

Macht das Transparenz-Panel sichtbar, indem ihr zu Fenstern navigiert und dort Transparenz auswählt. Wählt jetzt das Objekt aus, auf dem eure Textur zur Anwendung gebracht werden soll, danach klickt ihr Schnittmaske erstellen. Klickt auf die schwarze Box, um die Deckkraft/Transparenz der Maske zu bearbeiten und drück Shift+Command+P, um eure Dateien angezeigt zu bekommen.

Klickt auf den Texturen-Ordner Flat JPEG. Unter den 50 kostenlosen »Distressed Textures« haben wir hier die Datei Distressed Texture_05.jpg ausgewählt. Platziert die Textur jetzt auf eurer Arbeitsfläche und klickt mit dem Cursor irgendwo in der Nähe eures Designs. Damit sollte die maskierte Textur erscheinen. Ihr bemerkt sicher, dass einige schwarze Bereiche der Textur außerhalb stehen und die weißen Bereiche im Design beinhaltet sind.

Je wilder die Texturen sind, umso mehr schwarze Bereiche sind auch in ihnen beinhaltet. Damit werden weniger Bereiche eures vorhandenen Designs kenntlich. Invertiert die Textur einfach über das Ausschalten von Maske umkehren im Transparenz-Panel, sobald ihr mit dunkleren Texturen arbeitet.

Ihr könnt eure Textur über das Auswahlwerkzeug (V) verzerren und dann die Ecken wie gewünscht ziehen. Wählt die Entfernen-Taste, um die Textur komplett aus dem Design zu löschen.

Schritt 3: Farbpalette einsetzen

Eine Farbpalette innerhalb eures Designs einzusetzen, ist nicht schwer. Wählt z.B. hier in diesem Artikel mit 101 Farbkombis die passenden Farbzusammenstellungen für euch aus – jede Palette erhaltet ihr hier gleich it den HEX-Codes, so könnt ihr die Farben übergreifend innerhalb beliebiger Projekte zum Einsatz bringen. Das Finden von Bildern zu vorhandenen Farbkombis trainiert das Auge ganz gut – ihr lernt die richtigen, vorher bestimmten Farbpaletten mit entsprechenden Bildern zu begleiten und spielt damit auch gleich mit den verschiedenen Farbwirkungen.

Dieses Bild in Rot und die dazugehörige Palette passt ganz gut zu unserem Sommerlager-Logo und schenkt unserem Entwurf eine warme Stimmung. In Illustrator könnt ihr den sechsstelligen HEX-Code der Farbe direkt eingeben, womit ihr die exakten Farbtöne der gewählten Farbkombi einarbeiten könnt. Wir kombinieren in unserem Logo-Entwurf das satte Rubinrot (#B12C25) und das warme Khaki (#F2D3C1).

Wählt jetzt das Element, dessen Farbe ihr anpassen möchtet, dann klickt rüber zu dem Fenster fürs Füllen, auf der linken Seite des Programms. Ihr solltet jetzt das Farbwähler-Panel (Color Picker) sehen. Gebt einfach die HEX-Codes ein und klickt OK um zurück zu eurer Arbeitsfläche gehen zu können.

Die Einarbeitung der Textur innerhalb der Vektorgrafik lässt diese komplett anders und sehr viel besser aussehen. Dazu waren im Grund nur drei einfache Arbeitsschritte notwendig und das Logo sieht auch schon gut retromäßig aus. Ihr könnt bei euren Designs natürlich mit unterschiedlichen oder verschiedenen Texturen gleichzeitig experimentieren, um den wirklich perfekten Vintage-Look für euch zu erzeugen.

Texturen in Adobe Photoshop verwenden

Texturen in Photoshop einzusetzen geht ähnlich einfach wie bei Illustrator. Beide Programme arbeiten mit Masken, über die man Texturen einfügen und bearbeiten kann. Wir arbeiten in diesem einfachen Beispiel mit dieser T-Shirt-Grafik und bringen darauf eine faltige Textur zur Anwendung, die den gewünschten Used-Look erzeugen soll. Die Grafik soll vintagemäßig aussehen – als ob das T-Shirt schon über mehrere Generationen vererbt worden wäre.

Schritt 1: Zieht die entsprechende Grafik in Photoshop

Bringt euer Ausgangsbild zuallererst in Photoshop. Stellt sicher, dass alle Hintergrundelemente entfernt sind, damit ihr die Texturen auf isoliert stehenden Grafik anwenden könnt.

Wir haben diese T-Shirt-Grafik als EPS in Illustrator geladen, dort den Hintergrund entfernt und die “pure” AI-Datei dann abgespeichert und in Photoshop geladen. Beschneidet euer Bild entsprechend dem Begrenzungsrahmen und drück OK.

Schritt 2: Öffnet die Textur-Datei

Zieht die zu verwendende Textur-Datei in Photoshop. Wir haben in unserem Beispiel die Datei Distressed Texture_08.jpg verwendet, weil die eben genau dem Vintage-Look entspricht, den wir hier erzeugen wollen.

Klickt die Befehlstaste+A , um alle Bestandteile der Textur auszuwählen, dann drückt Befehlstaste+C, um die Elemente zu kopieren und in die Ebenenmaske einzufügen.

Schritt 3: Bringt die Ebenenmaske auf der Grafik zum Einsatz

Im Ebenen-Panel klickt ihr jetzt Ebenenmaske hinzufügen und klickt die Wahltaste, um die Ebenenmaske zu isolieren.

Fügt die Textur in die Ebenenmaske ein, indem ihr Befehlstaste+V klickt. Dann passt ihr die Größe der Textur über Frei transformieren an – dazu klickt ihr die Befehlstaste+T. Sobald die Größe wie gewünscht angepasst ist, klickt zurück zur Ausgangsgrafik. Dort werdet ihr schwarze Bereiche bemerken, die über die Anwendung der Textur entstanden sind, so bleiben jetzt lediglich die weißen Bereiche zurück.

Die Maske könnt ihr ganz einfach passend bearbeiten, indem ihr das Hängeschloss Icon klickt und so die Ebenenmaske von der Grafik entkoppelt. Aktiviert Frei transformieren über Befehlstaste+T, um die Textur zu bewegen oder die Größe zu ändern.

Die eingesetzte Grafik kommt am besten auf einem dunkelgrauen T-Shirt rüber. Speichert euer Design als PNG-Datei, damit diese transparent bleibt und positioniert sie in Brusthöhe auf dem Shirt. Passt die Größe dort nochmal mit Befehlstaste+T an. Danach justiert ihr die Mischmodi und kopiert die Ebenen ineinander, was dem Design ein natürliche Siebdruckoptik schenkt.

Schon fertig! Und natürlich könnt ihr die Texturen auch direkt in Shutterstock Editor einsetzen. Solltet ihr kein erfahrener Designer sein und keine teuere Bildbearbeitungssoftware zur Verfügung haben, ist Editor eine wirklich gute Option und ihr könnt dort Bilder direkt bearbeiten, auf Social veröffentlichen und habt auch Zugang auf unsere gesamte Kollektion.

Coverbild: Bergillustration von Sloth Astronaut, darin eingearbeitet sind Texturen des hier verfügbaren kostenlosen Texturenpakets

KOSTENLOSE Assets: 50 Vintage-Texturen für Designer