Pattern Factory

Bok :)
Ovaj tutorial se bavi stvaranjem vlastitih patterna (textura) uz pomoć Photoshopa (korišten je 7.0).
Zapravo je cijela stvar vrlo jednostavna.

Napomena: Pokušat ću koristiti keyboard shortcute, tako da ih naučite maksimalno. Jako je zgodno ukoliko ih znate, kao i kombinacije kombinacije istih sa shift, alt i ctrlom. Korištenje Photoshopa postaje lakše i brže ukoliko nemate potrebu potezati s mišem za toolsima svako malo.

Korak 1!
Sa Ctrl+N kreirajte novi dokument, sa standardnim settingsima. Primjera radi uzmite dokument veličine 100x100.

Prvo što treba učiniti nakon toga je uzeti pencil tool (B) i selectati difoltni brush set i brush veličine 1px.
Nakon toga pomaknuti zoom slider do kraja u desno, znači zoomati na 1600%

Korak 2!
Nacrtat ćemo osnovni, trivijalni pattern samo da bi se pokazala tehnika i trikovi. Pattern se mora crtati sa okolinom, znaći moramo paziti kako će se tileat dotični pattern.

Sa brush toolom složite nekakv jednostavan pattern, nešto slično sam napravio na slici lijevo. Ovaj dio je teže objasniti. Kakav pattern napraviti, šta nacrtati? Nemam odgovora, napravite isti kao i ja, a kad znate trikove i tehniku, onda ćete biti kreativni i to :)

Budući da je ovo vježba, nije potrebno da se radi o nekom kompleksnom patternu. Korištenje dviju ili više boja je preporučljivo (:) budući da onda pattern bolje izgleda.

Korak 3!
Pixele koje imamo moramo pretvoriti u pattern.

Najvažniji dio je pozicija patterna te selekcija. Važno je razmišljati unaprijed o finalnom izgledu patterna, kada će pokrivati površinu od 1000x1000px

Također, primjer gdje piše 'krivo' je kriv budući da ciljamo na nekakav pravilni, simetrični pattern. Da želimo napraviti bilo kakav pattern tada bi i prva selekcija bila OK
Pokazat ću primjer gdje je jako važno kako će cijela stvar izgledati, te ovisi o samoj selekciji prije kreiranja patterna.

Na primjeru je vidljivo da selekcija bez 'okoline' kreira pattern koji nije ništa sličan željenom rezultatu. Zato se treba brinuti o okolini :)

Korak 4!
Kada smo nacrtali osnovu i pripazili na sve 'trikove', dalje je stvar trivijalna.

Sa još postojećom selekcijom odemo na Edit > Define Pattern, i naš je patter kreiran. Bravo!

Uzmemo Paint bucket tool (G), označimo u fill selekciji > pattern, i pod patterns nađemo zadnju kućicu koja bi trebala sadržati naš, upravo kreirani pattern.

EDIT!
Ukoliko želite istu stvar napraviti samo bez postojeće pozadine (kao na slici lijevo), ponovite cijeli proces samo što radite bez background layera. Kada definirate pattern photoshop će uzeti samo pixele od patterna, ne i od pozadine. Kad imate takav pattern možete ga šiknuti bilo gdje, i lakše se mijenja pozadina patterna.

Voila!

Ovako izgleda naš vlastiti pattern, jednostavan je, brzo smo ga napravili, a izgleda dosta ql.
Opcije su beskonačne. Glavno je da se zabavljate i radite svoje patterne, igrate se. Enjoy folks! :)