Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

U današnjem tutorijalu ćemo nastaviti sa serijom 'Horor Movie Special' tutorijala i naučiti kako izraditi halucinogeni uzorak tepiha iz Stanley Kubrickovog filma "Isijavanje".
Izraditi ćemo ga u Adobe Illustratoru pomoću nekih "old-school" tehnika koje uključuju pažljivo rukovanje Rectangle Tool alata u kombinaciji sa moćnom funkcijom Pixel Grid.
Uzmite šalicu vruće kave koju volite, i krenimo!
I ne zaboravite da uvijek možete pronaći zapanjujuće dobre uzorke na Envato Marketu, sa ogromnim tematskim izborom.
1. Podesite Datoteku Novog Projekta
Otvorite Illustrator, napravite New Document (novi dokument) (File > New Document ili Control-N) i podesite ga koristeći sljedeće postavke:
- Number of Artboards: 1
- Width: 602 px
- Height: 600 px
- Units: Pixels
I u Advanced kartici:
- Color Mode: RGB
- Raster Effects: Screen (72ppi)
- Align New Objects to Pixel Grid: označite

2. Podesite Rešetku ('Grid')
Pošto ćemo izrađivati savršeno pikselirani uzorak, podesiti ćemo rešetku ('Grid') kako bismo imali potpunu kontrolu nad oblicima.
1. korak
Idite na Edit > Preferences > Guides & Grid i podesite sljedeće postavke:
- Gridline every: 1 px
- Subdivisions: 1

Kratki savjet: više o rešetkama možete naučiti u ovom opširnom tekstu kako funkcionira 'Grid' Sistem u Illustratoru.
2. korak
Kada podesimo rešetku prilagođenu vlastitim potrebama, sve što trebamo kako bismo bili sigurni da nam oblici izgledaju jasno jest omogućiti Snap to Grid postavku koju ćete naći u View izborniku koja će se transformirati u Snap to Pixel svaki put kada kliknete Pixel Preview mod.
Sada, pošto želimo izraditi savršeno pikselizirani uzorak, svakako preporučam da prođete moj tutorijal Kako Izraditi Savršeno Pikselizirani Rad, koji će vam pomoći da unaprijedite vlastite tehničke vještine za čas posla.
3. Izradite Glavni Ponavljajući Element
Prva stvar na kojoj ćemo početi raditi je glavni ponavljajući element, odnosno dio uzorka, koji ćemo upotrijebiti za izgradnju veće kompozicije.
1. korak
Uzmite Rectangle Tool (M) i napravite oblik dimenzija 86 x 106 px shape, koji ćemo obojiti svijetlo narančastom bojom (#DF5F18
) i zatim poravnati u sredinu radne površine za crtanje, tj. Artboard.

2. korak
Zumirajte oblik koji ste upravo izradili i upotrijebite Add Anchor Point Tool (+) da dodate dvije nove točke sidrišta, jednu u sredinu gornjeg ruba, i drugu u sredinu donjeg.

3. korak
Pomoću alata Direct Selection Tool (A) selektirajte dvije točke sidrišta koje smo upravo izradili, i zatim ih povucite prema vrhu tako da kliknete desnim gumbom miša i idete na Transform > Move te unesete -26 px za Vertical vrijednost, i ostavite Horizontal na 0 px.

4. korak
Sada kada imamo glavni oblik, izradimo mu gornju liniju ruba, tako što ćemo ga selektirati, i zatim upotrijebiti Move Tool da izradimo kopiju, za 14 px udaljenu od njega (desni klik miša > Transform > Move > Horizontal: 0 px > Vertical: -14px > Copy).

5. korak
Uzmite kopiju originalnog oblika (Control-C) i zalijepite je na vrh one koju ste upravo izradili (Control-F) koristeći Pathfinder’s Minus Front Shape Mode da uklonite donji dio i obojite dobiveni oblik sa crnom bojom (#000000
).

6. korak
Dodajte donju liniju ruba koristeći kopiju (Control-C > Control-F) onog kojeg smo upravo izradili, kou smjestite točno ispod narančastog oblika, i zatim selektirajte i stavite u grupu (Control-G) sva tri oblika zajedno.

7. korak
Koristeći Rectangle Tool (M) izradite oblik dimenzija 26 x 14 px i obojite ga bojom #981F24
, i zatim horizontalno poravnajte (kliknite Horizontal Center Align) na radnu površinu za crtanje, tj. Artboard, u razmaku od 50 px od vrha gornjeg vanjskog ruba.

8. korak
Prilagodite oblik koji smo upravo izradili dodajući mu dvije nove točke sidrišta na gornji i donji rub, koje zatim individualno povučete prema van za 8 px koristeći Move Tool (desni klik miša > Transform > Move > Vertical > - 8 px z gornji i + 8 px za donji).

9. korak
Šesterokutu dodajte debeli rub tako što ćete ga selektirati i zatim ići na Object > Path > Offset Path i unijeti 12 px u Offset vrijednost, a ostale postavke ostaviti podešene onako kako su već podešene.

10. korak
Promijenite liniju ruba u tamniju boju (#000000
) kako bi se isticala od donjeg oblika, zatim ih oboje selektirajte i grupirajte pritiskom na tipke Control-G na tipkovnici.

11. korak
Uzmite kopiju (Control-C > Control-F) šesterokuta i njegovog ruba te ga smjestite na lijevu stranu ponavljajućeg elementa, na razmaku od 74 px i pritom pazite da se preklapa samo sa njime samo sa desnom polovicom.

12. korak
Uzmite kopiju (Control-C > Control-F) drugog šesterokutnog detalja i smjestite ga prema desnoj strani ponavljajućeg elementa, pazeći pritom da se sa elementom preklapa samo njegova lijeva polovica.

13. korak
Pomoću alata Rectangle Tool (M) izradite oblik dimenzija 12 x 62 px koji ćemo obojiti crnom bojom (#000000
) i zatim ga smjestite u sredinu preko gornjeg šesterokutnog detalja.

14. korak
Dodajte isti pravokutnik dimenzija 12 x 62 px crne boje(#000000
) na druga dva šesterokutna detalja, samo ih ovaj puta smjestite prema vrhu.
Kada završite, selektirajte i grupirajte sve oblike koje smo do sada izradili pritiskom na tipke Control-G na tipkovnici.

15. korak
U ovoj fazi smo manje-više završili sa izradom ponavljajućeg elementa. Sve što sada trebamo učiniti jest maskirati ga kako bi se dijelovi savršeno uklapali zajedno kada počnemo izgrađivati veći uzorak.
Za to jednostavno izradite pravokutnik dimenzija 86 x 160 px (naglašen narančastom) koji ćemo centrirati u oblike koje smo upravo grupirali i zatim ćemo to upotrijebiti kao Clipping Mask (desni klik miša > Make Clipping Mask).

16. korak
Nakon što smo maskirali ponavljajući element, moramo ga poravnati na lijevu stranu radne površine za crtanje (Artboard) pošto ćemo izraditi nekoliko kopija u sljedećoj fazi.

4. Izradite Glavni Dio Uzorka
Do sada smo izradili glavni element ponavljajućeg uzorka, što je super, ali trebati ćemo dodati nekoliko instanci da sve bude kako treba.
1. korak
Selektirajte ponavljajući element, i zatim izradite osam njegovih kopija (Control-C > Control-F) koje ćemo smjestiti za 0 px jednu od druge, pazeći da kliknemo na originalni element da ga podesimo kao Key Object (ključni element).

2. korak
Selektirajte i grupirajte (Control-G) sve ponavljajuće elemente zajedno, centrirajte ih na radnu površinu za crtanje (Artboard) pomoću Horizontal Align Center opcije u Align kartici.

3. korak
Izradite još pet redova koristeći ovaj jedan koji imamo, i poredajte svaki na vrh onog drugog, pazeći da im se gornji i donji rubovi preklapaju. Cijeli proces možete olakšati tako da kopijama smanjite 'opacity' kako biste bolje vidjeli oblike koji se preklapaju.

4. korak
Nakon što ste dodali sve redove, podesite im Opacity na 100% i zatim ih grupirajte (Control-G) i vertikalno poravnajte u sredinu radne površine (Artboard).

5. korak
Sa smještenim ponavljajućim redovima, maskirajte ih koristeći pravokutnik dimenzija 602 x 600 px tako da elementi usmjereni izvan uzorka budu presječeni na pola.

5. Izradite Uzorak za 'Swatch' Paletu
Sada smo završili sa izradom elemenata koji su nam potrebni za izradu uzorka, što znači da ih možemo prebaciti u uzorak koji ćemo dodati u 'swatch' paletu.
1. korak
Selektirajte zamaskirani uzorak i zatim idite na Object > Pattern i kliknite Make. Sada će se otvoriti novi prozor sa nekoliko postavki koje trebamo podesiti. Ali prvo ćemo uzorku dodijeliti naziv kako bismo ga lakše prepoznali.

2. korak
Sada imamo Tile Type koji ćemo ostaviti podešeno na Grid, pošto su naši elementi uzorka dizajnirani tako da budu poredani zajedno, znači ne možemo ih rasporediti nekim nasumičnim odabirom.

3. korak
Zatim imamo Width i Height koje ćemo podesiti u stvarnu veličinu našeg uzorka (602 x 600 px).

4. korak
Ostavite Overlap i Copies postavke kako jesu, i zatim kliknite Done da dodate uzorak 'swatch' paleti.

5. korak
Za korištenje uzorka, jednostavno ga odaberite iz palete i zatim uzmite Rectangle Tool (M) i nacrtajte novi objekt, koji će, kao što ćete vidjeti, imati taj isti halucinogeni efekt kao i onaj u filmu.

Gotovo je!
I evo ga: jednostavan način za izradu vašeg vlastitog uzorka iz "Isijavanja", pomoću osnovnih oblika i moćnih Pattern postavki Illustratora.
Nadam se da ste se zabavili kao i ja kada sam izrađivao ovaj projekt, i ono najvažnije, da ste naučili nešto novo.

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post