Kako napraviti jednostavan ali lep navibar

Prvo pokrenete PhotoShop CS4, CS5 ... naravno u opticaj dolaze i starije verzije .... ali preporucujem ove dve ... u ovom TUT-u koriscen je PS CS5 extended .....

1. File --> New --> 1000x100 px (velicina po vasim potrebama), obavezno namestite na TRANSPARENT .... da nebi bilo pozadine ..... to bi trebalo da izgleda ovako --->

2. Napravite pravougaonik sa zaobljenim ivicama kao na slici koristeci ROUNDED RECTANGLE TOOL ....

3. Zatim dodajte efekata tom pravougaoniku koristeci opcije sa sledecih slika .... napomena: da bi ste dodali ove efecte potrebno je da selektujete sa desne strane pravougaonik i da idete desni klik i Blending options .... zatim podesite sve kao na slikama .....




kada sve podesite kao na slikama treba da dobijete ovakvu sliku

4. Sada da napravimo u okviru ovog pravougaonika jos jedan manji pravougaonik koji ce se pojavljivati kada stavite misa preko nekog odredjenog polja na navi baru .... pazljivo pratite slike ....

posto vidite da vam je pravougaonik koji ste iscrtali obojen u belo ajde da ga nacinimo transparentnim (bez pozadine-providnim) ...

Sada idite gore na Style: videcete da vam je slika ovakva ....

Klikom na malu slicicu koja je markirana zutom bojom na gornjoj slici zamenite style u style na sledecoj slici zaokruzen plavom bojom ....

Sada bi ste trebali dobiti ovakvu sliku ...

5. Sada da dodamo malo efekata tom pravouganiku .... pratite slike ... i precizno unesite podesavanja ... pre toga oznacite mali pravouganik sa desne strane i idite RIGHT CLICK Blending Options i pratite slike ...



Kada sve precizno unesete trebali biste da dobijete ovakvu sliku ...


6. Sada sami stelujte i podesavajte poziciju malog pravougaonika .... kako vama odgovara

7. Napisite slova i ukanapite ih da odprilike izgledaju ovako ...


e sad na predhodnoj slici izgleda kao da su sva polja selektovana sa navigacione trake to je cisto da vidite kako bi to izgledalo ... a ja sam napravio i jos jednu sliku da vidite kako izgleda kada je samo jedno polje selektovano ...


TO bi bilo to ... sada dalje mozete jos dodavati sve po vasem ukusu ...

BTW. nisam hteo da stavljam kako napisati slova i kako ih uknapiti jer predpostavljam da znate bar toliko .... to je nesto najosnovnije .... hvala svima koji su pogledali i koji ce pogledati ovaj TUT .... nadam se da sam vam pomogao ...

Evo link sve to uradjeno u .PSD formatu .... pa prepravljajte i radite sta vam je volja .....

Kod:

Samo registrovani članovi mogu vidjeti sadržaj ;)

evo u plavoj i crvenoj bolji konacan izgled ....




Ocenite TUT ... i prokomentarisite .....

Ja nisam profi PhotoShop-er ....samo sam ovo napravio da pokazem onim pocetnicima koji su kao ja i dalje neprofesionalni u tom programu kako da vezbaju ... a moze ovo i da koristi nekome ....