luni, 29 octombrie 2012


Lumini pe cer si nori cu photoshop


Un efect interesant este sa creem efecte de innorare pe o fotografie. Eu am inceput de la imaginea din dreapta.
Dam dublu click pe acest layer si se creeaza layer 0 (dispare lacatelul).
Pasul urmator este sa creem un alt layer si sa il umplem cu negru (shift F5 alegem negru la colour)
Dupa acea aplicam filter/render/different clouds apoi filter/blur/radial blur dam modul zoom, la amount alegem max. (100) si dam click in imaginea mica unde vream sa creem o "explozie de lumina".
Mergem apoi la levels si aranjam un pic de contrast ca razele de lumina sa fata de restul imaginii intunecate sa iasa in evidenta apoi alegem la blending option modul "screen". Apoi ne intoarcem la layerul principal, cel cu imaginea si reglam un pic culorile (le intunecam putem umbla si cu unealta burn si dodge pentru a creea zone mai luminoase si zone mai intunecoase. Dupa aceste reglari imaginea trebuie sa arata ca cea din dreapta.
Ulterior acestei operatiuni putem aplica si alte filtre inclusiv alte layere sa aducem imaginea la niste nuante mai sobre, griuri galbui inchis, putem lumina peretii cladirilor si intuneca alte zone pe care le dorim.
Dupa aceste retusuri de nuante si culori putem aplica ploaie care se realizeaza in felul urmator:
Se creeaza un nou layer se da fill cu negru si se aplica filter/add noise si se seteaza gaussian, monochromatic la valoare de 100%. Apoi se de filter/blur/motion blur angle -90 (adica miscare pe verticala) si distanta 100px.
Apoi se se seteaza levels ca in figura urmatoare.
Dupa aceea sa da ctr T (free transform) si se mareste un pic imaginea ca dungulitele de sus si jos de pe imagine sa iasa in afara cadrului pentru a ramane o ploaie curata, apoi tot in free transform se alege perspective si se trage de imaginea cu ploaie (layerul curent) si tregem din coltul din dreapta jos spre exterior pentru a da o forma de trapez layerului (acest lucru va da impresia de dinamism). Apoi tot pe acest layer se aplica un blur gaussian slab.
Dupa aceste modificari ar trebui sa obtineti.

Efect de culoare asupra imaginii

Azi voi modifica o fotografie adaugandu-i un pic de mister dandu-i o nota artistica.
In photoshop cs4 avem optiunea sa deschidem fotografia pe care vrem sa o prelucram cu adobe bridge. Deschiderea editorului adobe bridge (simbol Br) se afla pe bara de meniu a photoshopului imediat dupa meniul help.
Imaginea originala este urmatoarea 
Accesam Adobe Bridge si deschidem imaginea pe care vrem sa o prelucram. Dam click dreapta pe ea si selectam open to camera raw..
Se deschide o fereastra si sub histograma culorilor in partea dreapta a ferestrei noi deschise apasam butonul al patrulea de la stanga la dreapta (HSL/Greyscale). Aici avem 3 taburi. Selectam tabul al doilea (saturation). Aici avem bare editabile pentru fiecare nuanta de culoare. Inspectam fotografia sau histograma culorilor si decidem ce culoare am vrea sa desaturam din imaginea noastra. Eu am desaturat culoarea orange inchis (reprezentata prin frunzele moarte din jurul bancutei. Pentru desaturarea unei culori tragem de cursorul aferent culorii respective spre stanga.
Aceasta desaturare pe care am aplicat-o se poate realiza si in photoshop dar e important pe viitor sa stim sa utilizam si  adobe bridge deoarece are o serie de elemente suplimentare fata de photoshop. Putem de exemplu sa ajustam balansul de alb intro fotografie, un reglaj mai fin al culorilor si expunerii, indreptare mai rapida si incadrare automata pentru pozele facute inclinat orizontal in cadru, prelucrare fotografie in formatul brut al camerei foto (format raw)etc. (Voi reveni intr-un post ulterior cu detalii).
Dupa desaturare apasam butonul open image iar poza se va deschide in photoshop si facem pasii urmatori:
1. Duplicam layerul
2. Aplicam din meniu/blur/gaussian blur; amount =7 la layerul duplicat
3. Selectam la blending mode "overlay" la layerul duplicat
4. Apasam butonul din dreapta jos de sub layere (create new fill or adjustments layer) si alegem din lista care se deschide black and white
5. Din fereastra care se deschide am marit luminozitatea pe galben (deoarece lumina care o am in fotografie este de culoare galbena si astfel o deschid la nuanta, o aduc mai spre alb); imaginea momentat s-a desaturat si este alb negru.
6. Aleg la blending mode "pin light" Rezultatul este

Dupa cum observati frunzele de pe jos din jurul bancutei par arse astfel se creeaza un contrast puternic intre treimea din poza lipsita de viata care este dominata de restul imaginii.


Editare split tonuri portret (prelucare artistica)

Daca sunteti pasionati de editare fotografica inseamna ca deja aveti unealta realgrain de la imagenomic.
Haideti sa vedem ce putem face cu ajutorul acestei componente.

Imaginea la care am ajuns este:


Setarile care le-am facut le vedeti mai jos


In tabul B&W (black and white) am bifat casuta black and white (prima fereastra din imagine)

In tabul tone la split toning am ales blue/green am marit contrastul la shadows +12, la midtones +20 si highlights +18 (a doua fereastra din imagine)

Pe un layer duplicat al imaginii am mai aplicat cateva filtre si anume filter/other/highpass si filter/sharpen/unsharpmask am aplicat un usor gaussian blur apoi am creat un layer din "create new fill or adjustments layer" am taiat un pic light si shadows. Ambele layere le-am bagat intr-un grup layer la care am setat blanding mode "overlay"

Atasez si fisierul psd sa vedeti exact cum s-a lucrat, download aici


Imaginea initiala de la care am plecat este:


eglare balans de alb

In urmatorul tutorial veti invata cum sa reglati balansul de alb intr-o fotografie.
Pentru necunoscatori balansul de alb reprezinta ajustarea culorilor in scopul obtinerii unei imagini cat mai apropiata de realitate. Poate daca ati avut posibilitatea sa faceti poze, ati observat ca uneori imaginile surpinse nu au intotdeauna aceleasi culori ca in realitate. De exemplu unele poze pot sa iase pe nunante albastrui sau galbene.

Cum putem indrepta aceste aberatii cromatice ale camerei foto in photoshop, de fapt in adobe bridge?

Avem exemplu mai jos.

Dupa cum observam in fotografie vedem nuante de galben care denatureaza fotografia. Pentru a aduce aceasta poza la nuanta naturala o deschidem in adobe bridge (pornim adobe bridge, click dreapta pe imagine si selectam open in camera raw)

Aici cu ajutorul uneltei white balans tool dam click pe poza intr-o zona ce contine culoarea alba sau gri. Eu am ales un nor, am dat click pe nor si reglarea balansului de alb s-a facut automat.

Sper ca v-a fost util acest tutorial pentru a regla automat si foarte rapid balansul de alb intr-o fotografie.

Contrast intre culori calde si reci

Sa facem cateva modificari pe un portret pentru a obtine un rezultat mai expresiv.
Plecam de la fotografia urmatoare:

BEFORE



AFTER


Fotografia are ceva zgomot si il putem scoate daca consideram necesar. Daca vom scoate zgomotul vom pierde si ceva detalii cum ar fi de exemplu pistruii de pe umar. De asemenea este important cand  scoatem zgomotul de imagine sa facem o masca pentru a salva textura parului, ochii, gura (sa nu "vopsim" uniform toate elementele ci doar ce ne intereseaza pe noi).
Eu am aplicat si un noise reduction pe aceasta fotografie.

Pas optional in cazul in care dorim o diminuare a saturatiei culorii (eu am intrat in image>adjustements>vibrance si am redus saturatia cu 50%)


Sa trecem la modificarea efectiva.
Alegem image>adjustements>color balance si facem urmatoarele setari:

La midtones lasam valorile neschimbate
La highlights punem valorile 10, 0, -25
La shadows punem valorile -25, 0, 10




Optional marim un pic si contrastul din curves avand grija sa nu ardem imaginea. 

Background pentru web

Daca dorim sa putem un background pentru site-ul nostru si observam ca aceasta imagine de tip pattern este foarte mare ca si dimensiuni, va fi necesar sa ne folosim de un artificiu pentru a nu ingreuna banda de trafic.


La o imagine de 2Mb, daca site-ul nostru va fi vizitat de 50 de persoane zilnic, asta va insemna un trafic de 100Mb/zi numai din imaginea de background.

Pentru un background cu iarba se da imaginea bruta:
Daca vom incerca sa facem un background cu ea (sa o repetam pe verticala si orizontala) pentru site vom observa ca imbinarile vor fi vizibile.Pentru a rectifica acest lucru mergem in meniul de photoshop la Filter>Other>Offset si cu Wrap Around bifat tragem de sliderul pentru verticala la jumate si de sliderul pentru orizontala la jumate.

Exemplu: daca imaginea are 500px*600px vom trage 250px de sliderul pentru latime si 300px de sliderul pentru inaltime. Vom observa liniile de unire imperfecta a imaginii de care va trebui sa scapam cu ajutorul uneltelor de tip healing brush.

Practic marginile fotografiei initiale a fost trase spre interior. In interior noi vom putea netezi imaginea iar de exterior s-a ocupat deja photoshopul pentru ca noi sa nu sesizam imbinarea.

Nu este neaparat sa tragem de slidere perfect la jumatate. Putem sa trecem si 150px cu 100px. Practic marginile fotografiei sunt aduse din exterior spre interior, la interior urmand sa le netezim noi, mai putin contand ca aceste margini interioare nu sunt perfect la jumatatea fotografiei.

Imaginea finala dupa imbricare:









A doua varianta dupa imbricare:
Acum incercati sa le folositi intr-o pagina web sa vedeti diferenta.
Codul css pentru fixarea unei imagini ca background este:


body{
background-image:url(grass.jpg);
}


Atasez o textura facuta de mine din alte doua texturi default ale photoshopului.

Explic pe scurt cum am obtinut-o.
Deschidem o foaie de lucru. Dam dublu click pe layerul cu lacatelul(de altfel si singurul) si acesta va deveni layer0 si va fi editabil.
Intram in layer style(semnul fx de jos) si alegem patern overlay. La pattern overlay selectam satin. Marim sau miscoram paternul tragand de slide, dupa cum dorim.
Mergem si la color overlay si alegem albastru si la mod dam multiply 100%.
Iesim din layer style dam click dreapta pe imagine si alegem flatten image.
Acum efectuam operatiunea cu offset dupa care folosim uneltele de healing pentru a netezi interiorul imaginii.
Aplicam al doilea patern Metal Landscape cu overlay 30%. tot din layer style.
Salvam imaginea si o putem folosi ca background pentru pagina noastra de web.

Deja lucrez la un site pentru care folosesc textura de satin.