Photoshop tutoriali, html i css savjeti

U sljedecem tutorijalu cemo od jednog malog slatkog mede napraviti jednog malog slatkog medu terminatora!

Posto je malo svjetlije ispao na slici, dodat cemo mu malo tame, jer kakav je to terminator na svjetlu!

Image > Adjustments > Levels

Sada cemo poduplati layer (prvo pretvoriti background u layer ako nemamo to vec napravljeno)

Sada cemo gornji layer iskljuciti vizualno, te cemo donji malo posvjetliti. Mozemo se malo igrati sa saturacijom.

Image > Adjustments > Hue/Saturation

Ako smo zadovoljni donjim medom, ukljucimo opet gornjeg.

Earser toolom cemo izbrisati nekakav prostorucni postor oko oka.

Pokusajte pratit malo crte lica, tako da crte idu u ravnini sa linijama.

Sada cemo malo detaljnije nacrtati rubove “rupe”

Sad a kada rupa izgleda realnije, dodat cemo gornjem layeru tanki rub, te sjenu malo vecu.

Blending options > Stroke > 1 px

Blending options > Drop Shadow

Sada cemo mu dodat crveno oko da svijetli malo, ipak je terminator medo.

Pod skupinom brusheva Asorted Brushes imamo cetverkracnu zvjezdu (mislim da se tako zove taj oblik) koju cemo ubotrijebiti zajedno sa nekakvim obicnim brushem mekanog ruba koji cemo joj dodati u sredinu.

Svemu tome dodato malo blura i imamo oko gotovo!

Dodajmo mu jos sacmaricu u ruku, i spreman je!

I jos cemo mu malo izrezati krzno na nekoliko mjest. Kako imamo rub i sjenu pod Blending options, dovoljno je samo izbrisati par djelova sa gornjeg layera mede.

Pokazat cemo dvije vrste jednostavne refleksije. Jednu cemo primjeniti na tekst, drugu na sliku.

1. Reflekstija - Tekst.

Sada cemo ovaj predivni tekst jos malo uljepsati, dodat cemo mu gradient, rub imalo sjene.

Sada dupliciramo layer sa tekstom, i gonji layer povucemo put dolje na nacin da tocku u sredini jednostavno povucemo prema dolje, te odredimo koliko nam refleksija treba bit duga.

Sad na donjem, naopakom layer smanjimo Opacity, takoder proizvoljno.

Jos mozemo napraviti sljedece: jednostavno Brushem ili Earserom malo pobjelimo donji rub, da se “ubije” prelaz.

Eto ga, predivna nasa Paris Hilton je reflektirana!

A sad idemo na sliku!

2. Reflekstija - Slika.

Reflektiranje slike je prakticki isto kao i reflektiranje teksta, ali evo cisto za primjer, malo cemo dodati valova i slicnih stvari, da ne bude isto.

Dodat cemo joj refleksiju negdje od koljena, kao da stoji u moru. Ako zelite napraviti refleksiju od dna slike, povecajte radnu plohu na Image > Canvas size.

Oznacite dio koji ce se reflektirati, duplicirajte ga, te ga okrenite kao i u primjeru teksta.

Sada selektirajmo velicinu novog layera, na nacin Control + klik na ikonu layera. Oznacimo donji layer, obrisemo oznaceno, te na tom mjestu dodajmo nekoliko horizontalnih linija razlicite debljine, nacrtanij brushem mekanog ruba. Ili mozete dodati samo gradient, koji je na dnu tamniji.
Slika sa iskljucenim gornjim layerom ce nam izgledati otprilike ovako:

Sada ponovno ukljucimo gornji layer, te mu smanjimo opacity.

nakon toga, dodamo filter Ripple ( Disort > Ripple ) Nemojte ga previse stavljati, tek toliko da se vide malo valovi.

Dodajmo malo Motion blura ( Filter > Blur >Motion blur )

Ako nam se vidi pelaz, mozemo i njega zabluriti dodatno, i dodati malo svjetla na svjetlije prelaze. I to je to!

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