Photoshop tutoriali, html i css savjeti

Obojajte scrollbar za Internet Explorer

July 17th, 2008

Iako nisam bas ljubitelj Internet Explorer web browsera, sljedeci tutorial je namjenjen samo za njega.
Boja scrollbara u Mozilli, Operi, i drugim web browserima je automatizirana prema temi browsera, i na nju se nemože utjecat, iako postoje Java scripte koje nam i to dopuštaju. Bojanje standardnog Scrollbara nije moguce.

Internet Explorer nam to pak dopusta, kako bojanje glavnog scroolbara sa desne strane browsera, tako i unutarnjih djelova unutar stranice.

Bojanje scrollbara radimo na nacin da dodamo css atribude unutar body taga.

Bojanje mozemo koristiti sa 7 razlicitih stavki, no ne moramo ih sve upotrijebiti, mozemo obojati samo 3 recimo, boju trake, boju strelice i okvir kliznika.

U html kodu to izgleda ovako:

body {

scrollbar-face-color:#CCC;
scrollbar-highlight-color:#CCC;
scrollbar-3dlight-color:#CCC;
scrollbar-darkshadow-color:#CCC;
scrollbar-shadow-color:#CCC;
scrollbar-arrow-color:#CCC;
scrollbar-track-color:#CCC;
}

Gdje cemo #CCC naravno zamjeniti zeljenom bojom.

Restauracija slika

February 21st, 2008

U sljedecem tutorialu pokusat cemo restauirat staru sliku. Ova koju cemo obradit je dosta ostecena, fale joj i rubovi i sve, al nastojat cemo dobit dobru sliku :)

Ostecena slika

Prvo cemo stvorit neku pozadinu kakva bi realno trebala biti.

Koristit cemo Brush i Clone toolove kako bismo sto vise popunili prostor slicnim bojama.

Bojanje pozadine

Kasnije cemo urediti pozadinu, glavno da imamo za sada ovirno kako slika izgleda.

Trebalo bi dotrerati boju, pojacat njen intezitet. Pocet cemo od majice, ujedbnacit cemo smede tonove, opet cemo koristiti Brush i Clone tool.

Prvo cemo Clone toolom izbrisati zute pukotine na boji klonirajuci isti detalj sa majice, zatim cemo Brushem sa zarkijom smedom obojati majicu. namjestiti cemo Opacity na nekih 50-60 %. Nakon bojanja, koristit cemo Blur tool za malo zamagliti boje, te Burn i Dodge tool za prilagoditi majicu tamnijim i svjetlijim bojama.

Obojana majica

Sada cemo slicnu stvar napraviti sa pozadinom, gdje cemo potamniti gornje rubove slike, zatim krecemo na lice.

Obojana pozadina slike

Sada dolazi najzahtjevniji dio - lice i kosa. Za pocetak cemo vece rupe popraviti ugrubo Clone toolom.

Nakon toga, sva manja ostecenja lica cemo “glacati” sa Smudge toolom, radeci vrlo male poteze da ne unakazimo sliku. Na ovaj nacin dobit cemo i to da boja izgleda novija. Pokusajte sto manje dirati rubove, a sto vise ciljajte na kozu.

Renoviranje lica

Rubove cemo takoder dotjerat Brush i Clone toolom.

Te dolazi kosa, koja je dosta svjetla, pa cemo je oziviti Hue-om i Sturationom gdje cemo je potamniti i dodati joj malo saturacije.

Te nam jos ostaje malo popraviti detalje kao sto su oci, usne, njima cemo takoder dodati malo boje.

Obojana kosa

Sada cemo sliku smjestiti u ovkir za kraj :D

Pronaci cemo neku sliku bilo kakvog okvira i smjestiti sliku unutar njega.

Okvir

Izbrisat cemo sve unutra i van okvira, te da podesiti da ravno stoji; kad ostane okvir sam kao layer, crtl + klik na rubnu tocku i pomicemo.

Okvir prazan

I sada samo umetnemo sliku unutar okvira, eventualno dodamo mlo sjene ako treba.
Mogli smo jos i ostaviti okvir u orginalnom formatu, ali sliku podesiti prema njemu, al ovako mi je zanimljivije :D

Gotova restauirana slika

—————————-

Usporedba

Vampiriziranje slike :)

January 7th, 2008

U sljede?em tutorijalu “vampirizirat” cemo portret mlade djevojke. Prikladno za sve goticarke koje stavljaju svoje slike na myspace s losim efektima :D Poslje ovog zivot ce vam se promjeniti!

Djevojka

Prvo ?emo maknuti pozadinu slike. Mozemo to jednostavno izbrisati Earse tool-om. Samo pazimo na rubove, da ne ostetimo sliku.

Bez pozadine

Sada idemo na put, koju cemo izbljediti, te se rijesiti pjegica. Za to cemo koristiti Dodge tool.  Pazite samo dane dirate puno kosu, ocu, usta..

Izbljedena put

Sada su na redu oci. Opet cemo se koristiti Burn i Dodge toolovima, na nacin da cemo lagano potamniti podocnjake, te zjenice, a bjeloocnice cemo dodatno izbljediti.

Oci

Sada idemo na usne, koje cemo zacrveniti. To cemo napraviti sa obicnim Brush toolom, kojem cemo smanjiti Opacity na nekih 20-30 %. Takoder cemo i izbljediti zube, Dodge toolom, jedan po jedan!

Usta i zubi

Sada cemo joj izraziti kosu, pa cemo i dodati neku tamnu pozadine, te promjeniti boju majice. Za to cemo koristiti ponovno Burn i Brush tool za kosu, a za majicu Select > Color range > Oznacimo crvenu > Levels > Pa potamnimo. Poslje mozemo jos rubove urediti Burn toolom.

Kosa i majica

Sada je prava goticarka, ali mora postat i vampir. Zato cemo joj dodatno malo “urediti” zube. Prvo cemo ih produljiti sa Liquify efektom. I dodati malo krvi brushem :D

Vampir

upravljanje slikama - izrada kocke

December 11th, 2007

Predstavljamo vam tutorial koji ce zasigurno pomoci pocetnicima u Photoshopu; izradit cemo jednostavnu 3d kocku od slike.

macke

Biti ce nam potrebe 3 slike, odnosno jedna slika za 3 plohe kocke.

Ctrl + klik na rub tocke nam omogucava “razvlacenje” slike. Pazite da vam je svaka slika na zasebnom layeru.

macke

Sada cemo razvuci na isti nacin i ostale dvije slike i tako cemo dobiti kocku.

kocka

Pazite samo na rubove da vam se poklope. Sada cemo jednu plohu malo potamniti, jednu posvijetliti, kako bi kocka realnije izgledala.

posvjetljena i potamnjena kocka

To je to, ako ciljate na pravilnu kocku, budite manje apstraktniji od ove, mozete i prednju ostaviti kakva je, i samo ostale dvije mijenjate.

Za kraj cemo dodati jos malo sjaja na rubove.

Kocka od macaka