Das Hinzufügen von Mustern aus dem wirklichen Leben zu Ihrer Designarbeit fügt Elemente des Realismus in einem möglicherweise übersättigten digitalen Markt hinzu. Leider führt das Scannen oder Fotografieren von Texturmustern normalerweise zu unskalierbaren Rasterbildern, die bei Überbearbeitung verpixeln.
Glücklicherweise können Sie mit Photoshop und Illustrator skalierbare Vektoren echter Texturen wie Aquarell, Farbe oder Markierungsstift erstellen. Hier ist wie.
So verwandeln Sie echte Texturen in Vektoren
Es liegt an Ihnen, die Textur selbst zu erstellen oder online ein Muster zu finden, um es in einen Vektor umzuwandeln. Du kannst jedes strukturierte Kunstmedium verwenden, wie etwa einen Filzstift, Tusche oder Farbkleckse.
Schritt 1: Öffnen Sie das Texturmuster in Photoshop
Wenn Sie die Textur selbst erstellt haben, müssen Sie sie mit 300 DPI in einen Computer einscannen. Dies gewährleistet höchste Qualität, die zu den besten Ergebnissen führt.
Wir haben ein Foto eines Aquarellmusters von heruntergeladen Unsplash zu einem Vektor machen. Laden Sie das gleiche Foto herunter, um es direkt zu verfolgen, oder verwenden Sie die Anweisungen als Leitfaden für ein eigenes Musterbild.
Öffnen Sie Ihr Bild in Photoshop und schneiden Sie es in der Nähe des verwendeten Farbfelds zu. Wenn das Bild nicht bereits 300 DPI hat, muss es sein. Gehe zu Bild > Bildgröße und Typ 300 in die Auflösung Kasten. Wählen OK.
Jetzt haben Sie ein hochwertiges Bild, das später in einen detaillierten Vektor gerendert wird. Du kannst auch Ändern Sie die DPI in anderen Programmen wenn Sie Photoshop nicht verwenden.
Schritt 2: Bereinigen Sie den Hintergrund
Das Farbfeld selbst muss vom Hintergrund isoliert werden. Wenn Sie Ihr Muster gescannt oder ein Foto mit einem einfachen weißen oder einfarbigen Hintergrund verwendet haben, wird dies viel einfacher für Sie sein.
Erstellen Sie eine neue Ebene in der Ebenenpalette und ziehen Sie sie dann unter Ihre Bildebene. Wählen Sie die Bildebene aus.
Gehe zu Wählen > Farbspektrum. Wähle aus ePipette aus dem Dialogfeld und verwenden Sie es, um einen beliebigen Teil des Hintergrunds auf Ihrer Zeichenfläche auszuwählen. Verwenden Sie die Unschärfe Schieberegler, um sicherzustellen, dass die Auswahl eng an Ihrem Farbfeld anliegt. Dann drücken OK.
Zurück auf der Zeichenfläche werden im Farbbereich laufende Ameisen angezeigt, um die Auswahl anzuzeigen. Schlag Löschen um den Hintergrund zu entfernen. Heben Sie dann die Auswahl auf, indem Sie auf drücken Bef + D (Mac) bzw Strg + D (Windows). Wenn Ihr Hintergrund einfarbig ohne Schatten oder Textur ist, ist das alles, was Sie tun müssen.
Wenn Ihr Hintergrund mehrfarbig ist, Schatten oder andere Texturen aufweist, müssen Sie diesen Vorgang möglicherweise einige Male wiederholen. Im Farbspektrum Wählen Sie im Dialogfeld verschiedene Teile des Hintergrunds mit aus ePipette und spiele damit Unschärfe Schieberegler, um so viel Hintergrund wie möglich auszuwählen. Wählen OK und schlagen Löschen.
Durch Antippen abwählen Bef + D (Mac) bzw Strg + D (Windows). Wenn noch mehr vom Hintergrund übrig ist, führen Sie entweder den Farbbereich-Prozess erneut durch oder verwenden Sie die Radiergummi Werkzeug (E), um hartnäckige Pixel zu entfernen, oder verwenden Sie die Lasso Werkzeug (L), um eng um Ihr Farbfeld herum auszuwählen, und dann Löschen die Auswahl.
Platzieren Sie mithilfe von ein Rechteck in Kontrastfarbe Rechteck Werkzeug (U) unter Ihrer Farbfeldebene, um alle zusätzlichen Pixel freizulegen, die entfernt werden müssen. Entfernen Sie sie mit der Radiergummi. Denken Sie daran, das Rechteck zu löschen, bevor Sie Ihr Bild speichern.
Sobald Sie fertig sind, haben Sie ein isoliertes Farbfeld mit einem transparenten Hintergrund, der es umgibt. Speichern Sie Ihr Muster als PNG.
Wenn Sie Photoshop nicht haben, gibt es Alternativen Möglichkeiten, einen Bildhintergrund transparent zu machen. Sie können dieses Bild dann direkt in Illustrator einfügen und von hier aus weitermachen.
Schritt 3: Öffnen Sie das Bild in Illustrator
Öffnen Sie Ihr neues Farbmuster-PNG in Illustrator. Sie können Ihr Bild auswählen und von der Zeichenfläche ziehen, um zu überprüfen, ob der Hintergrund noch transparent ist. Allerdings wird es im nächsten Schritt nicht so bleiben. Zu diesem Zeitpunkt ist Ihr Farbfeld immer noch ein Raster, sodass es beim Skalieren verpixelt.
Die Kombination von Photoshop und Illustrator für ein Projekt ist eine großartige Möglichkeit, Adobe Creative Cloud zu nutzen. Es gibt viele andere Funktionen in der Creative Cloud dass du es versuchen kannst.
Schritt 4: Vektorisieren Sie das Bild
Öffnen Sie das Bedienfeld „Eigenschaften“, indem Sie zu gehen Fenster > Eigenschaften. Sie können das Bedienfeld maximieren oder minimieren, indem Sie es in der rechten vertikalen Symbolleiste auswählen.
Wählen Sie Ihr Bild aus und scrollen Sie dann zum Ende des Eigenschaften Bedienfeld und wählen Sie aus Bildspur > High-Fidelity-Foto. Wenn Sie im Menü „Objekt“ die Option „Bildspur“ auswählen, wird standardmäßig eine Schwarzweißspur verwendet, die die Textur Ihres Farbfelds nicht beibehält. Sie können die Image Trace-Funktion auf vielfältige Weise verwenden Bilder in Illustrator vektorisieren.
Schritt 5: Bereinigen und entfernen Sie den Hintergrund
Öffnen Sie das Bedienfeld „Bildspur“, indem Sie das Symbol neben der Dropdown-Liste „Bildspur“ im Bedienfeld „Eigenschaften“ auswählen. Unter Farbe, bewegen Sie den Schieberegler nach rechts, irgendwo zwischen 85 % und 98 %. Dadurch werden die Details der Farben in Ihrem strukturierten Farbfeld erhöht, was zu einem realistischeren Ergebnis führt.
Öffne das Fortschrittlich Einstellungen und verschieben Sie die Pfade Schieberegler nach rechts. Auch hier ist eine Einstellung zwischen 85 % und 98 % ideal. Je mehr Pfade vorhanden sind, desto mehr Details werden in Ihrem Vektor gezeichnet. Wenn es weniger Pfade gibt, sieht das Bild abgehackt und karikaturartig aus.
Minimieren Sie die Bedienfelder „Bildspur“ und „Eigenschaften“, und Ihr Muster wird mit blauen Pfadlinien bedeckt. Wenn Sie Ihren Swatch-Vektor verschieben möchten, müssen Sie die verwenden Auswahl Werkzeug (v), um sicherzustellen, dass es sich als Ganzes bewegt. Sie können aber bei Bedarf einzelne Pfade mit verschieben Direktauswahl Werkzeug.
Wähle aus Direktauswahl Werkzeug (A) und klicken Sie außerhalb Ihrer Zeichenfläche, um die Auswahl des Bilds aufzuheben. Wählen Sie dann den weißen Hintergrund aus, der Ihr Farbfeld umgibt. Schlag Löschen auf Ihrer Tastatur, um Ihren transparenten Hintergrund wiederherzustellen. Sie können ein farbiges Rechteck unter Ihrem Farbfeld hinzufügen, um die Transparenz zu überprüfen.
Schritt 6: Verwenden Sie Ihren Swatch-Vektor
Jetzt haben Sie ein fertiges Texturmuster. Egal, ob Sie sich entschieden haben, ein Aquarellstück wie in unserem Tutorial zu erstellen, oder ob Sie vielleicht ein Farbstiftmuster erstellt haben, Sie haben jetzt ein vollständig skalierbares, reales Texturmuster.
Leider wäre es wegen all der komplizierten Pfade schwierig – aber nicht unmöglich –, Ihr Farbfeld neu einzufärben. Um den Vektor zu verwenden, sollten Sie die Farbe beibehalten. Wenn Sie es neu einfärben möchten, müssen Sie es zuerst in Photoshop einfärben, bevor Sie Ihr Farbfeld in Illustrator bringen.
Sie können Ihren Vektor wie jeden anderen Vektor verwenden. Skalieren Sie es nach oben oder unten, verwenden Sie es als geschichtetes Element in Designs, und Sie können sogar Filter darauf anwenden, wie z. B. Neigen und Verzerren.
Speichern Sie Ihren Vektor als PNG, um sicherzustellen, dass er transparent bleibt. Sehen Sie sich unseren Leitfaden an Transparente Hintergründe in Illustrator erstellen für mehr.
Erstellen Sie mit Photoshop und Illustrator Vektoren aus echten Texturen
Die Verwendung von Vektoren in Ihrer Designarbeit verbessert die Produktivität und die Qualität Ihrer endgültigen Designs. Dieser eine Vektor hat nicht nur mehrere Verwendungsmöglichkeiten, sondern die Verwendung einer Vektorgrafik anstelle einer Rastergrafik bedeutet, dass Sie sich nie wieder Gedanken über die Verpixelung machen müssen.
Das Vektorisieren echter Texturen bedeutet, dass Sie jedem Designelement Farbfelder hinzufügen können, damit es wie echt aussieht. Schlagen Sie in dieser Anleitung nach, um echte Texturen in digitale Vektoren umzuwandeln.