Advertisement
  1. Design & Illustration
  2. Textures
Design

Vytváření různých vektorových textury pomocí aplikace Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Czech (Čeština) translation by Ondřej Dokoupil (you can also view the original English article)

Final product image
What You'll Be Creating

Vytvoření zajímavé textury může být někdy obtížné a nepříjemný úkol, zejména v případě, že nevíte kde přesně začít.

Vzhledem k tomu, byl jsem tam, jsem chtěla pomoct tím, že společně tento malý tutoriál, který vám ukáže tři různé metody, které jsou snadno naučit a zvládnout.

1

1. jak vytvořit nový soubor projektu

Jako vždy, odstartujme projektu otevřením aplikace Illustrator a zřízení nového dokumentu příkazem soubor video nový (nebo CTRL-N), které budeme přizpůsobit následovně:

  • Počet pláten: 1
  • Šířka: 1200 px
  • Výška: 600 px
  • Jednotky: pixelů

A z Upřesnit tabulátoru:

  • Barevný režim: RGB
  • Rastrové efekty: Obrazovka (72 ppi)
  • Zobrazit náhled režim: výchozí
setting up a new document

2. jak nastavit vrstvy

Jakmile jsme vytvořili náš nový dokument, budeme chtít vrstvy tak, že můžeme naše vázy, (které budeme používat jako podporu pro různé textury) oddělit od pozadí.

Tak otevřete panel vrstvy a vytvořit celkem ze dvou vrstev, které jsme přejmenuje následovně:

  • Vrstva 1: pozadí
  • Vrstva 2: vázy
setting up the layers

3. jak vytvořit pozadí

S dokumentem všech vrstev můžeme nyní začít pracovat na projektu skutečné a uděláme to tím, že vytvoří na pozadí. To bylo řečeno, ujistěte se, že místo sebe na první vrstvu a skákej do toho!

Krok 1

Vytvořte pomocí nástroj obdélník (M), obdélník 1200 x 600 px, který budeme barev s použitím okna #FF8269 a pak zarovnat na střed podkladové plátno pomocí panelu Zarovnat vodorovně a svisle zarovnat na střed možnosti, ujistěte se, že zarovnání je proveden Kreslicí plátno.

creating and positioning the background

Krok 2

S pozadím na místě můžeme nyní aktuální vrstvu uzamknout a přejít na další stránku, kde se začneme pracovat na naší malé vázy.

locking the background layer

4. jak vytvořit váza

Za předpokladu, že jste již umístili sami na druhou vrstvu, pojďme začít pracovat na skutečné dekorativní plavidlech, které chceme zobrazit naši textury na.

Krok 1

Začněte tím, že vytváří dolní části těla na vase pomocí kruhu 128 x 128 px, který budeme barev s použitím okna #FFE7C5 a pak centra zarovnat větší kreslicího plátna, umístěte jej 178 px od jeho dolního okraje.

creating the main shape for the lower section of the vase

Krok 2

Přidáte hlavní tvar krku sekce pomocí obdélník 24 x 88 px (#FFE7C5) a základní použití 48 x 8 px zaoblený obdélník (#FFE7C5), který jsme pozici, jak je vidět v referenční bitové kopii.

adding the neck and base section to the center vase

Krok 3

Otevřete cestu do kruhu horní polovinu a obdélníku dole, sjednotit do jediného většího tvaru pomocí klávesové zkratky Control-J, ujistěte se, chcete-li upravit přechod mezi krční část a spodní části těla, jak je vidět v referenční bitové kopii.

adjusting the shape of the center vase

Krok 4

Vezměte pár okamžiků a rychle zdobí vázy, pomocí #2A323D pro jeho tmavší části a #FFE7C5 pro lehčí, ujistěte se, že jejich zamaskování kde je třeba (požadované obrazce vybrané video pravým tlačítkem myši video vytvořit ořezovou masku). Jakmile budete hotovi, vyberte a seskupení všech jeho skládání obrazců pomocí klávesové zkratky CTRL-G předtím, než přejde k dalšímu kroku.

adding details to the center vase

Krok 5

Poté, co dokončili jsme práce na vázu, můžeme nyní přidat řádku popředí pomocí 160 px široké, 2 px silný tah linky (#2A323D). Po seskupení (CTRL-G) dva dohromady, přidejte zbývající instance (CTRL-C video CTRL-F dvakrát) který můžeme umístit ve vzdálenosti 160 px od originálu.

creating the remaining vases

Takže v tomto bodě skoro dokončili jsme práce na naše prázdné plátno (vázy), což znamená, že nyní můžeme přejít k části že většina z vás zajímá a vidět, jak můžeme přidat textury pomocí tří různých metod.

5. Jak přípravek Přidání textury pomocí efektu zrna

První metoda a můj osobní favorit, používá efekt zrnění, který je vlastně odvozen od Photoshopu.

Krok 1

Zaujměte na první váza, (to by se ten levý) a poté pomocí nástroje přímý výběr (A) vyberte obrazce pro své tělo a základny, která bude kopírovat (CTRL-C) a vložte dopředu (CTRL-F), kde budou použity jako ořezovou masku.

creating the clipping mask for the grain effect texture

Krok 2

Vzhledem k tomu, chceme dva obrazce, které se chovají jako jediný větší, budeme muset proměnit je v složený tvar bude k nabídce Upřesnit si Pathfinder a klepnutím na možnost vytvořit složený tvar.

creating the compound shape

Krok 3

Dále budeme chtít použít lineární přechod složený tvar, barvu levé zarážky na bílou (#FFFFFF) a že ten pravý na stejnou hodnotu pro naše tmavší části (#2A323D).

creating the gradient for the grain effect texture

Krok 4

Jakmile jsme použili přechodu, můžeme přidat zrno texturu přechodem do efekt video efekty aplikace Photoshop Video textura video obilí, kde budeme chtít nastavit typ obilí na tečkované a pak nastavení intenzity a kontrastu, dokud nebudeme mít zajímavý výsledek. V mém případě jsem šel s hodnotou 40 pro intenzitu a 50 pro kontrast, který mi dává těžký dostatek texturu pracovat.

adjusting the settings of the grain effect

Krok 5

Podle výsledku můžete upravit polohu textury otevřením panelu Přechod a následným přetažením horního posuvníku doleva, chcete-li přidat další podrobnosti ani právo je odstranit. Další věc, kterou byste měli vždy pamatovat udělat je nastavena krytí úroveň ze světlejší barvu stop (v našem případě ten levý) 0 % (nebo dostatečně blízko hodnotu jako 10 %) od jinak bílé skončí ničí texturu.

adjusting the position of the grain texture

Krok 6

Nyní vše, co musíme udělat je, směs naši texturu našeho váza otevřením se panel průhlednost a zvolíte režim prolnutí, který funguje. Aktuální příklad šel jsem s překrytí, která jak vidíte vytváří pěkný, jemný přechod mezi textury a vázu, což je přesně to, co chci. Podle projektu můžete nakonec pomocí jiný režim prolnutí a krytí úroveň, takže doporučuji že si pohrát s nimi, dokud nenajdete takový, který vytváří zajímavý efekt.

choosing a blending mode for the grain effect texture

6. jak vytvořit textury pomocí vlastní tečkování štětec

Jakmile jsme skončili Přidání textury do naší první váza, přejděte na druhý, kde uvidíme, jak můžeme vytvořit štětec tečkování a pak jej použít k výzdobě naší druhé plátno.

Krok 1

Jak jsme to udělali s předchozí metodou, bude nejprve chceme vytvořit kopii na vase hlavního těla a stánek, který jsme se změní složený tvar, který budeme později používat jako ořezovou masku.

creating the clipping mask for the stipple brush texture

Krok 2

Dále potřebujeme vytvořit vlastní stopu nakreslením několik různých velikostí kruhů (#000000) zobrazeny v kruhové formaci (zvýrazněno zelenou barvou), umístění těch menších směrem ven a těch větších uvnitř.

creating the main shapes for the stipple brush

Rychlý tip: Jak vidíte, jsem šel a vytvořil nový dokument tak, aby můj Kartáčové elementy nepřekrývají s vázy, ale můžete stejně dobře to na stejný soubor projektu, pokud jste opatrní.

Krok 3

Jakmile máte všechny obrazce na místě, vše, co potřebujete udělat je se panel stopy a se všemi z nich vybráno, jednoduše klikněte na nový štětec, ujistěte se, že typ štětce nastavit rozsévací štětce. Měl by se zobrazit nové okno se nechat nastavit některé z jeho nastavení, ale pro tuto chvíli jen je nechat jak jsou, protože nebude schopen zobrazit náhled změn. To bylo řečeno, vlastní pojmenujte a klikněte na tlačítko OK, když už pojedeme vyladit jej v dalším kroku.

creating the custom stipple brush

Krok 4

Pokud si blíže podívat na panelu stopy, nyní byste měli vidět vlastní tečkování stopy, které jsme právě vytvořili, který je třeba vybrat a pak použít k nakreslit vodorovnou čáru pomocí nástroje štětec (B). To pomůže nám dostat náhled všech změn, které jeho různých možností.

Jakmile máte linku, můžete vrátit na panel a dvakrát klikněte na štětec, který by měl přinést nové okno, kde můžete nastavit jeho různé funkce a jejich náhled zobrazit živé.

V mém případě jsem nastavit velikost tlaku a snížit jeho úroveň na 28 %. Pak upravit mezery na 40 %, ujistěte bodový je na 0 % a rotace nastaven na Random s a - úhel 120 °. Neposlední, udělal jsem nastavte vybarvení na odstíny, protože chci mít možnost změnit barvu své stopy, později, když potřebuji.

fine tuning the custom stipple brush

Krok 5

Jakmile jsem dokončil úpravu můj štětec, jsem vrátit do souboru projektu a použít jej k přidání textury na stěnách mého váza pomocí #000000 na jeho levé straně a #FFFFFF pro jeho správný. Podle toho, co se snaží dosáhnout můžete nastavit tloušťku tahu s cílem získat požadovaný efekt. Vzhledem k tomu, jsem chtěl získat jemnou výsledek, spustil jsem jej na hodnotu pouhých 0,3 px.

adding texture to the second vase using the stipple brush

Krok 6

Jakmile jste spokojeni s výsledkem, vše co musíte udělat je pozice základní složený tvar před textury (klepněte pravým tlačítkem myši video uspořádat video přenést do popředí) a použít ji jako ořezovou masku (požadované obrazce vybrané video pravým tlačítkem myši video vytvořit ořezovou masku) v pořadí na konstantní déšť na povrchu váza.

masking the custom stipple brush texture

7. jak vytvořit textury pomocí vzorků

Naše třetí a poslední metoda je ten, který jste pravděpodobně nikdy ani nenapadlo užívání, což je důvod, proč jsem opravdu chtěl poukázat na to, protože je pohodlná a zaručuje opravdu zajímavé výsledky.

To bylo řečeno, místo sebe na poslední vázu a Podívejme se, o čem mluvím!

Krok 1

Jak jsme to udělali s předchozí metody, Začněte vytvořením složený tvar pomocí kopie (CTRL-C video CTRL-F) z jeho těla a základnu.

creating the clipping mask for the pattern swatch texture

Krok 2

Složený obrazec, otevřete panel Vzorník a potom klepněte na tlačítko Nabídka knihoven vzorníků a přejděte na položku vzorce video základní grafické video základní Graphics_Textures. Jak vidíte, existuje spousta možností, které si můžeme vybrat z, ale pro tento projekt budeme používat jednu zvané zvlnění.

applying the swatch pattern texture to the third vase

Krok 3

Dále vše, co musíme udělat je viditelnost textury upravit nastavením její režim prolnutí na překrytí a snížení jeho krytí na 60 %, což by nám mělo dát zajímavý konečný výsledek.

choosing a blending mode for the swatch pattern texture

Je to hotový!

Tady to máte, kolega textury závislých: pěkný, jednoduchý návod, jak k vytvoření textury pro různé projekty pomocí tří různých metod.

Jako vždy Pokud máte jakékoliv dotazy, nebojte se je zaúčtovat v sekci komentáře a já se vrátím k vám co nejdříve to půjde!

finished project preview

Potřebujete více textur?

Vzhledem k tomu, proces vytváření kolekce vlastní textury mohou skončit s hodně času, jsem si myslel, že jsem mohl pomoci vám sdílet některé z mých oblíbených ty, které můžete získat Envato prvky.

Vintage polotónů textury

Tato polotónů textury pack zahrnuje 10 PNG soubory odvozené z fotografií s vysokým rozlišením a vysoce kvalitní vektorové EPS. Tyto textury zachytit atmosféru staré školy tisků a naslouchat zpátky do dne, kdy mohl snadno místě polotónů textury v tisků. Mohou poskytnout autentické a klasické pocit na téměř jakýkoli projekt. Klepněte na větší pohledu každého z produktových fotografií, aby bylo lépe vidět detaily.

vintage halftone textures by envato elements
Vintage polotónů textury Envato prvky

Příklad Vintage polotónů textur na vázy.

vintage halftone textures vase example

Vintage štěrku textury

Tato funkce platná kolekce old-time vintage cítit s různými texturami, od velmi jemné zrnitosti až těžší štěrkem tak najdete správnou texturou pro práci. Jednoduše přesuňte tyto detailní textury do návrhu a přidat více textur na jeden design pro ještě těžší zoufalý pohled.

vintage grit textures by envato elements
Vintage štěrku textury Envato prvky

Příklad Vintage štěrku textury na vázy.

vintage grit textures vase example

Wave lakované textury

Prezentace unikátní kolekce ručně malované vlna textur s vysoce ovlivnit vzhled. Tato kolekce je ideální pro projekty, kde je třeba pozadí abstraktní s nějaký herecký talent.

painted wave textures by envato elements
Wave lakované textury Envato prvky

Příklad PaintedTextures vln na vázy.

wave painted textures vase example

Vlnitý vody textury

High-rozlišení textur pro vaše účely navrhování. Tato sada obsahuje osm čeří vody textur pro fotografy, grafické designéry a DIY reklam vám pomůže vytvořit karty, pozadí, nápisy nebo jiné projekty.

rippled water textures by envato elements
Vlnitý vody textury Envato prvky

Příklad čeří vody textur na vázy.

rippled water textures vase example

Vintage Fabric textury

Zde je sada vysoce kvalitní full fabric textury pro některé dobré staré vintage příchuť. Sada zahrnuje škálu tkanin z džínoviny odrůd na standardní tričko tkaniny. Některý z těchto textur lze použít v aplikaci Photoshop nebo Illustrator (nebo libovolného programu, který používá vektorové EPS nebo transparentní PNG).

vintage fabric textures by envato elements
Vintage Fabric textury Envato prvky

Příklad Vintage Fabric textur na vázy.

vintage fabric textures by envato elements

Nyní i když výše uvedené struktury byly vytvořeny pomocí různých metod, než jsou uvedeny v tomto článku, bude se ucházíte je stejným způsobem, nejprve umístěte je na požadovaný tvar a poté maskování, ujistěte se, že hrát si s barvami, Režimy, prolnutí a úroveň krytí.

Závěr

Tak jak jste již viděli, proces vytváření a používání vlastních vektor textury není tak těžké, zvláště když máte základní znalost nástrojů a metod, které jsou zapojeny.

I když dnes jsme zkoumali jen tři z různých dostupných metod, budete se divit za kolik lze dosáhnout pomocí těchto jednoduchých technik.

To bylo řečeno, vždy se můžete rozšířit své texturování dovednosti kontrolou tyto úžasné návody, které jsou opravdu zábavné a snadné sledovat.

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.