Photoshop tutoriali, html i css savjeti

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

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’.

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

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.

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

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

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.

Layeri

Layeri ili slojevi, plohe, su onsovne radne povrsine na radnomdokumentu. Photoshop tako i funkcionira, dakle svaki dio koji radimo trebalo bi odvojiti zasebno u svaki layer. Layeri se uvijek nalaze jedan ispod drugoga, te ako nam se neki dio slike ne vidi, odnosno ispod drugoga je, dovoljno je samo povuci ikonu layera iznad onog koji nam treba biti ispod (ili obrnuto).

Tako izgleda okvir sa layerima, najdonja ikona predstavlja i najdonji layer na slici. Pomicanjem ikona pomicemo i strukturu layera na slici.

Funkcije susljedece:

Linkanje odnosno povezivanje vise layera:

Stil layera:

Maska i uredivanje layera, bojanje i efekti:

Grupa odnosno folder koji nam sluzi za organizaciju layera:

Kreiranje novog layera:

Brisanje layera:

Potrebno je svaki odvojeni dio slike staviti u layer, layere po potrebi mozete grupirat, spajat i sl. Naravno, ne morate svaki dio i detalj odvajati posebno, ali svaku zasebnu cjenlinu vam je bolje odvojiti, jer tada imate potpunu kontrolu kod uredivanja svakog pojedninog layera. Za sve opcije koristimo sljedecu ikonu:

Kako se u dosadasnjim postovima pisalo za ljude za koje pretpostavljamo da imaju neku razinu znanja o Photoshopu, sada cemo objasniti i neke stvari za one koji su totalni pocetnici, tako da nakon toga mozete lakse povezati neke izraze i funkcije koje opisujemo u ostalim tutorijalima.

Kreiranje novog dokumenta

File > New.

Tu odredite naslov slike, velicinu, rezoluciju, defaultna je 72. To je i rezolucija koja je se koristi za slike koje ce sluziti za web, odnosno za kompjuter. Ona je tolika koliku je i vidite na vasem zaslonu. Vece rezolucije se koriste za tiskanje, odnosno za printane formate, tako da one nisu realne vecinine na zaslonu. Ukoliko koristite Photoshop samo za slike koje cete pregledavati odnosno koristiti na kompjuteru, slobodno koristite samo rezoluciju 72. Mozete koristiti i vece rezolucije ako su vam potrebne. Ukoliko ste pocetkin, nemojte. Samo namjestite velicinu slike.

Promjena velicine slike

Kad uredujete vec gotovu sliku, mozete je uvijek resizeati, a to cinite na sljedeci nacin:

Image > Image size

Mozete promjeniti velicinu po pixelima, centimertima. Naravno, centimetri se odnose na tiskanu verziju,  a vi pocetnici dragi, nemojte se oslanjat na to, nego koristite samo pixele! Rezoluciju ostavite opet 72.

Slaganje alata

Ako ne znate za ovu opciju, ona ce vam sigurno dobro doc! Kada koristite dosta alata, namjestate, palete sa alatima, layerima, history… ce vam se pomjesati. Ako ste pocetnik, a jeste, inace nebi ovo ni citali, desit ce vam se i da ih isljucite. Sve ih lako mozete vratit na orginalno mjesto, na sljedeci nacin:

Window > Workspace > Default Workspace

Sve je nazad na mjestu, drugi put ne gasite