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.