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

Cum se creează diferite texturi vectoriale, cu Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Romanian (Română) translation by Rodica Ecaterina Barbulescu (you can also view the original English article)

Final product image
What You'll Be Creating

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

Deoarece și eu am fost în această situație, am vrut să vă ajut realizând acest mic tutorial, care vă va arăta trei metode diferite, ce sunt ușor de învățat și stăpânit.

Așa că, dacă pare interesant, haideți să învățați cu mine cum să creați o vază decorativă simplă și cum să folosiți texturi, pentru a o aduce la viață.

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

Ca întotdeauna, haideți să pornim proiectul deschizând programul Illustrator și configurând un nou document: New Document,  mergând la File > New (sau Control-N), unde vom face următoarele ajustări:

  • Number of Artboards: 1
  • Width: 1200 px
  • Height: 600 px
  • Units: Pixels

Și de la tab-ul Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new document

2. Cum se configurează straturile

Odată ce am creat noul nostru document, vom dori să îl realizăm pe straturi, astfel încât să putem separa vazele noastre (pe care le vom folosi ca suport pentru diferite texturi), de fundal.

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

  • layer 1: background
  • layer 2: vases
setting up the layers

3. Cum se creează fundalul

Cu documentul pregătit cu straturi, putem acum să începem să lucrăm la actualul proiect și vom face acest lucru creând fundalul. Acestea fiind spuse, asigurați-vă că vă poziționați pe primul strat și haideți să trecem la treabă!

Pasul 1

Utilizând Rectangle Tool (M), creați un dreptunghi de 1200 x 600 px, pe care îl vom colora utilizând #FF8269 și apoi îl vom alinia în centrul planșei de lucru de dedesubt, folosind, din panoul Align, opțiunile Horizontal și Vertical Align Center, însă asigurându-vă că alinierea este făcută față de planșa de lucru.

creating and positioning the background

Pasul 2

Cu fundalul în poziția lui, putem să încuiem stratul curent și să ne mutăm pe următorul strat, unde vom începe să lucrăm la micile noastre vaze.

locking the background layer

4. Cum se creează vaza

Presupunând că deja v-ați poziționat pe cel de-al doilea strat, haideți să începem lucrul la vasele decorative, pe care vom prezenta texturile.

Pasul 1

Începeți prin a crea partea inferioară a corpului vazei, utilizând un cerc de 128 x 128 px, pe care îl vom colora utilizând #FFE7C5 și apoi îl vom alinia în centrul planșei de lucru mai mari, poziționându-l la distanța de 178 px față de marginea sa de jos.

creating the main shape for the lower section of the vase

Pasul 2

Adăugați forma de bază pentru partea gâtului, utilizând un dreptunghi de 24 x 88 px, cu culoarea #FFE7C5, și ca bază un dreptunghi de 48 x 8 px, cu colțurile rotunjite și cu culoarea #FFE7C5, pe care îl vom poziționa după cum se vede în imaginea de referință.

adding the neck and base section to the center vase

Pasul 3

Deschideți calea jumătății superioare a cercului și calea jumătății inferioare a dreptunghiului, unindu-le într-o singură formă mai mare, utilizând shortcut-ul Control-J de la tastatură, asigurându-vă că ajustați tranziția între secțiunea gâtului și partea inferioară a corpului, după cum se observă în imaginea de referință.

adjusting the shape of the center vase

Pasul 4

Luați-vă câteva momente și decorați rapid vaza cu culorile #2A323D, pentru părțile mai întunecate ale ei, și #FFE7C5, pentru cele mai deschise la culoare, asigurându-vă că le mascați unde este nevoie de aceasta (cu formele dorite selectate > clic-dreapta > Make Clipping Mask). Odată ce ați teminat, selectați și grupați toate formele componente ale ei, utilizând shortcut-ul Control-G de la tastatură, înainte de a trece la următorul pas.

adding details to the center vase

Pasul 5

Odată ce am terminat lucrul la vază, putem adăuga acum linia din prim-plan, cu caracteristicile 160 px lățime, 2 px grosime: Stroke, cu culoarea #2A323D. După gruparea (Control-G) celor două obiecte, adăugați instanțele rămase (Control-C > Control-F, de două ori), pe care le vom poziționa la o distanță de 160 px de original.

creating the remaining vases

Așa că, la acest punct, aproape am terminat lucrul la pânzele noastre de lucru albe (vazele), ceea ce înseamnă că putem trece la partea de care cei mai mulți dintre voi sunteți interesați, și să vedem cum putem adăuga texturile, acestor vaze, utilizând trei metode diferite.

5. Cum se adaugă texturile, utilizând efectul granular

Prima metodă, și care este cea preferată de mine, este cu utilizarea efectului Grain Effect, care este, de fapt, derivat din Photoshop.

Pasul 1

Poziționați-vă pe prima vază (care ar fi cea stângă), și apoi, utilizând instrumentul Direct Selection Tool (A), selectați formele pentru corp și bază, pe care le vom copia (Control-C) și lipi în față (Control-F), unde vor fi folosite pe post de Clipping Mask.

creating the clipping mask for the grain effect texture

Pasul 2

Din moment ce dorim ca aceste două forme să se comporte ca o singură formă mai mare, le vom transforma într-o formă compusă: Compound Shape, trecând la meniul avansat de la Pathfinder și executând apoi clic pe opțiunea Make Compound Shape.

creating the compound shape

Pasul 3

În continuare, vrem să îi aplicăm un gradient liniar acestei forme de tip Compound Shape, setând culoarea primului element de tip "stop" din stânga, la alb (#FFFFFF), și pe cea pentru cel din dreapta, la aceeași valoare utilizată pentru porțiunile noastre mai închise la culoare (#2A323D).

creating the gradient for the grain effect texture

Pasul 4

Odată ce am aplicat gradientul, putem adăuga textura granulară, mergând la Effect > Photoshop Effects > Texture > Grain, unde dorim să alegem pentru Grain Type atributul Stippled, și apoi dorim să ajustăm nivelele pentru Intensity și Contrast, până când obținem un rezultat interesant. În cazul meu, am ales valoarea 40 pentru Intensity și 50 pentru Contrast, care îmi oferă o textură destul de intensă cu care pot să lucrez.

adjusting the settings of the grain effect

Pasul 5

Depinzând de rezultat, puteți ajusta poziția texturii, deschizând panoul Gradient și apoi trăgând de slider-ul de sus, sau spre stânga, pentru a adăuga mai multe detalii, sau spre dreapta, pentru a renunța la ele. Un alt lucru pe care trebuie să vi-l amintiți întotdeauna este acela de a seta nivelul pentru Opacity al culorii elementului "stop" mai deschis (în cazul nostru, cel din stânga) la 0% (sau o valoare destul de apropiată de aceasta, cum ar fi 10%), deoarece, în caz contrar, albul ne va ruina textura.

adjusting the position of the grain texture

Pasul 6

Tot ceea ce trebuie să facem acum este să obținem un amestec de tip "blend" între textura noastră și vază, deschizând panoul Transparency și utlizând un mod Blending Mode, care să funcționeze. Pentru exemplul de față, eu am optat pentru Overlay, care, după cum puteți vedea, produce o tranziție plăcută și subtilă de la textură, la vază, și care este exact ceea ce imi trebuie mie. Depinzând de proiect, puteți termina utilizând diferite nivele pentru Blending Mode și Opacity, așa că vă recomand să vă jucați un pic cu ele, până când găsiți una care să producă un efect interesant.

choosing a blending mode for the grain effect texture

6. Cum se creează texturi, utilizând o pensulă de tip "stipple", personalizată

Odată ce am terminat de adăugat textura, primei noastre vaze, să trecem la cea de-a doua, unde vom vedea cum se adaugă o pensulă de tip "stipple" și cum o putem folosi, după aceea, pentru decorarea celei de-a doua pânze de lucru.

Pasul 1

Așa cum am procedat la prima metodă, mai întâi dorim să creăm o copie a corpului principal al vazei și a suportului, pe care o vom transforma apoi într-o formă de tip Compound Shape, formă pe care o vom folosi mai târziu pe post de Clipping Mask.

creating the clipping mask for the stipple brush texture

Pasul 2

În continuare, avem nevoie să creăm pensula personalizată, desenând câteva cercuri de diferite mărimi (#000000), dispuse într-o formațiune circulară (evidențiată cu culoare verde), poziționând cercurile mai mici, spre exterior, și cercurile mai mari, spre interior.

creating the main shapes for the stipple brush

Sfat rapid: după cum puteți vedea, am mers și am creat un nou document, astfel încât elementele pensulei mele să nu se suprapună cu vazele, dar puteți face, foarte bine, acest lucru, chiar și în același proiect, atâta timp cât aveți grijă.

Pasul 3

Odată ce aveți toate formele la locul lor, tot ceea ce trebuie să faceți este să afișați panoul Brush și, cu toate acestea selectate, pur și simplu să dați clic pe New Brush, asigurându-vă că alegeți tipul Scatter Brush al pensulei. O nouă fereastră ar trebui să fie afișată, permițându-vă să modificați unele dintre setări, dar, pentru moment, lăsați-le așa cum sunt, deoarece nu veți putea previzualiza nicio modificare. Acestea fiind spuse, dați-i un nume personalizat și executați clic pe OK, deoarece o vom mai finisa puțin în următorul pas.

creating the custom stipple brush

Pasul 4

Dacă vă uitați cu atenție la panoul Brushes, ar trebui să vedeți acum pensula personalizată de tip "stipple", pe care tocmai am creat-o, pe care aveți nevoie să o selectați și apoi să desenați o linie orizontală, cu Paintbrush Tool (B). Aceasta ne va permite să facem o previzualizare a tuturor modificărilor, pe care o să le facem diferitelor ei opțiuni.

Imediat ce aveți trasată linia, vă puteți întoarce la panou și puteți da dublu-clic pe pensulă, care ar trebui să afișeze o nouă fereastră, unde puteți modifica diferitele ei opțiuni și le puteți previzualiza în timp real.

În cazul meu, eu am setat Size la Pressure și am coborât nivelul ei la 28%. Apoi, eu am modificat Spacing, alegând valoarea 40%, asigurându-mă că pentru Scatter am valoarea 0%, iar Rotation este setată ca Random, cu un unghi de rotație de -120º. Ultimul lucru, dar nu cel mai puțin important, m-am asigurat că am setat pentru Colorization opțiunea Tints, din moment ce vreau să pot să schimb culoarea pensulei mele, mai târziu, când am nevoie să fac acest lucru.

fine tuning the custom stipple brush

Pasul 5

Odată ce am terminat de modificat pensula mea, mă pot întoarce la fișierul de proiect și îl pot utiliza pentru a adăuga textură în lateralul vazei, utilizând culoarea #000000 pentru partea din stânga și #FFFFFF pentru cea din dreapta. Depinzând de ceea ce încercați să obțineți, puteți ajusta grosimea: Weight a liniei: Stroke, pentru a obține efectul dorit. Deoarece am vrut să obțin un rezultat subtil, am coborât valoarea până la doar 0.3 px.

adding texture to the second vase using the stipple brush

Pasul 6

Odată ce sunteți mulțumiți de rezultat, tot ceea ce trebuie să faceți este să plasați forma de tip Compound Shape de dedesubt, în fața texturii (clic-dreapta > Arrange > Bring to Front), și apoi să o folosiți pe post de mască de tip Clipping Mask (selectate formele dorite > clic-dreapta > Make Clipping Mask), pentru a o constrânge la suprafața vazei.

masking the custom stipple brush texture

7. Cum se creează texturi, utilizând Pattern Swatches

Cea de-a treia și ultima metodă este una pe care probabil nici nu v-ați gândit vreodată că ați putea să o folosiți și tocmai de aceea doresc să o scot în evidență, mai ales că este foarte ușor de utilizat și vă oferă rezultate extrem de interesante.

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

Pasul 1

Așa cum am procedat și la metodele anterioare, începeți prin a crea o formă de tip Compound Shape, utilizând o copie (Control-C > Control-F) a corpului și bazei ei.

creating the clipping mask for the pattern swatch texture

Pasul 2

Cu această formă Compound Shape selectată, deschideți panoul Swatches și apoi dați clic pe meniul Swatch Libraries și navigați, în jos, până la Patterns > Basic Graphics > Basic Graphics_Textures. Așa cum puteți vedea, sunt o mulțime de opțiuni din care puteți alege, dar pentru acest proiect o vom folosi pe cea numită Ripple.

applying the swatch pattern texture to the third vase

Pasul 3

În continuare, tot ceea ce trebuie să facem este să modificăm vizibilitatea texturii, setându-i modul Blending Mode la Overlay și micșorând valoarea pentru Opacity la 60%, ceea ce ar trebui să ne ofere un rezultat final interesant.

choosing a blending mode for the swatch pattern texture

S-a terminat!

Iată că l-ați avut, prieteni iubitori de texturi: un tutorial drăguț, simplu, despre modalitatea de a crea texturi pentru diferitele dumneavoastră proiecte, utilizând trei metode diferite.

Ca întotdeauna, dacă aveți întrebări, simțiți-vă liberi să le postați în interiorul secțiunii cu comentarii, iar eu vă voi răspunde cât de repede voi putea.

finished project preview

Aveți nevoie de mai multe texturi?

Deoarece procesul creării unei colecții de texturi personalizate poate necesita foarte mult timp, m-am gândit că vă pot ajuta, oferindu-vă câteva dintre texturile mele preferate, pe care le puteți obține de la Envato Elements.

Texturi de tip Vintage Halftone

Acest set de texturi de tip Halftone include 10 fișiere vectoriale, de înaltă calitate, în format EPS și PNG, derivate din fotografii de înaltă rezoluție. Aceste texturi înglobează senzația oferită de tipăriturile de tip "old-school" și ne reamintesc de zilele în care puteați să observați cu ușurință texturile haftone în materialele tipărite. Ele oferă o senzație clasică autentică, în cazul oricărui proiect. Dați clic pe vizualizarea mărită, pentru fiecare dintre imaginile de produs, pentru a vedea mai bine detaliile respective.

vintage halftone textures by envato elements
Texturi de tip Vintage Halftone, de Envato Elements

Exemplu de texturi de tip Vintage Halftone, aplicate pe vaze.

vintage halftone textures vase example

Texturi de tip Vintage Grit

Această colecție autentică oferă o senzație veche de epocă, cu o varietate de texturi, variind de la pietriș foarte fin, până la pietriș mai grosier, astfel încât să puteți găsi textura potrivită pentru lucrarea dumneavoastră. Folosiți, cu ușurință, aceste texturi fin detaliate, la designul dumneavoastră, și adăugați texturi multiple, la un design, pentru un aspect uimitor.

vintage grit textures by envato elements
Texturi de tip Vintage Grit, de Envato Elements

Exemplu de texturi de tip Vintage Grit, aplicate pe vaze.

vintage grit textures vase example

Texturi pictate cu forme ondulate

Iată prezentarea unei colecții unice de vaze, cu forme ondulate pictate manual, cu un impact foarte puternic în ceea ce privește aspectul lor. Această colecție este perfectă pentru proiectele în care aveți nevoie de un fundal abstract, cu un anumit accent dramatic.

painted wave textures by envato elements
Texturi cu forme ondulate pictate, de Envato Elements

Exemplu de texturi cu forme ondulate pictate, aplicate pe vaze.

wave painted textures vase example

Texturi cu apă care clipocește

Iată niște texturi de înaltă rezoluție, pentru toate scopurile de design. Acest set include opt texturi cu apă care clipocește, pentru fotografi, designeri grafici și persoane care își realizează singure creațiile, pentru a vă ajuta să creați cărți poștale sau cărți de vizită, fundaluri, bannere sau alte proiecte.

rippled water textures by envato elements
Texturi cu apă care clipocește, de Envato Elements

Exemplu de texturi cu apă care clipocește, aplicate pe vaze

rippled water textures vase example

Texturi cu țesături de tip Vintage

Iată un set de texturi cu țesături de înaltă calitate, de dimensiunea unei întregi pagini, pentru o senzație grozavă de tip "old vintage". Setul acoperă o gamă de țesături, de la tipuri de denim, la materialele standard utilizate pentru tricourile cu mânecă scurtă. Oricare dintre aceste texturi poate fi folosită sau în Photoshop, sau în Illustrator (sau în orice program care utilizeaza grafică în format vectorial EPS sau format transparent PNG).

vintage fabric textures by envato elements
Texturi cu țesături de tip Vintage, de Envato Elements

Exemplu de texturi cu țesături de tip Vintage, aplicate pe vaze

vintage fabric textures by envato elements

Acum, chiar dacă texturile de mai sus au fost create utilizând metode diferite de cele prezentate în acest articol, le veți aplica în aceeași manieră, mai întâi poziționându-le pe forma dorită, apoi aplicându-le o mască, asigurându-vă că jonglați un pic cu culorile, Blending Modes și nivelele de opacitate: Opacity.

Concluzie

Așadar, exact cum ați văzut, procesul creării și utilizării texturilor vectoriale personalizate nu este chiar așa de greu, mai ales când aveți o înțelegere de bază a instrumentelor și metodelor implicate.

Chiar dacă astăzi am explorat doar trei metode diferite disponibile, veți fi uimiți să descoperiți cât de multe puteți realiza, utilizând aceste tehnici simple.

Acestea fiind spuse, puteți întotdeauna să vă extindeți abilitățile legate de texturi, verificând aceste tutoriale excepționale, care sunt cu adevărat distractive și ușor de parcurs.

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.