Advertisement
  1. Design & Illustration
  2. Textures
Design

Ako vytvoriť rôzne vektorové textúry pomocou Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Slovak (Slovenčina) translation by Ondřej Dokoupil (you can also view the original English article)

Final product image
What You'll Be Creating

Vytvára zaujímavé textúry môže byť niekedy ťažké a nepríjemné úlohy, najmä ak neviete presne, kde začať.

Pretože som tam bol, som chcel pomoct tým, že spolu tento malý tutoriál, ktorý vám ukáže tri rôzne metódy, ktoré sú ľahko naučiť a zvládnuť.

Takže, ak to znie zaujímavo, so mnou ako učíme, ako vytvoriť jednoduchý Dekoračná váza a používať textúry priviesť k životu.

1. ako nastaviť nový súbor projektu

Ako vždy, poďme odštartuje projekt otvoriť Illustrator a zriadením nového dokumentu tým, že pôjdete do súboru > New (alebo Control-N), ktoré upravíme nasledovne:

  • Viacero kresliacich plôch: 1
  • Šírka: 1200 px
  • Výška: 600 px
  • Jednotky: pixelov

A z okna rozšírených kartu:

  • Farebný režim: RGB
  • Rastrové účinky: Obrazovky (72ppi)
  • V režime náhľadu: predvolené
setting up a new document

2. ako nastaviť vrstvy

Akonáhle sme vytvorili náš nový dokument, budeme chcieť vrstvu tak, že sme oddelené naše vázy, (ktoré použijeme ako podpora pre rôzne textúry) od pozadia.

Takže otvoriť panel vrstvy a vytvoriť celkom dve vrstvy, ktoré sme premenovať takto:

  • vrstva 1: pozadie
  • vrstva 2: vázy
setting up the layers

3. ako vytvoriť pozadie

S dokumentom všetky vrstvené, teraz môžeme začať pracovať na projekte skutočného a urobíme tak tým, že vytvorí na pozadí. Že bolo povedané, uistite sa, že si pozíciu na prvú vrstvu a poďme skočiť rovno do toho!

Krok 1

Pomocou nástroja obdĺžnik (M) vytvárať 1200 x 600 px obdĺžnik, ktorý budeme farby pomocou #FF8269 a potom zarovná na stred z podkladových kresliacu plochu pomocou panela zarovnať vodorovne a zvislo Centrovať možností, uistite sa, že zosúladenie sa na Kresliacu plochu.

creating and positioning the background

Krok č. 2

S pozadím v mieste môžeme zamknúť aktuálne vrstva a prejsť na ten budúci, kde začneme pracovať na naše malé vázy.

locking the background layer

4. ako vytvoriť váza

Za predpokladu, že ste si umiestnili už v druhej vrstve, poďme začať pracovať na skutočné dekoratívne nádoby, ktoré budeme zobrazovať naše textúry na.

Krok 1

Štart vytvorením dolnej časti vase telo pomocou 128 x 128 px kruh, ktorý budeme farby pomocou #FFE7C5 a potom stred Zarovná väčšie Artboard, umiestnením 178 px z jeho dolného okraja.

creating the main shape for the lower section of the vase

Krok č. 2

Pridajte hlavný tvar pre časti krku pomocou 24 x 88 px obdĺžnik (#FFE7C5) a databázy použitím 48 x 8 px zaoblený obdĺžnik (#FFE7C5), ktoré sme sa umiestniť ako je vidieť referenčné obraz.

adding the neck and base section to the center vase

Krok 3

Otvoriť cestu kruh horná polovica a obdĺžnik spodná, zjednotenie ich do jedného väčšieho tvaru pomocou klávesovej skratky kontrolu-J, uistite sa, že nastaviť prechod medzi časti krku a dolnej časti tela, ako je vidieť referenčné obraz.

adjusting the shape of the center vase

Krok 4

Trvať niekoľko okamihov a rýchlo ozdobiť vázy pomocou #2A323D tmavšie časti a #FFE7C5 na jeho ľahšími, uistite sa, že maska je podľa potreby (požadované tvary vybraté > kliknite pravým tlačidlom myši > urobiť orezovú masku). Až budete hotoví, vyberte a skupiny jej vytváranie tvarov pomocou klávesovej skratky kontrolu-G pred prechodom na ďalší krok.

adding details to the center vase

Krok 5

Akonáhle sme dokončili prácu na vázy, môžeme teraz pridať popredí riadok pomocou 160 px široké, 2 px hrubá čiara zdvih (#2A323D). Po zoskupenie (Control-G) dva dohromady, Pridajte zvyšné prípady (Ctrl-C > Control-F dvakrát) ktoré môžeme umiestniť vo vzdialenosti 160 px od originálu.

creating the remaining vases

Takže v tomto bode, sme skoro dokončil prácu na naše prázdne plátna (vázy), čo znamená, že môžete teraz prejdeme na časť že väčšina z vás zaujíma, a vidieť, ako môžeme pridať textúry pomocou troch rôznych metód.

5. ako pridať textúry pomocou zrno účinok

Prvá metóda, a môj osobný favorit je pomocou zrno efekt, ktorý je vlastne odvodený od Photoshop.

Krok 1

Pozíciu si na prvý Váza, (to by sa ľavá), a potom pomocou priamy výber Tool (A) výber tvarov pre svoje telo a základ, ktorý budeme kopírovať (Ctrl + C) a prilepte vpredu (Control-F) kde sa použije ako orezové masky.

creating the clipping mask for the grain effect texture

Krok č. 2

Nakoľko chceme dva tvary sa správať ako jeden väčší, budeme musieť premeniť Compound tvar ísť cez Pathfinder-rozšírené menu a potom kliknutím na možnosť urobiť Compound tvar.

creating the compound shape

Krok 3

Ďalšie, budeme chcieť použiť lineárny gradient Compound tvar, nastavenie farieb do ľavej zastávky biela (#FFFFFF), a že ten pravý na rovnakú hodnotu použitú pre naše tmavšie časti (#2A323D).

creating the gradient for the grain effect texture

Krok 4

Akonáhle sme použiť gradient, môžeme pridať zrno textúru tým, že pôjdete na efekt > Photoshop efekty > textúry > obilia, kde budeme chcieť nastaviť typ zrna Stippled a potom nastaviť intenzitu a úrovne kontrastu, až sa dostaneme zaujímavý výsledok. V mojom prípade, som išiel s hodnotu 40 pre intenzitu a 50 kontrast, ktorý mi dáva ťažké dosť textúry pre prácu s.

adjusting the settings of the grain effect

Krok 5

V závislosti od výsledku, môžete upraviť umiestnenie textúra otvorením Gradient panel a potom presunutím horného posuvníka doľava a pridať ďalšie podrobnosti alebo právo na ich odstránenie. Ďalšia vec, mali by ste vždy pamätať urobiť je nastaviť Priehľadnosť úrovni zapaľovača farba stop (v našom prípade ľavá) do 0% (alebo dostatočne blízko hodnote ako 10%) od inak biele skončí narušenia jeho textúry.

adjusting the position of the grain texture

Krok 6

Teraz všetci musíme urobiť, je zmes naše textúry na našej váhe otvorením sa panel priehľadnosť a výberom miešanie režim, ktorý funguje. Súčasný príklad, som šiel s prekrytím, ktorý ako môžete vidieť produkuje pekný, jemný prechod medzi textúry a Váza, čo je presne to, čo chcem. V závislosti od projektu, môžete skončiť pomocou rôznych režim prelínanie a Opacity úroveň, takže doporučuji si pohrať s nimi, kým nenájdete ten, ktorý vytvára zaujímavý efekt.

choosing a blending mode for the grain effect texture

6. ako vytvoriť textúry pomocou vlastné bodkovanie kefa

Akonáhle sme dokončili pridaním textúry do našej prvej Váza, prejsť na druhý, kde budeme vidieť, ako môžeme vytvoriť bodkovanie kefou a potom použiť na dekoráciu naše druhé plátno.

Krok 1

Ako sme to urobili s metódu, budete najprv chceme vytvoriť kópiu váza puzdro a stojan, ktorú odbočíme do tvaru zlúčeniny, ktoré neskôr použijeme ako orezové masky.

creating the clipping mask for the stipple brush texture

Krok č. 2

Ďalej musíme vytvárať vlastné kefa čerpaním pár rôznych veľkostí kruhov (#000000) zobrazené v kruhovej formácie (zvýraznené zelene), polohovanie menších smerom von a tie väčšie zvnútra.

creating the main shapes for the stipple brush

Rýchly tip: ako vidíte, som išiel a vytvorili nový dokument tak, že môj štetec prvky nebudú prekrývať s vázy, ale môžete to urobiť rovnako dobre na rovnaký súbor projektu tak dlho, ako ste opatrný.

Krok 3

Akonáhle budete mať všetky tvary na mieste, všetko, čo potrebujete urobiť je vychovávať kefa panel a so všetkými z nich vybrali, stačí kliknúť na nový kefka, uistite sa, že nastaviť kefa typ bodový štetec. Nové okná by pop hore nechať si upraviť niektoré nastavenia, ale teraz len nechať ako oni sú, pretože nebude možné zobraziť žiadnu ukážku zmien. Bolo povedané, jej vlastné meno a stlačte OK, pretože budeme vyladiť to v ďalšom kroku.

creating the custom stipple brush

Krok 4

Ak ste sa bližšie pozrieť na paneli kefy, teraz mali vidieť na vlastné bodkovanie štetec, ktorý sme práve vytvorili, ktoré budete musieť vybrať a potom pomocou nakreslite vodorovnú čiaru pomocou nástroja Paintbrush (B). Pomôže nám získať náhľad na všetky zmeny, ktoré sme sa rôznych možností.

Akonáhle máte riadok, môžete vrátiť sa na panel a dvakrát kliknite na štetec, čo by malo priniesť nové okno, kde môžete nastaviť rôzne funkcie a prezrieť naživo.

V mojom prípade som nastaviť veľkosť tlaku a zníži jeho úroveň na 28%. Potom nastaviť riadkovanie na 40%, uistiť Scatter je na 0% a otočenie nastaviť náhodné s - 120 ° uhol. Neposlednom, urobil som nastavte Colorization tóny, pretože chcem byť schopní zmeniť farbu môj štetec, neskôr, keď som potrebu.

fine tuning the custom stipple brush

Krok 5

Akonáhle dokončíte prácu, úpravou môj štetec, môžem vrátiť k mojej súbor projektu a použite pridať textúru na stranách mojej vázy pomocou #000000 na jeho ľavú stranu a #FFFFFF pre jeho správny jeden. V závislosti od toho, čo sa snažíte dosiahnuť, môžete prispôsobiť hmotnosť ťahu s cieľom získať požadovaný efekt. Pretože som chcel dostať subtílne výsledok, som znížil na hodnotu len 0,3 px.

adding texture to the second vase using the stipple brush

Krok 6

Akonáhle ste spokojní s výsledkom, všetko čo musíte urobiť, je pozíciu podkladového Compound tvar prednej časti textúry (kliknite pravým tlačidlom myši > usporiadať > presunúť dopredu), a potom ho použiť ako orezové masky (požadované tvary vybraté > kliknite pravým tlačidlom myši > urobiť orezovú masku) aby konšt dážď k povrchu vázy.

masking the custom stipple brush texture

7. ako vytvoriť textúry pomocou vzor vzorkovníky

Náš tretí a posledný spôsob je ten, ktorý ste pravdepodobne nikdy ani nenapadlo používať, čo je dôvod, prečo som chcel poukázať, pretože to je super jednoduché použitie a dáva vám naozaj zaujímavé výsledky.

To bolo povedané, si pozíciu na posledný Váza, a Pozrime sa, čo som hovoril!

Krok 1

Ako sme to urobili s predchádzajúcich metód, začať vytvorením Compound tvar pomocou kópie (Ctrl-C > Control-F) jeho telo a základne.

creating the clipping mask for the pattern swatch texture

Krok č. 2

Compound tvar vybratý, otvoriť panel Vzorkovníky a potom kliknite na ponuku Swatch knižníc a prejdite nadol na vzory > základné grafické > základné Graphics_Textures. Ako vidíte, existuje veľa možností, ktoré môžeme vybrať z, ale pre tento projekt budeme používať jeden volal zvlnenie.

applying the swatch pattern texture to the third vase

Krok 3

Ďalej, všetci musíme urobiť, je upraviť viditeľnosť textúra nastavenie jeho miešanie režimu overlay a znížením jeho priehľadnosť na 60%, čo by nám zaujímavý konečný výsledok.

choosing a blending mode for the swatch pattern texture

Je to zabaliť!

Tam to máte, drogovo závislých spoluobčanov textúry: pekný, jednoduchý tutoriál na vytvorenie textúry pre rôzne projekty pomocou troch rôznych metód.

Ako vždy, ak máte akékoľvek otázky, neváhajte post v poznámkach a ja sa vrátim k vám hneď ako budem môcť!

finished project preview

Potrebujete ďalšie textúry?

Pretože proces vytvárania zbierku vlastné textúry môžu skončiť s veľa času, som si myslel, že som mohol pomoct zdieľaním niektoré z mojich obľúbených z nich, ktoré môžete dostať cez Envato prvky.

Vintage poltónový textúry

Tento poltónové textúry pack zahŕňa 10 high-kvalitné vektorové EPS a PNG súbory z fotografií s vysokým rozlíšením. Tieto textúry zachytiť pocit z old-school výtlačkov a Načúvajte späť v deň, kedy mohol ľahko spot poltónové textúry v výtlačkov. Môžu poskytnúť autentické a klasický pocit pre takmer akýkoľvek projekt. Kliknite na zväčšenie každého produktu obrazov lepšie vidieť detail.

vintage halftone textures by envato elements
Vintage poltónový textúry Envato prvky

Príklad Vintage poltónový textúry na vázy.

vintage halftone textures vase example

Ročník zrnitosť textúry

Tejto funkcie autentické kolekcie starý vintage cítiť s rôznymi textúrami od veľmi jemné zrnitosti na ťažšie kamienok, takže si môžete nájsť správnu štruktúru pre prácu. Ľahko drop tieto jemne detailné textúry do vášho návrhu a pridať viaceré textúry na jeden dizajn pre ešte ťažšie zúfalý pohľad.

vintage grit textures by envato elements
Ročník zrnitosť textúry Envato prvky

Príklad Vintage zrnitosť textúry na vázy.

vintage grit textures vase example

Vlna maľované textúry

Predstavujú jedinečnú zbierku wave-ručne maľované textúry s vysoko-ovplyvniť vzhľad. Táto kolekcia je ideálny pre projekty tam, kde potrebujete abstraktné pozadia niektoré dramatický talent.

painted wave textures by envato elements
Vlna maľované textúry Envato prvky

Napríklad vlna PaintedTextures daktoré vázy.

wave painted textures vase example

Vlnitý vody textúry

High-rozlíšenie textúr pre všetky vaše navrhovanie účely. Tento balík obsahuje osem vlnili vody textúry pre fotografov, grafikov a DIY kreatívy, ktoré vám pomôžu vytvoriť karty, pozadia, bannerov alebo iných projektov.

rippled water textures by envato elements
Vlnitý vody textúry Envato prvky

Príklad vlnili vody textúry na vázy.

rippled water textures vase example

Ročník tkaniny textúry

Tu je súbor tkanine celostranovým textúry pre niektoré dobré staré vinobranie chuť. Set zahŕňa škálu tkanín z džínsoviny odrôd na štandardné tričko tkaniny. Niektorý z tieto textúry použiť buď Photoshop alebo Illustrator (alebo akýkoľvek program, ktorý používa vektorový EPS alebo transparentné PNG).

vintage fabric textures by envato elements
Ročník tkaniny textúry Envato prvky

Príklad Vintage tkaniny textúry na vázy.

vintage fabric textures by envato elements

Teraz, aj keď vyššie textúry boli vytvorené pomocou rôznych metód ako sú uvedené v tomto článku, budete jeho uplatnenie ich rovnakým spôsobom, prvé umiestnenie na požadovaný tvar a potom maskovanie, uistite sa, že Pohrajte sa s farbami, Prelínanie, a nepriehľadnosť úrovne.

Záver

Tak, ako ste videli, proces ich vytvárania a používania vlastných vektorových textúry nie je tak ťažké, zvlášť keď máte základné znalosti nástrojov a metód, ktoré sú zapojené.

Hoci dnes sme skúmali len tri z rôznych dostupných metód, budete prekvapení koľko môžete dosiahnuť pomocou týchto jednoduchých techník.

To bolo povedané, vždy sa môžete rozšíriť svoje textúrovanie zručnosti odhlasovaní tieto úžasné tutoriály, ktoré sú naozaj zábavné a ľahko sledovať.

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.