Advertisement
  1. Design & Illustration
  2. Textures

So erstellen Sie eine Aquarelltextur in Adobe Illustrator

Scroll to top
Read Time: 8 min
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Holen Sie sich mit Aquarell-Texturen in Adobe Illustrator den Trend! In diesem Tutorial erstellen wir unsere eigenen Aquarelltexturen mit einem einfachen Aquarellsatz, bearbeiten unsere Bilder in Adobe Photoshop und wenden die Texturen in Adobe Illustrator mit zwei verschiedenen Techniken an.

Sie können auch Texturen oder handgezeichnete Schriftarten ausprobieren, um einige der in diesem Tutorial von Envato Market verwendeten Designs zu ergänzen.

1. Erstellen Sie die Aquarelltexturen

Schritt 1

Beginnen wir mit den Materialien, die Sie zum Erstellen von Aquarelltexturen benötigen oder verwenden möchten:

  • Aquarellfarben
  • Aquarellpapier
  • Ein weicher Pinsel
  • Wasserbecher

Persönlich denke ich, dass Projekte wie diese nicht die ausgefeiltesten Werkzeuge erfordern. Sie können lustige Aquarelltexturen aus einer Reihe von Malutensilien für Kinder erstellen und Winsor & Newton-Farben verwenden. Unten sehen Sie die Vorräte, die ich in meinem Malwerkzeug hatte.

Collect materials for watercolor paintingCollect materials for watercolor paintingCollect materials for watercolor painting

Schritt 2

Nehmen Sie etwas Wasser auf Ihren Pinsel, tauchen Sie es in eine Aquarellpfanne und beginnen Sie zu malen. Spielen Sie mit Transparenz und Sättigung. Bilden Sie große Pfützen oder kleine Wolkenfarbbereiche. Mit solchen Aquarellen kann man wirklich nichts falsch machen!

Start painting with your watercolorsStart painting with your watercolorsStart painting with your watercolors

Schritt 3

Wenn Sie mit einem feuchten Pinsel auf einen feuchten Teil des Papiers malen, wird sich Ihr Aquarell ausbreiten und lustige Farbverläufe auf Ihrem Papier erzeugen. Fühlen Sie sich frei, Ihre Aquarelle mit einem Papiertuch abzutupfen oder zu tupfen, oder streichen Sie mit dem Pinsel über das Papier, um eine Splatter-Textur zu erhalten.

Paint onto wet paper or create puddles of colorPaint onto wet paper or create puddles of colorPaint onto wet paper or create puddles of color

Schritt 4

Legen Sie verschiedene Farbsättigungsgrade auf Ihr Papier und spielen Sie mit anderen Farben. Lassen Sie einen Teil Ihrer Farbe trocknen und malen Sie dann weiter, bis Sie Farbbereiche haben, die Ihnen gefallen.

Add other colors and shapes into your designsAdd other colors and shapes into your designsAdd other colors and shapes into your designs

Schritt 5

Erstellen Sie so viele Seiten mit Aquarelltexturen, wie Sie möchten. Wenn Sie mit Ihrer Farb- und Designauswahl zufrieden sind, lassen Sie Ihr Papier vollständig trocknen, bevor Sie mit dem nächsten Abschnitt dieses Tutorials fortfahren.

Create as many pages of watercolor textures as you want Create as many pages of watercolor textures as you want Create as many pages of watercolor textures as you want

2. Bearbeiten Sie die Texturen

Schritt 1

Scannen Sie Ihre Texturen und importieren Sie sie in Adobe Photoshop. Alternativ können Sie ein Foto aufnehmen. Da mein Scanner etwas alt ist, kann er nicht immer die beste Arbeit leisten, um sicherzustellen, dass das Papier so weiß ist, wie ich es für dieses Projekt benötige. Lassen Sie uns dies weiter bearbeiten.

Scan and import your watercolort exturesScan and import your watercolort exturesScan and import your watercolort extures

Schritt 2

Um die Vergilbung des Papiers zu bekämpfen, gehen Sie zu Bild > Anpassungen > Ebenen und passen Sie die Vergilbungsstufen um Ihre Aquarellspritzer sorgfältig an. Normalerweise passe ich den grauen Schieberegler links und den weißen Schieberegler etwas rechts an.

Adjust the levels of your imageAdjust the levels of your imageAdjust the levels of your image

Schritt 3

Nachdem Ihre Aquarelltexturen hell und sauber sind, speichern Sie Ihre Datei als hochauflösendes JPG und importieren Sie sie in Adobe Illustrator.

Save and import your image into Adobe IlustratorSave and import your image into Adobe IlustratorSave and import your image into Adobe Ilustrator

3. Machen Sie Vektoren aus den Texturen

Schritt 1

Importieren Sie Ihre Aquarelltextur in ein neues Adobe Illustrator-Dokument und öffnen Sie das Bedienfeld „Bildverfolgung“. Wählen Sie im Modus Farbe und in der Palette Vollton die Option Vollton. Klicken Sie auf Vorschau und warten Sie ein wenig, bis Ihr Vektor gerendert ist.

Image Trace to get a vector watercolor textureImage Trace to get a vector watercolor textureImage Trace to get a vector watercolor texture

Schritt 2

Ich habe mein Ablaufverfolgungsergebnis vergrößert, damit Sie die Vektorobjekte etwas besser sehen können. Es ist eine bemerkenswert einfache Möglichkeit, echte Medientexturen in Vektoren zu konvertieren, ohne sie in Adobe Illustrator von Hand neu zu erstellen.

A zoomed in version of the watercolor textureA zoomed in version of the watercolor textureA zoomed in version of the watercolor texture

Schritt 3

Sie können die Detailgenauigkeit in Ihrem Ablaufverfolgungsergebnis auch begrenzen, indem Sie für Ihre Palette die Option Begrenzt (links unten) anstelle von Vollton (rechts unten) auswählen. Dies gibt Ihnen ein vektorisierteres Aussehen und eine kleinere Dateigröße.

Erweitern Sie Ihre Aquarelltextur und heben Sie die Gruppierung auf, damit Sie mit dem Lasso-Werkzeug (Q) einen Abschnitt Ihrer Textur auswählen können. Kopieren Sie die Textur (Strg-C) und fügen Sie sie ein (Strg-V). Fügen Sie sie im Ebenenbedienfeld auf eine neue Ebene ein. Blenden Sie die anderen Texturen aus, damit Sie sich nur auf Ihren kopierten Abschnitt konzentrieren. Gruppiere (Strg-G) die Textur zusammen.

A comparison between watercolor texturesA comparison between watercolor texturesA comparison between watercolor textures

4. Erstellen Sie einen Grafikstil

Schritt 1

Grafikstile sind fantastisch. Mit ihnen können Sie auf einfache Weise alle Arten von Mustern, Effekten und dergleichen mit einem einfachen Klick auf eine Schaltfläche anwenden. Sie gehen Hand in Hand mit Aktionen zur Beschleunigung Ihres Prozesses in Adobe Illustrator.

Wählen Sie Ihre Texturgruppe aus und erstellen Sie im Bereich "Musteroptionen" ein neues Muster. Passen Sie die Breite und Höhe der Grenzen der Musterkacheln so an, dass sich die Textur selbst überlappt. Stellen Sie im Bedienfeld „Darstellung“ den Mischmodus der Gruppe auf „Multiplizieren“ ein. Wenn Sie mit der Überlappung und Wiederholung Ihres Musters zufrieden sind, klicken Sie auf Fertig.

Da dies eine so komplexe Vektortextur ist, kann es eine Weile dauern, bis das Muster erstellt ist. Ich neige dazu zu stricken, während meine Maschine das einholt, was ich erschaffe. Sicherheitssparen helfen auch bei der Angst, dass Adobe Illustrator plötzlich abstürzt.

Create a simple patternCreate a simple patternCreate a simple pattern

Schritt 2

Sie finden Ihr neu erstelltes Muster im Farbfeldbedienfeld. Wenden Sie es auf eine einfache Rechteckform an. Öffnen Sie das Bedienfeld „Grafikstile“ und erstellen Sie mit dem ausgewählten Rechteck einen neuen Grafikstil. Auf diese Weise können Sie alles, was Sie im Bedienfeld „Darstellung“ eingerichtet haben, beibehalten und schnell und einfach auf jedes Objekt anwenden, ohne das Muster und seine anderen Attribute erneut anwenden zu müssen. Stellen Sie sicher, dass Sie Ihren Grafikstil speichern, damit Sie von jedem Dokument aus darauf zugreifen können.

Create a graphic styleCreate a graphic styleCreate a graphic style

Schritt 3

Testen wir Text mit dem neuen Grafikstil. Mit einer lustigen Skriptschrift habe ich eine meiner Lieblingsphrasen mit freundlicher Genehmigung der Drag-Entertainerin Alyssa Edwards geschrieben. Ähnliche Schriftarten finden Sie im Schriftbereich von Envato Market.

Geben Sie mit dem Textwerkzeug (T) Text ein und erweitern Sie (Text > Erweitern) Ihren Text zu Konturen. Wenden Sie Ihren neu erstellten Grafikstil an. Beachten Sie gegebenenfalls Möglichkeiten zur Verbesserung Ihres Musters oder Stils.

Easily apply your graphic styleEasily apply your graphic styleEasily apply your graphic style

5. Erstellen Sie ein typografisches Design

Schritt 1

Lassen Sie uns etwas interessanter machen, als einen Grafikstil auf eine einfache Schriftart anzuwenden. Skizzieren Sie eine typografische Komposition. Erwägen Sie die Verwendung von Skript-, Serifen- und Sand-Serifen-Schriften als Beispiele für Ihren handgezeichneten Typ.

Alternativ können Sie Text nach Belieben anordnen, anstatt ein separates Design zu zeichnen. Ich habe das unten gezeigte Design in Adobe Photoshop gezeichnet und in mein Adobe Illustrator-Dokument importiert. Spielen Sie mit einer Vielzahl von Kompositionen und Schriftstilen mit dem Zitat Ihrer Wahl. Wenn Sie kein Grafiktablett verwenden, sollten Sie für dieses Lernprogramm vorgefertigte Schriftarten verwenden.

Create some fun typographic compositionsCreate some fun typographic compositionsCreate some fun typographic compositions

Schritt 2

Verwenden Sie auf einer neuen Ebene das Blob-Pinsel-Werkzeug (Umschalt-B), um Ihr Design reibungslos neu zu zeichnen. Geben Sie Ihr Bestes, um Ihre Linienarbeit zu straffen und Kurven glatt und gerade Linien gerade zu halten.

Carefully draw smooth text designsCarefully draw smooth text designsCarefully draw smooth text designs

Schritt 3

Variieren Sie Ihre Linienbreite in Ihrem Schriftzug. Hier können Sie anhand von Beispielen für andere Schriftarten und Typografien entscheiden, welche Teile jedes Buchstabens dick und welche dünn sein sollen. Experimentieren Sie mit beiden und sehen Sie, wie es Ihr Design verändert.

Use thick and think lines in your designUse thick and think lines in your designUse thick and think lines in your design

Schritt 4

Arbeiten Sie weiter an Ihrer Komposition. Wenn Sie feststellen, dass Ihre Skizze nicht richtig war, können Sie Ihren Inhalt jetzt anpassen. Alternativ können Sie auch ein anderes Zeichenwerkzeug verwenden, z. B. das Stiftwerkzeug (P), um Ihre Skizze zu verfolgen.

Continue redrawing your text designContinue redrawing your text designContinue redrawing your text design

Schritt 5

Umreißen Sie bei größeren Buchstabenabschnitten zuerst die Kontur und füllen Sie dann jede Form aus. Beschleunigen Sie Ihren Prozess, indem Sie mit dem Shaper-Tool (Umschalt-N) Abschnitte ausfüllen. Zeichnen Sie einfach ein Gekritzel zwischen Objekte und es wird ausgefüllt, wie Sie unten sehen können.

Use the shaper tool to fill in objectsUse the shaper tool to fill in objectsUse the shaper tool to fill in objects

Schritt 6

Wenn Sie Ihren Text fertiggestellt haben, löschen Sie Ihre Skizzierebene und wählen Sie Ihre neuen Textformen aus. Vereinigen Sie diese Formen im Pathfinder-Bedienfeld und stellen Sie sicher, dass Sie sie zu einer zusammengesetzten Form erweitern. Wie zuvor können Sie Ihren Grafikstil auf Ihr neu erstelltes Design anwenden.

Apply your graphic style to the newly created designApply your graphic style to the newly created designApply your graphic style to the newly created design

6. Erstellen Sie eine Schnittmaske

Schritt 1

Als alternative Methode zum Grafikstil können Sie eine Schnittmaske (Strg-7) erstellen, um Ihre Textur anzuwenden. Wählen Sie wie bei der Vorbereitung des Musters einen Teil Ihrer Image Traced-Textur mit dem Lasso-Werkzeug aus und kopieren Sie sie.

Ich beschloss, Aquarelltexturen in ihren eigenen Dokumenten getrennt zu halten, damit mein Arbeitsdokument auf meinem Computer nicht so sehr ein Gedächtnisfresser war.

Select your textureSelect your textureSelect your texture

Schritt 2

Fügen Sie Ihre Textur in Ihr Arbeitsdokument ein. Ich habe die Füllfarbe meines Textes auf Hellgrau eingestellt, damit sowohl sie als auch die überlappende Textur gut sichtbar sind. Stellen Sie den Mischmodus der Textur im Transparenzbedienfeld auf „Multiplizieren“.

Overlap your text with your watercolor textureOverlap your text with your watercolor textureOverlap your text with your watercolor texture

Schritt 3

Wiederholen Sie diesen Vorgang, indem Sie Aquarelltexturabschnitte über Ihren Text einfügen. Sie können sie skalieren, drehen und so platzieren, wie Sie es am besten finden.

Overlap your text with various color and texturesOverlap your text with various color and texturesOverlap your text with various color and textures

Schritt 4

Wenn Sie mit Ihrer Texturplatzierung zufrieden sind, gruppieren Sie sie über Ihrem Design. Stellen Sie außerdem sicher, dass der größte Teil Ihres Textdesigns in irgendeiner Weise mit einer Textur bedeckt ist. Sie möchten nicht, dass ganze Buchstaben verschwinden, wenn wir unsere Schnittmaske erstellen.

Group together your watercolor texturesGroup together your watercolor texturesGroup together your watercolor textures

Schritt 5

Kopieren Sie Ihr Textdesign und fügen Sie es über Ihre Aquarelltexturgruppe ein. Blenden Sie Ihr ursprüngliches Textdesign im Ebenenbedienfeld aus. Wählen Sie beide aus und erstellen Sie eine Schnittmaske, indem Sie Strg-7 drücken. Wenn Sie feststellen, dass Sie Inhalte zu Ihrer Schnittmaske ändern oder hinzufügen möchten, öffnen Sie einfach das Ebenenbedienfeld und wählen Sie Teile Ihrer Gruppe innerhalb der Clip-Gruppe aus, um sie in Ihrer Zeichenfläche neu anzuordnen, oder fügen Sie sogar neue Texturen hinzu, indem Sie sie in die Gruppe ziehen.

create a clipping mask and adjust its contentscreate a clipping mask and adjust its contentscreate a clipping mask and adjust its contents

Gut gemacht, du bist durch!

Spielen Sie mit Aquarelltexturen, wie Sie es für richtig halten. Unabhängig davon, ob Sie einen Grafikstil oder eine Schnittmaske erstellen, haben Sie Optionen zum Anwenden Ihrer Textur sowie anderer Elemente wie Aquarellspritzer oder zusätzliche Waschtexturen.

Teilen Sie Ihre Designs im Kommentarbereich unten! Egal, ob Sie jedes Element selbst erstellt oder Assets von Envato Market in Ihrer Posterkomposition verwendet haben, wir möchten sie sehen!

The final designThe final designThe final design
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads