PHOTOSHOP TUTORIJALI Izrada rollover buttona U ovom tutorialu u vam objasniti kako napraviti jednostavni rollover u programu Adobe

Imageready koji dolazi uz Adobe Photoshop. Korak 1: Napravite novi dokument ovih dimenzija u Imagereadyu:

Korak 2: Sada odaberite Rounded Rectangle tool. Ako ga nema u alatnoj traci, nai ete ga ovako:

Korak 3: Koristite neki od layer style-ova i nacrtajte jedan rounded rectangle (pravouganik zaobljenih uglova (kutova)) kao na slici. Sada vam neu objasnjavati kako napraviti layer style, nego u samo pisati o procesu izrade rollover buttona.

Korak 4: Sada se morate pobrinuti da imate "Web content" podprozor otvoren. To ete nai na ovaj nain; idite na meni Window -> Web content. Sada bi vam se trebao pojaviti ovaj prozor:

Korak 5: Sada idite na Slice tool.

Korak 6: Slice toolom obiljeite cijeli dokument, ovako:

Korak 7: Sada idite na web content podprozor. Oznaite slice koji ste upravo napravili.

Korak 8: Desnim klikom na oznaeni slice kliknite "Add rollover state"

Korak 9: Pobrinite se da vam je oznaeni Rollover state na sliceu.

Sada oznaite layer(e) na kojem radite da dobijete rollover (ako radite na vie layera to trebate uraditi; u ovom tutorijalu to nije sluaj) Layeru dodajte neki drugi style. Korak 10: Usnimite ovako: File -> Save Optimized As... -> Html and images (.html) Finished!

Sada to otvorite u vasem internet browseru i probajte :) . Preview

Uz malo matovitosti i malo vjebe, moete dobiti interesante rezultate. Kasnije, kada postanete bolji sa Photoshopom i ImageReadyem, to mozete kombinirati u izradi weba.