Cum se creează diferite texturi vectoriale folosind Adobe Illustrator

Ce veți crea

Crearea de texturi interesante poate fi uneori o sarcină dificilă și enervantă, mai ales dacă nu știți exact de unde să începeți.

De când am fost acolo, am vrut să te ajut cu ajutorul acestui mic tutorial care îți va arăta trei metode diferite, ușor de învățat și de masterat.

Deci, dacă sună interesant, aduni-mă pe măsură ce învățăm să creăm un simplu vază decorativă și să folosim texturi pentru ao aduce la viață.

1. Cum se configurează un nou fișier de proiect

Ca întotdeauna, să lansăm proiectul prin deschiderea programului Illustrator și crearea unui a Document nou prin a merge la Fișier> Nou (sau Control-N), pe care o vom adapta după cum urmează:

  • Numărul de tablouri: 1
  • Lăţime: 1200 px
  • Înălţime: 600 px
  • Unități: pixeli

Și de la Avansat fila:

  • Modul color: RGB
  • Efecte Raster: Ecran (72ppi)
  • Modul de examinare: Mod implicit

2. Cum se configurează straturile

Odată ce am creat noul nostru document, vom dori să-l strângem astfel încât să putem separa vasele (pe care le vom folosi ca suport pentru texturi diferite) din fundal.

Așa că deschideți straturi și creați un total de două straturi, pe care le vom redenumi după cum urmează:

  • stratul 1: fundal
  • strat 2: vaze

3. Cum se creează fundalul

Odata cu documentul stratificat, putem incepe acum sa lucram la proiectul propriu-zis, si vom face acest lucru prin crearea fundalului. Acestea fiind spuse, asigurați-vă că vă poziționați pe primul strat și să mergem direct în el!

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creeaza o 1200 x 600 px dreptunghi, pe care o vom folosi folosind culoarea # FF8269 și apoi aliniați la centrul tabloului de bord subțire folosind Alinia panoul Orizontală și Centrul de aliniere verticală opțiuni, asigurându-vă că alinierea este făcută în Artboard.

Pasul 2

Cu fundalul în loc, acum putem bloca stratul curent și putem trece la următorul strat, unde vom începe să lucrăm la vasele noastre mici.

4. Cum se creează vasul

Presupunând că te-ai poziționat deja pe cel de-al doilea strat, să începem să lucrăm la navele decorative actuale pe care le vom afișa texturile pe.

Pasul 1

Începeți prin a crea secțiunea inferioară a corpului vasului folosind a 128 x 128 px cerc, pe care o vom folosi # FFE7C5 și apoi aliniați centrul la placa grafică mai mare, poziționându-l 178 px de la marginea de jos.

Pasul 2

Adăugați forma principală pentru secțiunea gâtului utilizând a 24 x 88 px dreptunghi (# FFE7C5) și baza folosind a 48 x 8 px dreptunghi rotunjit (# FFE7C5), pe care o vom poziționa așa cum se vede în imaginea de referință.

Pasul 3

Deschideți calea jumătății superioare a cercului și cea inferioară a dreptunghiului, uniți-le într-o singură formă mai mare folosind Control-J comanda rapidă de la tastatură, asigurându-vă că ajustați tranziția dintre secțiunea gâtului și corpul inferior așa cum se vede în imaginea de referință.

Pasul 4

Luați câteva momente și decorați rapid vaza folosind # 2A323D pentru secțiunile sale mai întunecate și # FFE7C5 pentru cele mai ușoare, asigurându-vă că le mascați acolo unde este necesar (forme dorite selectate > faceți clic dreapta> Faceți o mască de tăiere). Odată ce ați terminat, selectați și grupați toate formele sale de compunere folosind Control-G de la tastatură, înainte de a trece la pasul următor.

Pasul 5

Odată ce am terminat lucrul la vază, acum putem adăuga linia de prim plan folosind a 160 px larg, 2 px gros Accident vascular cerebral linie (# 2A323D). După grupare (Control-G) cele două împreună, adăugați restul instanțelor (Control-C> Control-F de două ori pe care o vom poziționa la o distanță de 160 px din original.

Deci, în acest moment, am terminat destul de mult să lucrăm la pânzele goale (vasele), ceea ce înseamnă că putem trece acum la partea pe care majoritatea dvs. sunteți interesată și să vedem cum putem să le adăugăm texturi folosind trei metode.

5. Cum se adaugă texturi utilizând efectul de cereale

Prima metodă, și preferatul meu personal, utilizează Grain Effect, care este de fapt derivat din Photoshop.

Pasul 1

Poziționați-vă pe primul vas (care ar fi cel din stânga), apoi folosiți Instrumentul de selecție directă (A) selectați formele pentru corp și bază, pe care le vom copia (Control-C) și apoi lipiți în față (Control-F) unde vor fi folosite ca a Mască de tăiere.

Pasul 2

Deoarece vrem ca cele două forme să se comporte ca una mai mare, trebuie să le transformăm într-un Forma compusă prin trecerea la deschizător de drumuri's meniu avansat și apoi faceți clic pe Faceți forma compusă opțiune.

Pasul 3

Apoi, vom dori să aplicăm un gradient liniar la Forma compusă, setarea culorii opritului din stânga la alb (#FFFFFF) și cele ale celei potrivite pentru secțiunile noastre mai întunecate (# 2A323D).

Pasul 4

Odată ce am aplicat gradientul, putem adăuga textura boabelor trecând la Efect> Efecte Photoshop> Textură> Cereale, unde vom dori să setăm Tipul de cereale la punctate apoi ajustați Intensitate și Contrast până când vom obține un rezultat interesant. În cazul meu, m-am dus cu o valoare 40 pentru Intensitate și 50 pentru Contrast, care îmi dă o textura suficient de mare pentru a lucra cu.

Pasul 5

În funcție de rezultat, puteți regla poziția texturii deschizând Gradient și trageți glisorul de sus spre stânga pentru a adăuga mai multe detalii sau spre dreapta pentru a le elimina. Un alt lucru pe care ar trebui să-l amintiți întotdeauna este să setați Opacitate nivelul opririi culorii mai ușoare (în cazul nostru, cel stâng) 0% (sau o valoare destul de apropiată cum ar fi 10%), altfel albul va sfărâma textura.

Pasul 6

Tot ce trebuie să facem acum este să ne amestecăm textura în vaza noastră prin deschiderea Transparenţă panou și alegerea a Mod de amestecare asta merge. Pentru exemplul curent, m-am dus cu mine Acoperire, care, după cum puteți vedea, produce o tranziție frumoasă și subtilă între textura și vaza, ceea ce este exact ceea ce vreau. În funcție de proiect, s-ar putea să ajungeți la altfel Mod de amestecare și Opacitate nivel, așadar vă recomand să vă jucați cu ei până când veți găsi unul care produce un efect interesant.

6. Cum să creați texturi utilizând o pensulă personalizată

Odată ce am terminat de adăugat textura în primul vază, treceți la cea de-a doua, unde vom vedea cum putem crea o pensulă de stropi și apoi să o folosim pentru a decora cea de-a doua pânză.

Pasul 1

Așa cum am făcut și cu metoda anterioară, vom dori mai întâi să creați o copie a corpului principal și a standului vasului, pe care o vom transforma într-o Forma compusă că vom folosi mai târziu ca a Mască de tăiere.

Pasul 2

Apoi, trebuie să creăm peria personalizată prin desenarea a două cercuri de dimensiuni diferite (# 000000) afișată într-o formă circulară (evidențiată cu verde), poziționând cele mai mici către exterior și cele mai mari pe interior.

Sfat rapid: după cum puteți vedea, m-am dus și am creat un document nou, astfel încât elementele mele de perie să nu se suprapună cu vasele, dar puteți face același lucru și în același fișier de proiect atâta timp cât sunteți atent.

Pasul 3

Odată ce aveți toate formele în loc, tot ce trebuie să faceți este să aduceți Perie panou și, cu toate acestea selectate, pur și simplu faceți clic pe Pensulă nouă, asigurați-vă că ați setat tipul de perie la Scruter Brush. Ar trebui să apară o nouă fereastră, permițându-vă să ajustați unele dintre setările sale, dar acum lăsați-le așa cum sunt, din moment ce nu veți putea previzualiza modificările. Acestea fiind spuse, dati-i un nume personalizat si loviti O.K, de vreme ce o să o reglezăm în pasul următor.

Pasul 4 

Dacă te uiți mai atent la tine Perii panou, ar trebui să vedeți acum pensula personalizată pe care am creat-o, pe care trebuie să o selectați și apoi să o utilizați pentru a desena o linie orizontală utilizând Instrumentul pentru pensula (B). Acest lucru ne va ajuta să facem o previzualizare a tuturor modificărilor pe care le vom face la diferitele sale opțiuni. 

De îndată ce aveți linia, puteți să vă întoarceți la panou și să faceți dublu clic pe pensulă, care ar trebui să aducă o nouă fereastră, unde puteți ajusta diferitele caracteristici și le puteți previzualiza live. 

În cazul meu, am setat mărimea la Presiune și a redus nivelul la 28%. Apoi am ajustat Spațiere la 40%, asigurându-vă că Împrăștia este pornit 0% si Rotație setat la Întâmplător cu -120º unghi. Nu în ultimul rând, am stabilit că am setat Colorare la Colorează deoarece vreau să pot schimba culoarea pensulei mai târziu atunci când trebuie.

Pasul 5

Odata ce am terminat sa-mi ajustez peria, ma pot intoarce la fisierul meu de proiect si il folosesc pentru a adauga textura pe laturile vasei mele folosind # 000000 pentru partea stângă și #FFFFFF pentru cea corectă. În funcție de ceea ce încercați să realizați, puteți ajusta Greutate din Accident vascular cerebral pentru a obține efectul dorit. Din moment ce am vrut să obțin un rezultat subtil, l-am redus la o valoare justă 0,3 px.

Pasul 6

Odată ce sunteți mulțumit de rezultat, tot ce trebuie să faceți este să poziționați suportul Forma compusă în fața texturii (faceți clic dreapta> Aranjare> Aduceți în față), și apoi folosiți-o ca pe Mască de tăiere (forme dorite selectate > faceți clic dreapta> Faceți o mască de tăiere) pentru ao constrânge la suprafața vasului.

7. Cum să creați texturi folosind modelele de model

A treia și ultima noastră metodă este una pe care, probabil, niciodată nu ați gândit să o utilizați, motiv pentru care am vrut cu adevărat să o subliniez deoarece este foarte ușor de utilizat și vă oferă rezultate foarte interesante.

Acestea fiind spuse, poziționați-vă pe ultima vază și să vedem despre ce vorbesc!

Pasul 1

Așa cum am făcut și cu metodele anterioare, începeți prin crearea unui Forma compusă folosind o copie (Control-C> Control-F) a corpului și a bazei sale.

Pasul 2

Cu Forma compusă selectați, deschideți Specimene panou, apoi faceți clic pe Swatch Biblioteci meniu și navigați în jos Modele> Grafică de bază> Grafică de bază. După cum puteți vedea, există o grămadă de opțiuni pe care le putem alege, dar pentru acest proiect vom folosi cel numit Clipoci.

Pasul 3

Apoi, tot ce trebuie să faceți este să reglați vizibilitatea texturii prin setarea acesteia Mod de amestecare la Acoperire și scăderea lui Opacitate la 60%, care ar trebui să ne dea un rezultat final interesant.

Este o folie!

Acolo îl aveți, alți dependenți de textură: un tutorial frumos, ușor de a crea texturi pentru diferitele dvs. proiecte folosind trei metode diferite.

Ca întotdeauna, dacă aveți întrebări, nu ezitați să le postați în secțiunea de comentarii și vă voi întoarce cât de repede pot!

Aveți nevoie de mai multe texturi?

De vreme ce procesul de creare a unei colecții de texturi personalizate poate dura mult timp, m-am gândit că vă pot ajuta să împărțiți unele dintre cele preferate pe care le puteți obține la Envato Elements.

Texturi în halturi de vintage

Acest pachet de texturi Halftone include 10 vectori de înaltă calitate EPS și PNG fișiere derivate din fotografii de înaltă rezoluție. Aceste texturi captează senzația de tipărire a școlii vechi și ascultau înapoi în ziua în care puteați să observați cu ușurință texturile de semiton în amprente. Ele pot oferi o senzație autentică și clasică pentru aproape orice proiect. Faceți clic pe vizualizarea mai mare a fiecărei imagini a produsului pentru a vedea mai bine detaliile.

Texturi de halte de vintage de Envato Elements

Exemplu de texturi de halfton de epocă aplicate pe vase.

Vintage Grit Textures

Această colecție autentică oferă o senzație veche de epocă, cu o varietate de texturi, variind de la pietre foarte subtile până la pietriș mai greu, astfel încât să puteți găsi textura potrivită pentru lucrare. Puneți cu ușurință aceste texturi fin detaliate pe designul dvs. și adăugați mai multe texturi pe un design pentru un aspect mai dificil.

Vintage Grit Textures de Envato Elements

Exemplu de texturi din vintage de gresie aplicate pe vase.

Waves Painted Textures

Prezentând o colecție unică de texturi de valuri pictate manual, cu un aspect cu impact ridicat. Această colecție este perfectă pentru proiectele în care aveți nevoie de un fundal abstract, cu un anumit sens dramatic.

Wave Painted Textures de Envato Elements

Exemplu de Wave PaintedTextures aplicate pe vase.

Texturi cu apă în bule

Texturi de înaltă rezoluție pentru toate scopurile dvs. de proiectare. Acest pachet include opt texturi de apă Rippled pentru fotografi, designeri grafici și reclame DIY pentru a vă ajuta să creați cărți, fundaluri, bannere sau alte proiecte.

Texturi de apă înfundată de Envato Elements

Exemplu de texturi de apă rupte aplicate pe vase.

Vintage Fabric Textures

Iată un set de texturi de înaltă calitate, de înaltă calitate, pentru o bună aromă veche de epocă. Setul acoperă o gamă de țesături din soiuri de denim pentru țesături standard tricou. Oricare dintre aceste texturi poate fi utilizată în Photoshop sau Illustrator (sau orice program care utilizează fie Vector EPS sau Transparent PNGs).

Vintage Fabric Textures de Envato Elements

Exemplu de texturi din fibre de vintage aplicate pe vase.

Acum, chiar dacă texturile de mai sus au fost create folosind metode diferite de cele prezentate în acest articol, le veți aplica în același mod, plasându-le mai întâi pe forma dorită și apoi mascându-le, asigurându-vă că jucați cu colorate, Moduri de amestecare, și Opacitate niveluri.

Concluzie

Deci, după cum ați văzut, procesul de creare și folosire a texturilor vectoriale personalizate nu este atât de greu, mai ales atunci când aveți o înțelegere de bază a instrumentelor și metodelor implicate.

Chiar dacă astăzi am explorat doar trei dintre diferitele metode disponibile, veți fi uimiți de cât de mult puteți obține utilizând aceste tehnici simple.

Acestea fiind spuse, puteți întotdeauna să vă extindeți abilitățile de textură, verificând aceste tutoriale uimitoare, care sunt cu adevărat distractive și ușor de urmărit.

  • Cum se creează o ilustrație instantanee a textului orașului în Adobe Illustrator

    Învață să creezi un instantaneu instantaneu al unui oraș aglomerat, fără a utiliza nimic altceva decât câteva forme și instrumente de bază în Adobe Illustrator.
    Andrei Ștefan
    Ilustrare
  • Cum se creează o ilustrare de răpire străină

    Aflați cum să vă creați propria ilustrare a răpirii extraterestre, folosind imaginația creativă și câteva forme și instrumente în Adobe Illustrator.
    Andrei Ștefan
    Ilustrare
  • Cum de a proiecta un poster retro de teatru în Adobe Illustrator

    Proiectați un poster de tribut capricios pentru producția originală a muzicii Broadway "Once upon a Mattress" (bazată pe basmul lui Hans Christian Andersen ...
    Janie Kliever
    Poster Design
  • Curs nou: texturi personalizate pentru ilustrații retro

    În acest curs scurt, ilustratorul independent Ioana Sopov vă va învăța cum să amestecați mediile tradiționale cu măiestria digitală și să aplicați niște texturi personalizate ...
    Andrew Blackman
    Adobe Illustrator