Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Textures
Design

So erstellen Sie verschiedene Vektor Texturen mit Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

German (Deutsch) translation by Wilhelm Wolf (you can also view the original English article)

Final product image
What You'll Be Creating

Schaffen interessante Texturen kann manchmal eine schwierige und lästige Aufgabe, besonders wenn Sie nicht genau wissen, wo zu beginnen. 

 Seit ich dort gewesen bin, wollte ich, um Ihnen zu helfen, indem Sie gemeinsam diese kleine Anleitung, die dir zeigt drei verschiedene Methoden, die einfach zu erlernen und zu beherrschen.

Also, wenn das interessant klingt, begleiten Sie mich, wie wir lernen, wie man erstellen Sie eine einfache Dekorative vase und Texturen verwenden um es zum Leben zu erwecken. 

1. Wie Legen Sie ein Neues Projekt-Datei 

 Wie immer, lassen Sie uns kick-off des Projekts durch öffnen Illustrator und einrichten eines Neuen Dokuments, indem Sie auf Datei > Neu (oder Ctrl-N), die wir einstellen wie folgt:

  • Anzahl der Zeichenflächen: 1 
  • Breite: 1200 px 
  • Höhe: 600 px 
  •  Einheiten: Pixel

Und aus der Registerkarte "Erweitert": 

  • Farbmodus: RGB 
  • Raster-Effekte: Bildschirm (72ppi) 
  • Vorschau-Modus: Standard 
setting up a new document

2. Wie Sie die Ebenen 

 Einmal haben wir unser neues Dokument, wir wollen um es in einer Ebene, so dass wir trennen unseren Vasen (die wir verwenden werden, als Unterstützung für die verschiedenen Texturen) aus dem hintergrund.

 So öffnen Sie die Ebenen-Bedienfeld und erstellen Sie eine Summe von zwei Schichten, die wir benennen Sie wie folgt:

  • Ebene 1: hintergrund 
  • Schicht 2: Vasen 
setting up the layers

3. So Erstellen Sie den Hintergrund 

 Mit dem Dokument alles geschichtet ist, können wir nun beginnt die Arbeit am eigentlichen Projekt, und wir werden dies tun, durch die Schaffung der hintergrund. That being said, stellen Sie sicher, positionieren Sie sich auf der ersten Ebene und lasst uns springen Sie direkt hinein!

Schritt 1 

 Mit dem Rechteck-Werkzeug (M) einen 1200 x 600 px rectangle, mit denen wir die Farbe mit #FF8269 und dann richten Sie die Mitte des zugrunde liegenden Bildmaterial mit dem Bedienfeld "Ausrichten" Horizontal und Vertical Align Center-Optionen, so dass Sie sicher, dass die Ausrichtung erfolgt auf die Zeichenfläche.

creating and positioning the background

Schritt 2 

 Mit dem hintergrund statt, wir können nun sperren Sie die Ebene und ziehen weiter zum nächsten, wo beginnen wir mit der Arbeit auf unserem kleinen Vasen.

locking the background layer

4. So Erstellen Sie die Vase 

 Angenommen, Sie haben sich schon positioniert sich auf der zweiten Schicht, beginnen wir die Arbeit auf die eigentliche Dekorative Gefäße, die wir gehen, um unsere Strukturen auf.

 Schritt 1

Beginnen Sie, indem Sie den unteren Teil der vase Körper mit einem 128 x 128 px-Kreis, mit denen wir die Farbe mit #FFE7C5 und dann Zentrum ausrichten, um den größeren Zeichenfläche positionieren 178 px aus dessen unteren Rand. 

creating the main shape for the lower section of the vase

Schritt 2 

 Fügen Sie der main-Form für den Hals Abschnitt mit einem 24 x 88 px rectangle (#FFE7C5) und die Basis mit einem 48 x 8 px Rechteck mit abgerundeten Ecken (#FFE7C5), mit denen wir die position wie in dem Referenz-Bild.

adding the neck and base section to the center vase

Schritt 3 

Öffnen Sie den Pfad der den Kreis der oberen Hälfte und das Rechteck unten ein, vereint Sie in einem einzigen größeren Form mit der Strg-J Tastenkombination, so dass Sie sicher und passen Sie den übergang zwischen Hals Abschnitt und der unteren Körperhälfte, wie in dem Referenz-Bild. 

adjusting the shape of the center vase

Schritt 4 

 Nehmen Sie ein paar Momente und schnell dekorieren Sie die vase mit #2A323D für dunklere Abschnitte und #FFE7C5 für seine leichtere darauf, dass die Maske, die Sie bei Bedarf (der gewünschten Form gewählt > Rechte Maustaste > " Schnittmaske). Sobald Sie fertig sind, wählen Sie und die Gruppe alle seine Komposition von Formen mit der Control-G Tastatur-shortcut, bevor Sie zu dem nächsten Schritt.

adding details to the center vase

Schritt 5 

 Sobald wir mit der Arbeit fertig bin auf der vase, können wir uns nun fügen Sie die Vordergrund-line mit einer 160 px Breite, 2 px dick Strich-Linie (#2A323D). Nach dem gruppieren (Strg-G) die beiden zusammen, fügen Sie die übrigen Instanzen (Ctrl-C - > Ctrl-F zweimal) die wir-position in einer Entfernung von 160 px vom original.

creating the remaining vases

Also an dieser Stelle, wir haben ziemlich viel mit der Arbeit fertig auf unsere leeren Leinwände (die Vasen) das heißt, wir können nun zu dem Teil, dass die meisten Sie interessiert, und sehen, wie wir hinzufügen können, die die Texturen mit drei verschiedenen Methoden. 

5. Wie zum Hinzufügen von Texturen, die Mit dem  Grain-Effekt

Die erste Methode, und mein persönlicher Favorit, ist das mit dem Effekt "Körnung", das ist eigentlich abgeleitet von Photoshop. 

Schritt 1  

Positionieren Sie sich auf der ersten vase (die linke), und dann mit dem Direktauswahl-Werkzeug (A) wählen Sie die shapes, die für Ihren Körper und Basis, die wir kopieren (Strg-C) und dann einfügen in front (Strg-F), wo Sie verwendet werden, als eine Clipping-Maske. 

creating the clipping mask for the grain effect texture

Schritt 2 

 Da wollen wir die zwei Formen Verhalten sich wie ein einzelner größerer, müssen wir verwandeln Sie in eine Zusammengesetzte Form, indem Sie über Pathfinder advanced Menü klicken und dann auf die Stellen Zusammengesetzte Form option.

creating the compound shape

Schritt 3 

 Als Nächstes werden wir anwenden möchten, um einen linearen Farbverlauf für die Zusammengesetzte Form, die Einstellung der Farbe des linken Anschlag auf weiß (#FFFFFF) und die richtigen zu finden, der den gleichen Wert für unsere dunkleren Abschnitten (#2A323D). 

creating the gradient for the grain effect texture

Schritt 4 

 Sobald wir angewendet haben, die Steigung, wir können hinzufügen, die Maserung, die durch das gehen auf Effekt - > Photoshop-Effekte > Textur > Korn, wo wir wollen, um die Getreide-Typ, Genarbte und stellen Sie dann die Intensität und den Kontrast, bis wir zu einem interessanten Ergebnis.  In meinem Fall ging ich mit einem Wert von 40 für die Intensität und die 50 für den Kontrast, das gibt mir schwer genug textur, mit zu arbeiten.

adjusting the settings of the grain effect

Schritt 5 

 Je nach Ergebnis passen Sie die position der textur durch die öffnung des Gradienten-panel und ziehen Sie den oberen Schieberegler entweder nach Links, um weitere details hinzuzufügen, oder nach rechts, um Sie zu entfernen. Eine andere Sache, die Sie sollten immer daran denken, zu tun ist, setzen Sie die Deckkraft der helleren Farbe halt (in unserem Fall der linke) auf 0% (oder nahe genug Wert wie 10%), da ansonsten die weißen werden am Ende ruinieren die textur.

adjusting the position of the grain texture

Schritt 6 

Alles, was wir jetzt tun müssen ist, mischen unsere textur zu unserer vase, die durch die öffnung der Transparenz-Palette und wählen Sie eine Füllmethode, die funktioniert. Für das aktuelle Beispiel, ich ging mit Overlay, die, wie Sie sehen können, erzeugt eine schöne, subtile übergang zwischen der textur und der vase, die ist genau das, was ich will.    Je nach Projekt, können Sie am Ende mit einer anderen Füllmethode und die Deckkraft der Ebene, so empfehle ich Ihnen, spielen mit Ihnen herum, bis Sie eine finden, die erzeugt einen interessanten Effekt. 

choosing a blending mode for the grain effect texture

6. Wie Erstellen Sie Texturen Mit einer Benutzerdefinierten Stipple Brush 

 Sobald wir fertig sind das hinzufügen von textur zu unserem ersten vase, in die zweite ein, wo wir sehen, wie wir können, erstellen Sie einen stipple Bürste und dann verwenden, um es zu schmücken unsere zweite Leinwand.

Schritt 1 

 So wie bei der vorherigen Methode, die wir zuerst möchten, erstellen Sie eine Kopie der vase Hauptteil und stehen, die wir wiederum in eine Zusammengesetzte Form, die wir später verwenden als Schnittmaske.

creating the clipping mask for the stipple brush texture

Schritt 2 

 Als Nächstes benötigen wir zum erstellen der benutzerdefinierten Pinsel-Zeichnung ein paar unterschiedlich große Kreise (#000000) angezeigt, die in einer kreisförmigen formation (markiert mit grün), die Positionierung der kleineren, nach außen von den größeren auf der Innenseite.

creating the main shapes for the stipple brush

 Quick-Tipp: wie Sie sehen können, ging ich und ein neues Dokument erstellt, so dass meine Pinsel-Elemente nicht überschneiden sich mit den Vasen, aber Sie können genauso gut tun es auf der gleichen Projekt-Datei, solange Sie vorsichtig sind.

Schritt 3 

 Sobald Sie haben alle die Formen in Ort, alles, was Sie tun müssen, ist, bringen Sie das Pinsel-Bedienfeld und mit allen von Ihnen ausgewählten, klicken Sie einfach auf " Neuer Pinsel, machen Sie sicher, dass Sie die Bürste Typ Scatter Pinsel. Ein neues Fenster sollte pop-up, so dass Sie passen Sie, einige der Einstellungen, aber für jetzt lassen Sie einfach, wie Sie sind, da Sie nicht in der Lage, um eine Vorschau der änderungen. Dass gesagt wird, geben Sie einen benutzerdefinierten Namen ein und drücken OK, da wir gehen, um die Feinabstimmung es im nächsten Schritt. 

creating the custom stipple brush

Schritt 4

 Wenn Sie einen genaueren Blick auf Ihre Pinsel-Bedienfeld sehen Sie jetzt die custom-stipple-Pinsel, die wir gerade erstellt haben, die Sie brauchen zu wählen, und dann verwenden Sie zum zeichnen einer horizontalen Linie mit dem Pinsel-Werkzeug (B). Dies wird uns helfen, Holen Sie sich eine Vorschau aller änderungen, die wir machen, um die verschiedenen Optionen.

 Sobald Sie die Zeile, Sie können gehen Sie zurück zu der Systemsteuerung, und doppelklicken Sie auf die Bürste, die öffnet ein neues Fenster, wo man einstellen kann, mit seinen verschiedenen Funktionen und die Vorschau von live.

 In meinem Fall habe ich die Größe festlegen, um den Druck und senkt die Stufe von 28%. Ich habe dann angepasst die Abstände zu 40%, so dass Sie sicher, dass die Streuung ist auf 0% und die Rotation gesetzt, um Zufällige mit a-120º Winkel.  Last but not least, ich habe sicher um die Einfärbung zu Tönen, da ich will in der Lage sein zu ändern die Farbe von meinem Pinsel später, wenn ich muss. 

fine tuning the custom stipple brush

 Schritt 5 

Sobald ich fertig bin einstellen meine Pinsel, die ich gehen kann zurück zu meiner Projekt-Datei und es verwenden, um hinzufügen textur an den Seiten meiner vase mit #000000 für seine linke Seite und #FFFFFF für seine Rechte ein.  Je nachdem, was Sie versuchen zu erreichen, können Sie stellen Sie das Gewicht des Pinselstrichs, um die gewünschte Wirkung zu erzielen. Da ich wollte, um eine subtile Ergebnis, legte ich es auf einen Wert von nur 0,3 px. 

adding texture to the second vase using the stipple brush

Schritt 6 

 Wenn Sie zufrieden sind, mit dem Ergebnis, dass alle Sie tun müssen ist die position des zugrunde liegenden Zusammengesetzten Form vor der textur (Rechtsklick - > "Anordnen" > "nach Vorne"), und verwenden Sie dann als Schnittmaske (gewünschte Form gewählt > Rechte Maustaste > " Schnittmaske) um zu beschränken, es an die Oberfläche der vase.

masking the custom stipple brush texture

7. Wie Erstellen Sie Texturen Mit Muster-Farbfelder 

 Unsere Dritte und Letzte Methode ist eine, die Sie wahrscheinlich noch nie gedacht, die ist, warum ich wirklich wollte, um es darauf hin, da es super einfach zu bedienen und gibt wirklich interessante Ergebnisse.

 Dass gesagt wird, positionieren Sie sich auf die Letzte vase, und mal sehen, was ich Rede!

Schritt 1 

 Wie wir mit den bisherigen Methoden, starten Sie, indem Sie eine Zusammengesetzte Form über eine Kopie (Strg-C - > Ctrl-F) von seinem Körper und Basis.

creating the clipping mask for the pattern swatch texture

Schritt 2  

Mit der Compound-Form ausgewählt haben, öffnen Sie die "Farbfelder" - panel, und dann klicken Sie auf das Farbfeld-Bibliotheken-Menü und navigieren Sie nach unten, um Muster > einfache Grafiken > Basic Graphics_Textures. Wie Sie sehen können, gibt es eine Reihe von Optionen, die wir wählen können, doch für dieses Projekt verwenden wir sogenannte Welligkeit. 

applying the swatch pattern texture to the third vase

Schritt 3 

Weiter, alles, was wir tun müssen ist, passen Sie die Sichtbarkeit der textur, indem deren Füllmethode auf Overlay und senken deren Deckkraft auf 60%, das sollte uns ein Interessantes Ergebnis.

choosing a blending mode for the swatch pattern texture

It ' s a Wrap! 

 Dort haben Sie es, Kolleginnen und textur-Süchtigen: eine schöne, einfache Anleitung zum erstellen von Texturen für Ihre verschiedenen Projekte mit Hilfe von drei verschiedenen Methoden.

 Wie immer, wenn Sie irgendwelche Fragen haben, fühlen Sie sich frei, um Sie in den Kommentaren und ich werde zurück an Sie so bald wie ich kann!

finished project preview

Benötigen Sie Mehr Texturen? 

 Da der Prozess der Schaffung einer Sammlung von benutzerdefinierten Texturen können am Ende unter eine Menge Zeit, ich dachte, ich könnte Ihnen helfen durch teilen einige meiner Lieblings-Bilder, die Sie bekommen können über bei Envato Elemente.

Vintage-Halbton-Texturen 

Diese Raster-Textur-pack enthält 10 hochwertige Vektor-EPS-und PNG-Dateien abgeleitet aus hochauflösenden Fotos.   Diese Texturen erfassen das Gefühl des old-school-prints und horcht auf, zurück zu dem Tag, als Sie könnte leicht vor Ort der Grauwert-Texturen in den Abzügen.  Diese Texturen erfassen das Gefühl des old-school-prints und horcht auf, zurück zu dem Tag, als Sie könnte leicht vor Ort der Grauwert-Texturen in den Abzügen. Sie bieten ein authentisches und klassisches Gefühl zu fast jedem Projekt. Klicken Sie auf die größere Ansicht der einzelnen Produkt-Bilder, um Sie besser sehen die Details.

vintage halftone textures by envato elements
Vintage-Halbton-Texturen von Envato Elemente 

Beispiel für Vintage-Halbton-Texturen angewendet auf Vasen. 

vintage halftone textures vase example

Vintage Grit Texturen 

 Diese authentische Sammlung verfügt über eine alte vintage-Gefühl mit einer Vielzahl von Texturen reichen von sehr subtilen grit zu schwerer grit-so finden Sie die richtige textur für den job. Leicht fallen diese fein detaillierten Texturen, die auf Ihrem design und fügen Sie mehrere Texturen auf ein design für eine noch schwerere used look.

vintage grit textures by envato elements
Vintage Grit Texturen von Envato Elemente 

Beispiel der Jahrgang Grit Texturen angewendet auf Vasen. 

vintage grit textures vase example

Welle Texturen Gemalt 

 Präsentiert eine einzigartige Sammlung von hand-Malte Welle Texturen mit einem high-impact Aussehen. Diese Sammlung ist ideal für Projekte, wo Sie brauchen, einen abstrakten hintergrund mit einigen dramatischen flair.

painted wave textures by envato elements
Welle Texturen Gemalt von Envato Elemente 

 Beispiel Welle PaintedTextures angewendet auf Vasen.

wave painted textures vase example

Wasser Kräuselte Texturen 

 Hochauflösende Texturen für alle Ihre gestalterischen Zwecken. Dieses pack enthält acht Wasser Kräuselte Texturen für Fotografen, Grafik-Designer und DIY-creatives zu erstellen, die Ihnen helfen, Karten, Hintergründe, Banner oder andere Projekte.

rippled water textures by envato elements
Wasser kräuselte Texturen von Envato Elemente 

Beispiel Wasser Kräuselte Texturen angewendet auf Vasen. 

rippled water textures vase example

Vintage Stoff Texturen 

 Hier ist eine Reihe von hoher Qualität, voll-Seite-Stoff-Texturen für einige gute alte vintage-Note. Das set umfasst eine Vielzahl von Stoffen aus denim Sorten standard-t-shirt-Stoff.  Jede dieser Texturen verwendet werden können, entweder in Photoshop oder Illustrator (oder ein beliebiges Programm, das verwendet entweder im Vektor-EPS oder Transparente PNGs).

vintage fabric textures by envato elements
 Vintage Stoff-Texturen von Envato Elemente

Beispiel für Vintage-Stoff-Texturen angewendet auf Vasen. 

vintage fabric textures by envato elements

 Nun, obwohl die Texturen erstellt wurden, die mit anderen Methoden als die in diesem Artikel vorgestellt werden, werden Sie die Anwendung in der gleichen Weise, indem Sie sich zuerst positionieren Sie diese auf die gewünschte Form, und dann maskieren Sie, so dass Sie sicher zu spielen, um mit Farben, Füllmethoden und Deckkraft Ebenen.

Fazit

 So, wie Sie gesehen haben, ist der Prozess der Erstellung und Verwendung von benutzerdefinierten Vektor-Texturen gar nicht so schwer, besonders wenn Sie haben ein grundlegendes Verständnis der Werkzeuge und Methoden beteiligt.

 Obwohl heute erkundeten wir nur drei der verschiedenen zur Verfügung stehenden Methoden, Sie werden staunen, wie viel Sie erreichen können, verwenden Sie diese einfachen Techniken.

 , Die being said, Sie können immer erweitern Sie Ihre Texturierung Fähigkeiten, indem Sie diese tollen tutorials, die sind wirklich einfach und macht Spaß zu Folgen.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.