Photoshop tutoriali, html i css savjeti

Smanjivanje vise slika odjednom

December 10th, 2008

Postoji vise nacina za promjenit velicinu velikog broja slika, no mi cemo Vam pokazati najbrzi i najjednostavniji.

U Photoshopu postoji alat koji kreira Web galeriju slika. Sama galerija ima vise opcija, no nisam ga nikad koristio za nju, vec samo za resize-anje slika.

Prije promjene velicine slika, potrebno je samo da se nalaze u jednom folderu, odnosno, alat ce smanjit sve slike unutar foldera koji izaberemo.

Alat se nalazi na:
File > Automate > Web Photo Gallery
Web photo gallery

Izaberete Source koji cete koristiti, i Destination, odnosno gdje ce vam pohraniti slike. Ispod toga podesite i velicinu smanjenih slika te kvalitetu. U primjeru na slici sve slike ce biti smanjene na 800 px po vecoj strani, u visinu ili sirinu.

Kompletna web galerija se nalazi u folderu kojeg ste izabrali kao destination, a slike su unutrar istog foldera u folderu Images (ostalo mozete izbristi) te je unutar istog foldera nekoliko slicica galerije, koje vam takoder ne trebaju.

Prednosti ovakvog smanjivanja su te da kompletan folder mozete smanjiti na zeljenu velicinu u svega nekoliko klikova. Mana je ta sto slike ipak nisu obradene, smanjene slike dobiju malo umjetnog ‘blura’ i sl.

Ako zelite obradivati svaku sliku posebno, nema druge, nego ih otvorite sve i obradujte svaku za sebe. Ako imate neki princip po kojem uredujte (i smanjujete) koristite Actions, tako da spremite kompletnu akciju (npr. resize image, sharpen, saturation…)

Jos je potrebno istaknuti, kada mjenjamo velicinu slika pomocu Web Photo Galler alata, moguce je izabrati dvije velicine ako nam je portebno. Osim glavne velicine slika, podesimo i opciju Thumbnails (koji ne moraju bit nuzno ‘mali’) i izaberemo jos jednu velicinu slika.
Slike ce bit spremljene unutar istog foldera u folder ‘Thumbnails’.

Download sa Youtube-a i slicnih servisa

October 7th, 2008

Mnogi ljudi koji su ograniceni velicinom internet paketa te svi ostali koji bi hrjeli sacuvati snimke sa Youtubea na svom kompjuteru, a ne da svaki put otvaraju link, cekaju da se ucita, te tek tada pogledaju, ukoliko nisu znali za ovu opciju, donosimo vam nekoliko nacina!

Youtube i slicni servisi spremaju video fileove u .flv formatu, koji je predviden ponajprije za gledanje na netu, posto ga krasi osobina brzog ucitavanja. Za gledanje istih filmova na kompjuteru, potreban nam je Flv player, no preporucam Total video converter preko kojeg mozete gledati filmove u .flv formatu, no i prebaciti ih u bilo koji drugi video oblik.

Ukoliko koristite Mozilla Firefox web browser, probajte sljedeci addon - Video DownloadHelper koji osim video fileova moze downloadati i mp3-ce sa raznih stranica, i jos mnogo toga. U izborniku vam jednostavno i pregledno pokaze sve fileove koje moze downloadati.

Jos jedna mogucnost skidanja video fileova nalazi se na stranici www.keepvid.com preko kojeg samo unesete url Youtube videa, i jednostavno ga pohranite na kompjuter.

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