Advertisement
  1. Design & Illustration
  2. Patterns
Design

Kako u Adobe Illustratoru Izraditi Uzorak Tepiha iz Filma "Isijavanje"

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Freddy Krueger Inspired Text Effect in Adobe Photoshop
How to Create a Scream Mask in Adobe Illustrator

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

Final product image
What You'll Be Creating

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
setting up a new document

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
setting up a custom grid

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.

creating and positioning the main shape for the patterns repeating element

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.

adding the top and bottom anchor points to the repeating elements main shape

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.

adjusting the repeating elements main shape

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).

creating the repeating elements top outline using the move tool

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).

adjusting the repeating elements top outline

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.

creating and positioning the repeating elements bottom outline

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.

creating and positioning the main shape for the repeating elements top hexagon detail

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).

adjusting the repeating elements top hexagon detail

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.

adding the outline to the repeating elements top hexagon detail

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.

adjusting the color of the repeating elements top hexagon detail

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.

creating and positioning the second hexagon detail onto the repeating element

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.

creating and positioning the third hexagon detail onto the repeating detail

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.

creating and positioning the vertical rectangle onto the repeating elements top hexagon detail

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.

adding the vertical rectangle to the second and third hexagon details

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).

masking the repeating element

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.

positioning the masked repeating element onto the left side of the artboard

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).

creating the patterns first row of repeating elements

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.

aligning the row of repeating elements to the center of the artboard

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.

creating the rest of the patterns repeating rows

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).

grouping and positioning the patterns repeating rows to the center of the 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.

masking the main section of the pattern

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.

giving the pattern a custom name

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.

choosing a tile type for the pattern

3. korak

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

choosing a size for our pattern

4. korak

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

setting the overlap and copies settings for our pattern

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.

example of using the pattern

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.

final preview of the pattern
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.