Ovaj vodič je napisao Martijn Breeuwer posebno za Lorelei Web

U ovim tutorialima pokazat ću vam kako izraditi te male uzorke da začinite svoju grafiku ili web dizajn. Uzorke nije teško izraditi, ali oni mogu imati veliki učinak na "seksipil" vašeg dizajna.

Pokazat ću vam način stvaranja nekih popularnih uzoraka i uzorka protiv paranja. Također ću vam pokazati neke primjere alternativnih uzoraka.

Dijagonalne skenirane linije
Počet ćemo s vrlo popularnim uzorkom. Dijagonalne skenirane linije.

Otvorite novi dokument u photoshopu i napravite ga veličine 3 x 3 piksela.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Napravite novi sloj i izbrišite "Pozadina" sloj kako bi slika postala prozirna.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Povećajte do 1600% pritiskom CTRL + nekoliko puta.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Grab olovka alat i postavite ga na način rada veličine 1px: normalno i neprozirnost 100%
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

tisak D da vratite svoje boje na crno-bijelo i obojite 3 točkaste linije od gornjeg desnog do donjeg lijevog kuta.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada idi Uredi>Definiraj uzorak i nazovite ga scanlines ili kako god želite.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

To je bilo lako, zar ne?

Za korištenje vašeg uzorka odaberite Alat za kantu za farbanje, Odaberi: Uzorak iz padajućeg okvira i odaberite svoj uzorak.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Ili idite na opcije miješanja i primijenite sloj uzorka.

Provjerite jeste li izradili novi sloj prije primjene uzorka na svoj rad. Ponekad će uzorak izgledati bolje kada
neprozirnost je malo smanjena.

Provjerite rezultat.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Naravno, također možete stvoriti uzorak gdje je razmak između linija veći. Da biste to učinili, upotrijebite gornju metodu, ali napravite platno veličine 5 x 5 piksela.
Ovo će biti rezultat.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Horizontalne skenirane linije
Što kažete na vodoravne skenirane linije? (Korisno kada stvarate nešto poput TV-a ili računala itd.)

Otvorite novi dokument u photoshopu i napravite ga 1 širine x 2 piksela visine.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada stvorite novi sloj i izbrišite sloj "Pozadina" tako da slika postane prozirna.

Povećajte do 1600% pritiskom na CTRL + nekoliko puta.

Sada zgrabite alat za olovku i postavite ga na način rada veličine 1px: Normalno i neprozirnost 100%. Ista postavka kao prije

Pritisnite D za resetiranje boja na crno-bijelo i obojite gornji piksel u crno.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada idite na Edit>Define pattern i nazovite ga horizontalscanlines.

Proizlaziti.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Male točkice
U redu, sada stvaramo male točkice.
Koristimo istu metodu koju smo koristili sa linijama skeniranja.

Otvorite novi dokument u photoshopu i napravite ga 3 širine x 3 piksela visine.

Sada stvorite novi sloj i izbrišite sloj "Pozadina" tako da slika postane prozirna.

Povećajte do 1600% pritiskom na CTRL + nekoliko puta.

Sada zgrabite alat za olovku i postavite ga na način rada veličine 1px: Normalno i neprozirnost 100%.

Pritisnite D da vratite boje na crno-bijele i obojite točku u sredini platna.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada idite na Edit>Define pattern i nazovite ga smalldots.

Proizlaziti.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Križevi
Napravimo uzorak korsa. Izradite dokument veličine 5 x 5 piksela i upotrijebite gornju metodu

Ali sada nacrtajte križ.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

idite na Edit>Define pattern i nazovite ga crosses1 ili kako god.

Proizlaziti
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

ANTI RIP/uzorak zaštite autorskih prava
Na kraju, ali ne manje važno, naučit ću vas kako napraviti uzorak protiv paranja.

Otvorite novi dokument i provjerite imate li dovoljno prostora. 600 x 600 piksela će biti u redu. Kasnije ćemo ga izrezati.

Napravite novi sloj i izbrišite sloj "Pozadina" kako bi slika bila prozirna.

Sada zgrabite alat za tekst i koristite čitljiv font. Ariel, Tahoma, Verdana, Times itd.

Koristio sam ove postavke:
Verdana | podebljano | 12 pt | aa: nijedan

Veličina bi trebala biti oko 12 px, nemojte biti prevelika inače neće dobro funkcionirati kao uzorak.

Sada upišite nešto poput: "stvorilo vaše ime" ili "(c) vaše ime". Upišem (c), a zatim svoje ime.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Desnom tipkom miša kliknite tekstualni sloj i odaberite vrstu rasteriziranja ili idite na Odaberi > rastarizuj > tip.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada pritisnite CTRL T (Free transform) i rotirajte ime oko -30 stupnjeva.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Pritisnite enter za potvrdu rotacije. Malo povećajte i odaberite alat za obrezivanje.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Postavite miš na donji dio teksta i kliknite i povucite ga na vrh teksta. Provjerite jeste li odabrali sav tekst i ostavili malo prostora na vrhu i dnu.

Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Sada pritisnite enter.
Sada biste trebali imati ovako nešto.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Idite na Edit>Define pattern i nazovite to copyright.

Otvorite svoj najnoviji web dizajn koji želite zaštititi od rippera i napravite novi sloj.

Odaberite alat Paint Bucket i odaberite uzorak autorskih prava. Smanjite neprozirnost tako da slika bude vidljiva onima koji je žele pogledati
ali teže za one koji žele parati.

Primijenio sam ovo na predložak na kojem radim. Neprozirnost je oko 20%.
Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Kombiniranje i eksperimentiranje
Sada kada znate kako stvoriti uzorak, vrijeme je da ga kombinirate i eksperimentirate s njim.

Pogledajte ove različite uzorke. Mogućnosti su beskrajne. Od teksta, oblika (cvijeća itd.) i linija, svi se mogu koristiti za izradu uzoraka.

Sve što trebate znati o radu s uzorcima - Stvorite i implementirajte - PS Tutorials Lorelei Web Design

Hvala što ste pogledali ove vodiče, nadam se da ste nešto naučili.