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

Čini se kao da izrada isprepletenih geometrijskih uzoraka koji se mogu jednostavno podesiti kao uzorak u Adobe Illustratoru ili Photoshopu i nije baš jednostavan zadatak. U ovom tutorijalu ćemo podesiti oblike u jednostavan, ponavljajući pepita uzorak kojeg je lako primijeniti i uređivati.
1. Izradite Oblike u Illustratoru
1. korak
Izradite New Document (novi dokument) dimenzija 500 x 500 px. Ako trebate veći ili manji uzorak, ne bojte se: možete mu promijeniti veličinu po potrebi. Upotrijebite Rectangular Grid Tool da nacrtate 500 x 500 px rešetku (grid) od 9 Horizontal i 9 Vertical Dividers. Zaključajte rešetku u Layers kartici.

2. korak
Koristeći Recatnagle Tool (M), nacrtajte 250 x 250 px kvadrat i smjestite ga u gornji lijevi kvadrant radne površine.

3. korak
U donjem lijevom kvadrantu upotrijebite Pen Tool (P) da nacrtate dijagonalnu liniju koja počinje na četvrtoj vertikalnoj liniji slijeva i završava na trećoj horizontalnoj liniji odzdo. Spustite liniju na donji kut rešetke i zatim gore udesno, dijagonalno, u sredinu linije rešetke. N akraju zatvoritr oblik horizontalnom linijom na početnoj točki sidrišta.

4. korak
Koristeći Pen Tool nacrtajte trokut u donjem desnom kutu donjeg lijevog kvadrante linije rešetke. Trebala bi biti tri kvadrata dolje i tri kvadrata poprijeko.

2. Izradite Vektorski Uzorak
1. korak
Kopirajte/Copy (Control-C) i zalijepite/Paste (Control-V) dijagonalnu traku i trokutasti oblik. Rotirajte ih za 180° koristeći Rotate Tool (R) i smjestite dva oblika u gornji desni kvadrant. Grupirajte/Group (Control-G) zajedno sve crne oblike. Nacrtajte 500 x 500 px kvadrat preko radne površine. ripazite da bude savršeno poravnato.

2. korak
Sa Delete obrišite ili sakrijte liniju rešetke. Selektirajte crne i bijele elemente. U Pattern Options kartici kliknite Make Pattern. Pripazite da Tile Type podesite na Grid i kliknite Done na vrhu dokumenta da pohranite svoj uzorak u Swatches karticu.

3. korak
Primijenite svoj novi uzorak u pravokutnik unutar radne površine. Ako trebate promijeniti veličinu ili urediti uzorak, dvaput kliknite na uzorak u Swatches kartici da ga uredite u Pattern Options kartici.

3. Izrada Oblika Uzoraka kao Bitmap
1. korak
Koraci u izradi pepita uzorka kao bitmape prilično su slični vektorskom formatu Adobe Illustratora. Ukoliko koristite samo Adobe Photoshop, proći ću sve donje korake.
Izradite New Document od 500 x 500 px. Idite na View > New Guide Layout i napravite Guide Layout od 10 Column i 10 Row (bez širine, visine, ili unutarnje vrijednosti).

2. korak
Sa Rectangle Tool (U) alatom izradite 250 x 250 px kvadrat. Svakako provjerite da vam alat stvara Shape (oblik), a ne Path (putanju). Upotrijebite Move Tool (V) da smjestite kvadrat u gornji lijevi kut rešetkastog rasporeda.

3. korak
Dva oblika trebamo nacrtati u donjem lijevom kvadrantu rešetkastog rasporeda. Prvo Pen Tool (P) alatu podesite Tool Mode u Shape u Options Bar-u.
Drugo, nacrtajte dijagonalnu liniju počevši na četvrtoj vertikalnoj liniji slijeva i završite je na trećoj horizontalnoj liniji na dnu rešetke. Spustite liniju do donjeg kuta rešetke, pa je dignite udesno, dijagonalno u sredinu rešetke. I na kraju zatvorite oblik sa horizontalnom linijom na početnoj točki sidrišta.
Treće, nacrtajte trokut u donjem desnom kutu donjeg lijevog kvadranta rešetke. Treba biti tri kvadrata dolje i tri kvadrata poprijeko.

4. korak
Kopirajte, zalijepite i rotirajte oblik dijagonalne trake i trokuta tako da savršeno odgovaraju u gornji desni kvadrant. Idite na Edit > Define Pattern i dodijelite ime svom novom uzorku. Po potrebi promijenite veličinu uzorka u Image > Image Size. Upotrijebite Paint Bucket Tool (G) da ispunite novi dokument ili selektirani dio svojim novim uzorkom.

Fantastičan posao, završili ste!
Odlično! Naučili ste kako izraditi vektorsku i rastersku verziju "seamles" uzorka.
Koje fantastične varijacije boja možete izraditi sa ovim jednostavnim geometrijskim oblicima? Koristeći "grid" metodu, kakav još isprepleteni dizajn možete izraditi? Podijelite s nama dolje u komentarima!

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