Photoshop tutoriali, html i css savjeti

Koristenje brusheva u Photoshopu cesto zna izgledati jednolicno i “umjetno”, a kako primjecujem da su u velikom broju slucajeva oni postavljeni u orginalnoj poziciji, mislim da se podosta ljudi nezna sluziti njima te ih zarotirati na zeljenu poziciju.

Takoder, rotiranje brusheva pomoci ce Vam u daljnjem radu s istima, pošto nemorate rotirati layere i slicno da bi ste dobili zeljeni uzorak.

Za primjer cemo uzeti ovaj “kockasti” brush:

Zatim idemo u opcije Brushes, kao na sljedecoj slici:

Izaberemo opciju Brush tip shape te rotiramo smjer kruzica prema zeljenoj poziciji Brusha.

Te dobijemo zeljene pozicije:

Kombinirajuci rotaciju, velicinu i boju brusha, mozemo dobiti gotovo sve oblike iz izabranog brusha. Nemojte se niposto zadrzavati samo na orginalnoj postavci brusha, iako Vam ona mozda i daje ono sto ste zeljeli dobiti, iskoristite opcije za dobit jedinstveniji oblik!

colorschemedesigner.com je odlican alat za isprobavanje kombinacija boja za vasu web stranicu. Kombinacije nijansi jedne boje, komplementarnih boja, opcija za tamne siteove, svijetle, podesavanje, preview stranice te mogucnost dobivanja kodova izabranih boja. Sjajan alat za isprobavanje boja uz stvarni prikaz, svakako bookmarkajte!

www.typetester.org stranica je domaci  projekt (Marko Dugonjic) na kojoj vrlo jednostavno mozete usporediti razne tipove fontova dodavanjuci ima razna svojstva (bold, italic, small caps, velicinu, boju i jos mnogo toga) usporedujuci vise fontova odjednom. Odlican alat za testiranje fontova koji ce vam odgovarati na stranici! Svakako provjerite.

U sljedecem tutorialu cemo vam predstaviti dvije jednostavne java scripte, koje lako mozete uklopiti u vase stranice. Ne trebaju nikakvi posebni uvjeti, osim da kod skripte kopirate unutar vaseg html koda.
Izrada gumba a refresh stranice, te za povratak na prethodnu stranicu:

Refresh gumb

Kod skripte:

<div align=”center”>
<script language=”JavaScript”>
<!– hiding
document.write(’<form><input type=button value=”Refresh” onClick=”history.go()”></form>’)
//  End –>
</script>
</div>

Gumb za povratak

Primjer:

Kod skripte:

<div align=”center”>
<form>
<input type=”button” value=”Povratak” onClick=”history.back()”>
</form>
</div>