Photoshop tutoriali, html i css savjeti

Archive for the ‘Photoshop tutoriali’ Category

Vektor crtanje

Friday, October 12th, 2007

Ovaj tutorial je donekle slican kao i Crtanje po fotografiji tako da prvo njega mozete ponovno prouciti, zatim idemo na ovaj tutorial! Jeste? idemo onda!

Ovakav stil sam najvise vidao na flyerima i nekakvim slicnim materijalima, pa cemostoga ostat u slicnom tonu. Obradit cemo sliku djevojke koja plese, prikladno za flyer :D

Cura plese

Sada cemo sliku posterizirati, posto nam za ovakav ekeft ne trebaju detalji, ovako ce Photoshop napraviti dio posla umjesto nas.

( Image > Adjustments > Posterize )

Namjestimo intezitet posterizea toliko da nam odvoji boje dovoljno da se vise linije prijelaza. U primjeru je to 10.

Posterize

Sada mozemo izbrisati pozadinu ukoliko nam smeta, u ovom slucaju to nebi bilo lose.

Znaci, od backgrounda napravimo layer ako vec nismo, i brisemo, cime god vam je lakse, ja koristim kombinaciju Magic Wand Toola i obicne gumice za detalje. Brisanje pozadine ne mora biti precizno toliko, pa nemojte gubiti tu previse vremena.

Bez pozadine

Sad prelazimo na crtanje vektora.

Prvo cemo koristiti Pen Tool.

Pen tool

Pazite da vam je ukljucena opvija Paths.

Paths

Sada cemo crtati vektore po linijama djevojke. Bolje je poceti od manjih detalja, tako da imamo bolji uvid u sliku. Vece povrsine cemo na kraju ubaciti.

Najbolje je otvoriti novi layer za svaki detalj, tako da kasnije mozemo uredivati ukoliko bude potrebno.

Pocet cemo od ogrlice, pen toolom oznacite rubne tocke.

Ogrlica

Sada cemo Add Anchor Point Toolom dodavati, tocke, kriviti linije i prilagoditi Path realnim crtama.

Add Anchor Point Tool

Takoder se mozete opet prisjetiti tutoriala Crtanje po fotografiji.

Oznacavajte vanjske rubove, jednostavnije je ponoviti isto sa unutarnjim nego oduzimati Path.

Zakrivljene linije

Pazite da radite na novom layeru, jer sada idemo na ispunjavanje bojom oznacenog polja.

Kliknite ikonu za popunjavanje patha bojom (ili deni klik na path, i fill path)

Popunjavanje bojom

Srebrena ogrlica

Nije orginalno ove boje i oblika, al nema veze, djevojka iz naseg primjera ce bit ljepsa od orginalne :D

Sada tako treba popuniti i ostale detalje na slici. Sve sto trebamo raditi je vjerno pratiti linije nastale posteriziranjem.

Odsjaj

Grudnjak

Sada cemo poceti crtati obrise koze. Napravit cemo to tako da cemo boje podjeliti na slojeve. Jednostavno, prema posteriziranju oznacite djelove koji se isticu, te ih obojate, kasnije cemo lako mijenjati boju, te dodavati jod detalja.

Slojevi

Slojevi 02

Slojevi 03

Slojevi 04

Sada vec mozemo obojati i najveci dio koze, pa nam jos ostaju detalji.

Slojevi

Za bolji izgled kose, mozemo se jos jednom prisjetiti Crtanje po fotografiji.

kosa

Sve sto nam ostaje je maknuti ogrinalnu sliku, i ubacit neku atraktivniju pozadinu i to je to!

Gotova

Detalj u boji

Sunday, September 30th, 2007

Sljedeci tutorial je vrlo jednostavan, no koristi se dosta cesto, tako da, ukoliko ste pocetnik, zasigurno ce vam dobro doci.

Postoji vise nacina za izradu ovakvih slika, a mi cemo vam pokazati najjednostavniji.

Patke u boji

Kada smo izabrali sliku, sljedeci je korak taj da je pretvorimo u crno-bijelu. (Image >> Adjustments >> Desaturate)

Crno Bijele patke

Alat koji koristimo za vracanje pojedinih djelova u orginal je History Brush Tool.

History brush tool

Sljedece sto je potrebno da odredimo velicinu brusha koja nam odgovara i da “obojamo” detalje koje zelimo vratiti na orginalno stanje.

Patka samo jedna u boji

I to je to, samo je jedna patka u boji!

Ovo je vrlo jednostavan tutorial, no vjerojatno ce te ga sustretati dosta cesto.

Jedino na sto morate paziti prilikom izrade ovakvih slika je to da ne smijete resize-ati sliku prije history brusha. Ukoliko joj mijenjate velicinu, onda je sacuvajte, te opet otvorite u toj velicini.

Spomenik ikoni naseg doba! :)

Thursday, September 27th, 2007

Svi znamo Britney Spears, posto je ona ikona naseg doba, odlucili smo joj napraviti spomenik! I to nije sve, cak cemo i opisati rad na njemu!

Prvo sto cemo napraviti je postaviti sliku u crno-bijelu. (Image >> Adjustments >> Desaturate)

Crno bila

Sljece od backgrounda slike napravimo layer, a to radimo tako da dva puta kliknemo na ikonu layera, odnosno backgrounda.

Sljedece sto cemo napraviti, je izbrisati pozadinu slike, u ovom primjeru je jednobojna, pa nije tesko. Pozadinu mozemo izbrisati na vise nacina, gumicom, selektiranjem boje ako je jednobojna kao u ovom primjeru, vektorima… Svejedno kako, ali ostavimo samo Britney na slici.

Bez pozadine

Sada cemo na internetu pronaci neku sliku kamena, nju cemo uportijebiti kod ovog efekta.

Kamen cemo pozicionirati ispod layera na kojem imamo Britney Spears.

Kada nam je oznacen layer na koem imamo kamen, kliknimo ikonu layera sa Britney, te idemo na Select >> Inverse, te izbrisemo sve selektirano.

Sada imamo kamen u obliku Britney.

Kamen u obliku Britney

Sada opet oznacimo layer sa Britney, preklapanje namjestimo na Multiply te ukoliko rezultat nije dobar, smanjimo Opacity layera.

Multiply

Sada cemo namjestiti oci, da budu realne, posto na kipovima nemamo zjenice.

Clone Stamp Tool-om cemo joj izbrisati oci, odnosno kopirati dio lica umjesto njih.

Clone Stamp Tool

Rubove ociju mozemo mekanim brushom zacrniti kako bi se dobio efekt trodimenzionalnosti.

Britneyine oci

Posvjetlit cemo layer na kojem imamo Britney, te cemo dodat u pozadinu kamen, isti onaj koji smo koristili vec te dodati malo sjene (Blending Options >> Drop shadow).

Kamena Britney Spears

I tako ce kip izgledati kad nasi potomci budu istrazivali nase doba!

Kako ostariti u samo nekoliko minuta

Wednesday, September 26th, 2007

 Kako ostariti u samo nekoliko minuta

U sljedecem efektu prikazat cemo vam kako mozete ostariti osobu na slici.

Prvo cemo izdvojiti osobu od pozadine, jer cemo pomicati rubove, pa kako nebi doslo do razvlacenja, radit cemo na ofvojenim Layerima.  To mozemo napraviti na vise nacina, ja preporucam da dupliciramo kompletan Layer te samo izbrišemo pozadinu sa gornjeg.

Duplicirati layer mozemo na nacin da ikonu Layera (odnosno Backgrounda) jednostavno povucemo misem na ikonu novog layera. Takoder mozete odvojiti samo facu od ostatka tijela i sl.
Dupliciranje layera

Kada smo izbrisali pozadinu, odnosno odvojili samog covjeka, mozemo poceti sa starenjem!

Prvo cemo mu malo posvjetliti kozu. To cemo napraviti sa Dodge Tool-om.

Dodge Tool

Mozete se igrat s Dodge Toolom, ovisno koliko zelite da bude blijed. Mi cemo u pirmjeru malo vise poblijediti, da bude malo extreminje! Nije lose sa Burn Toolom malo i potamniti npr. podocnjake, al covjek u nasem primjeru ima naocale, pa nista od toga ovaj put! :D

Dodge Tool

Sada sljedi najvazniji dio za detalje starenja - Liquify efekt! (Filter >> Liquify)

Malo cemo mu “popraviti” detalje lica kao sto su usta, bore i ostali djelovi koji se prilikom starenja promjene.

Sljedit cemo nekakve prirodne promjene (usta cemo na rubovima spustit, opustit lice i sl.)

FowardWarp Tool-om cemo pomicat djelove lica.

Foward Warp Tool

Malo smo mu objesili lice, malo je i mrsaviji, tako da se vidi dio pozadine, ali lako cemo to izbrisati, posto nam je u primjeru jednostavna pozadina.

Liquify

Covjek iz primjera je recimo u 30-im, mozda i malo vise, i vec je pomalo celav. Znaci, za kojih 30 godina, bit ce potpuno celav!

Za takvo nesto mozemo koristiti Clone Stamp Tool Clone Stamp Tool. No mi cemo ici malo u ekstremitete, pa cemo prvo malo deformirat sa Liquify-em. Zbog boljeg efkta cemo mu izduziti glavu, prosirit je malo sa strane da bismo makli i kosu sa strane.

Dobili smo ovako nesto:

Liquify 02

Sada cemo uciniti celu covjeka gladom i normalnom!

Takav efekt cemo postici Patch Tool-om.

Patch Tool

Radimo na sljedeci nacin: Oznacimo jedan dio (ne prevelik) cele, te ga samo povucemo na drugi dio cele, na taj nacin cemo zamutiti posljedice Liqify-ja i dobit realniju sliku.

Za rubove nemoramo brinuti, lako cemo ih izbrisati.

Ako je slika ektremnije unistena, mozemo koristiti i Blur prije Patch Toola, ili Patch-ati djelove lica na celo. Pocmemo Patch-ati male djelove, pa vece, sve dok ne dobijemo realno celo.

Patch Tool

Sada cemo izbrisati gornji dio cele i oblikovati mu glavu. To cemo napraviti obicnom gumicom jaceg ruba. Ukoliko nam se vidi pozadina tada, i nju cemo jednostavno obrisati.

Earser

Sredinu mozemo jos malo posvjetliti Dodge Tool-om, malo da se sjaji na suncu!

Sada cemo mu posjediti kosu. Efekt cemo u ovom primejru dobiti tako da oznacimo kosu, te je obojamo u sivu sa Obicnim Brushem.

Malo cemo kose dodat te je malo rascupati Smudge Tool-om.

Smudge Tool

Namjestimo velicinu smudge-a  na par pixela i malo mu razvucemo kosu.

U kombinaciji sa smudge-om mozemo ponovno koristiti i Burn i Dodge tool za malo kontrasta.

Mozemo mu dodati i malo bora, sa bruhem manjeg opacity-ja, ili patch toolom ukoliko imamo na licu neke bore koje mozemo koristiti.

Burn tool manjeg promjera cemo upotrijebiti jos da mu popravimo nabore, malo ih potamnimo da se vise isticu i to je to!

Stari