Cum sa facem chenare si sa decupam din ele

Draga Cristina,

Multumesc pentru interes si am sa incerc sa iti raspund cum pot mai bine la intrebarea ta:

” Mi-ar fi de un real folos daca ai putea explica modul in care se poate creea un chenar de acest gen:
__________|
| |
| |
A |
b |
|________| Liniile ar trebuie sa fie continue :), deci altfel spus un chenar al unei poze dar care sa lipseasca pe lungimea scrisului.”

Din cate inteleg eu, ai o poza oarecare, careia vrei sa-i faci un chenar. Sa zicem ca avem o poza cu bunica de cand era ea fata mare:

Si vrei un chenar frumos, sa zicem negru, de-a lungul marginilor pozei. Si peste chenar sa pui un text eventual, dar sub text si in vecinatatea lui vrei sa nu se vada chenarul. Din pacate nu este (sau nu stiu eu) un mod foarte elegant si dinamic de a face asa ceva. (in sensul ca oriunde ai pozitiona textul, sa dispara automat bucata de chenar respectiva in functie de unde ai mutat tu textul, si in vechea pozitie a textului chenarul sa se “regenereze”).  Dar se poate face un mic workaround la problema asta, incat sa nu trebuiasca sa redesenam un chenar ori de cate ori vrem sa facem o modificare la text.

Sa luam pe rand pasii: (pentru acest tutorial am folosit Photoshop CS4 – inca il testez, sa vad daca se merita upgrade-ul de la CS3)

  • Trasam chenarul de-a lungul pozei. In primul rand vom dori sa facem din Background un layer complet editabil. Layerul special Background (scris cu italic in panoul cu Layers) are un statut special: nu poate fi mutat, nu i se pot aplica efecte (stroke, drop shadow, outer glow, etc.), nu se pot decupa bucati din el, si este mereu pozitionat sub orice alt layer. De fiecare data cand vei deschide in Photoshop un .jpg sau un .bmp si alte formate asemanatoare, continutul pozei va fi un singur layer, si anume acest Background. Pentru a modifica acest lucru, layerul trebuie redenumit. Dublu-click pe Background in panoul Layers si va aparea o fereastra mica de dialog in care se cere numele nou pt layer si alti parametri. Va va sugera numele “Layer 0″ (zero). Foarte genial si inventiv. Click pe OK.
  • Din nou-obtinutul “Layer 0″ acum putem face chenarul pentru poza. (Aceasta metoda este valabila exclusiv pentru chenare drepte, dintr-o singura culoare.) In josul panoului Layers sunt niste icon-uri mici. Pe una din ele (a doua din stanga) este scris “fx”. Click pe ea. Va aparea un meniu, de unde trebuie selectat  Stroke… pe care la click va aparea o fereastra noua de dialog. Parametrii care ne intereseaza sunt Size si Position. Size determina grosimea in pixeli a liniei de contur. In cazul nostru o valoare de 70 este potrivita. Position determina daca conturul nostru va inconjura layerul (Outside) sau va “manca” din el pe grosimea data la Size (Inside), sau va fi “jumi-juma”, adica jumatate din grosime in afara si jumatate inauntru (Center). Eu am preferat varianta Inside, pentru ca pentru Outside ar fi trebuit sa micsorez si sa centrez layerul cu poza distinsei doamne. Ca adaugare, puteti seta la Color …surprinzator…culoarea!!!…pe care o doriti pentru contur. Vom ramane la negru, pentru ca nu poti da gres cu un contur negru, indiferent de poza. Click pe OK. Acum va capata chenarul dorit. Sub “Layer 0″, in casuta acestuia vor aparea acum inca 2 elemente: Effects si Stroke. De fapt este un singur element, pentru ca Stroke este continut de Effects. Pe langa Stroke ar mai putea fi si alte efecte setate tot din meniul de la iconita cu “fx”. Daca dati un click pe ochiul din stanga lui Effects va disparea conturul si orice efect aditional pe care l-ati setat pentru acel layer. Un al doilea click reactiveaza efectul(ele).
  • Acum trebuie mentionat, in caz ca nu v-ati dat inca seama, ca Stroke depinde exclusiv de forma layerului carui i-a fost aplicat. Este generat dinamic, practic acei pixeli din contur nu sunt “batuti in cuie” pe niciun layer. Si lucrul asta nu ne ajuta cu nimic daca vrem sa taiem din acesti pixeli cand punem text deasupra lor. Deci va trebui sa cream un layer separat din acest chenar. Click dreapta pe Stroke de sub Effects de la “Layer 0″ si selectati din meniul care apare Create Layer. Veti vedea ca a aparut la layere unul nou, numit “Layer 0′s Inner Stroke” . Thumbnail-ul este mai la dreapta decat cel al lui Layer 0 si in stanga lui apare o sagetuta care arata in jos. Asta marcheaza ca layerul nou este un Clipping mask pentru Layer 0, dar nu voi intra in detalii acum pe subiectul acesta, pentru ca nu are relevanta pentru ce ne-am propus. De asemenea, observati ca Effects a disparut de la Layer 0, intrucat nu mai avem efecte active pe acel layer.
  • Punem textul pe care il dorim deasupra celorlalte layere. In toolbox click pe iconita cu “T”, apoi click pe spatiul de lucru si scrieti textul. (presupun ca aici nu are rost sa intru in detalii cum se face.) In final vom avea in imagine ceva de genul:Am folosit un efect de Drop Shadow la text, pentru un contrast mai bun cu fundalul.
  • Acum putem sterge din layerul cu chenarul tot ce nu ne convine, dar nu trebuie neaparat sa ciopartim din el. Vom folosi in schimb o masca. Ce este o masca? Simplu. Este o harta alb-negru a unui layer, de dimensiunea suprafetei de lucru (a canvas-ului), care indica zonele din acesta care vor fi vizibile sau nu. Zonele albe din harta vor indica zonele din layer care vor fi 100% vizibile, iar cele negre indica zone care nu se vor vedea de loc. Pot fi prezente si zone de gri, care vor determina layerul sa afiseze zona respectiva ca fiind transparenta. Cu cat o zona din masca este de un gri mai inchis, cu atat layerul va fi acolo mai opac. Cu cat va fi de un gri mai deschis,  cu atat va fi mai transparenta zona din layer.
    Practic putem decupa dintr-un layer doar aparent, fara a pierde pixeli din el. Vrem sa revenim asupra decuparii, editam masca respectiva.
  • Pentru a crea o masca pentru un layer (“Layer 0 Inner Stroke” in cazul nostru), ne asiguram ca este selectat in Layers, ne ducem langa butonul de jos cu “fx” si dam click pe cel din dreapta lui (care arata ca un dreptunghi gri cu un cerc alb in mijloc).  Vedem ca in dreapta thumbnail-ului apare inca unul alb. Acela reprezinta masca. Masca este complet alba, deci tot continutul din Layer 0 Inner Stroke este vizibil.
  • Dam un click pe thumbnail-ul alb sa ne asiguram ca incepem editarea pe masca, si nu pe layer. Facem o selectie cu Marquee Tool (hotkey M)  in spatele literelor M si U din textul nostru, fiind atenti sa cuprindem toata grosimea chenarului in selectie.
  • Acum trebuie sa facem zona selectata sa apara neagra pe masca, deci sa dispara din layer. Pentru asta sunt N metode: ne putem juca cu perechea Brush/Eraser pentru a picta manual, putem umple cu negru folosind Paint Bucket-ul, sau scurtatura Ctrl+I (invert colors – din alb facem instant negru si viceversa),  preferata mea. Pentru fantezie, ve puteti juca si cu gradiente, ca sa faceti o intrerupere gradata a liniei chenarului. Oricum, o data stapanita notiunea de masca, puteti face tot felul de “acrobatii artistice” pentru a obtura sau estompa dintr-un layer zonele pe care doriti sa le faceti sa dispara, orice forma ar avea ele. Observati thumbnailul alb care s-a innegrit in zona in care am dat invert colors.
    Ca o completare: Alt + Click pe thumbnail-ul mastii va afiseaza masca intreaga pe suprafata de lucru, avand o plansa alb-negru in fata, pe care puteti desena cu mai mare precizie. In modul acesta de editare, puteti apasa tasta ‘~‘ pentru a vedea poza ca un preview, ca sa stiti daca unde ati pictat cu negru coincide cu pozitia dorita din layer. Zonele de negru din masca apar cu o nuanta de rosu in acest preview mode. Daca va uitati atent, intre thumbnail-ul layerului si cel al mastii se afla un simbol de forma unor verigi de lant. Asta inseamna ca layerul si masca sunt legate intre ele. Daca muti layerul, se muta si masca dupa el. Uneori poate fi util, uneori nu. Daca dati click pe verigi, acestea dispar, si masca va ramane statica, “gaurile” din aceasta ramanand intr-o pozitie fixa.
  • Daca vreti sa reveniti asupra textului, sa il redimensionati sau sa il mutati, trebuie sa editati si masca din nou ca sa intrerupeti chenarul la noua pozitie si sa il refaceti unde nu mai trebuie intrerupt. Pentru a o reseta, cel mai simplu e un Ctrl+A (select all) si tasta Backspace, pentru a sterge. Masca va ramane alba, gata de o noua innegrire in punctul dorit.

In mare cam asta ar fi rutina pentru astfel de operatiune. Sper ca ti-am raspuns la intrebare, draga Cristina, si ca am explicat suficient de clar pasii/notiunile necesare. Pentru orice intrebari sau nelamuriri, iti stau tie si celorlalti cititori la dispozitie.

O zi minunata!

Publicat în: on ianuarie 26, 2010 at 2:26 pm  Comentarii (3)  
Tags: , ,

Cum sa decupam tablouri

Poate pare ceva banal ceea ce am sa va explic in continuare, dar sunt surprins cata lume cu pretentii ca stie Photoshop nu e in stare sa faca acest lucru simplu. Acesta era un task comun la unul din joburile pe care le-am avut in trecut, unde aveam de retusat MII de poze cu obiecte artistice, majoritatea fiind tablouri. De obicei intr-un tablou te intereseaza imaginea pe care o are, vazuta perfect frontal, fara fundal inutil, si nu dintr-un unghi oarecare, asa cum iese fotografiat “casual”. Deci ajungand sa retusez poate mai bine de 10000 de poze de acest gen, am ajuns sa gasesc o tehnica cat mai rapida si mai eficienta. Chiar daca nu o sa va intereseze vreodata sa decupati dablouri din vreo poza, acest tutorial este util pentru a va familiariza cu instrumentul Crop Tool, esential pentru orice editare de imagine.

Ideea e urmatoarea: de la poza asta tablou trebuie sa ajungi la poza asta:tablou retusat

Oameni care au dat proba acolo la firma unde lucram atunci au avut de facut fix acest lucru, si foarte multi stateau perplecsi in fata monitorului, trecand prin toata interfata Photoshopului, sperand sa le pice din cer o solutie magica. Insa era clar ca nu stiau niste instrumente de baza ale programului. Unii mai incercau sa decupeze cu Rectangular Marquee Tool, apoi sa copieze selectia intr-un document nou si sa faca niste transformari acolo, pana ajungeau la forma dorita. Merge si solutia asta, dar mi se pare barbara si mai anevoioasa.

Ce nu stiu multi utilizatori de Photoshop este puterea si flexibilitatea mare pe care o are Crop Tool. crop toolSa incepem sa editam imaginea: dati click pe poza cu tabloul aflat pe perete, cea neretusata, pentru a o vedea la dimensiunea ei reala. Salvati-o pe disc, apoi deschideti-o cu Photoshop (eu folosesc versiunea CS3).

Acum selectati Crop Tool. Acest instrument este folosit in general pentru a face decupari de forma dreptunghiulara pe o poza, care se aplica direct. Practic reduce poza la chenarul pe care il descrieti cu mouse-ul pe zona de lucru. (Prima trasare a chenarului il limiteaza la dimensiunile maxime ale pozei daca incercati sa cuprindeti toata suprafata de lucru. Actiunea de Crop se confirma prin tasta Enter sau dublu click pe interiorul chenarului descris.) Daca trageti de chenar in exterior si il faceti mai mare decat poza in sine, veti obtine o imagine mai mare, restul spatiului fiind completat automat cu culoarea pe care o aveti in background (de obicei alb)background color

Sa facem o scurta privire la ce avem pana acum:

step1

Se observa chenarul de selectie facut cu Crop Tool. Imaginea din afara chenarului se vede mai intunecata (suprapune o “pelicula” neagra, transparenta), pentru a face un contrast cat mai clar cu zona care vrem sa ramana din poza. Se poate seta opacitatea si culoarea acestei “pelicule”, in bara de sus a ferestrei, unde apar:

  • checkbox-ul Shield: bifati/debifati pentru a activa/dezactiva “pelicula”
  • Color: si apoi o patratica neagra. Un click pe acea patratica descide o fereastra de selectie a culorii. putei alege culoarea “peliculei”.
  • Opacity: [procent]%, pentru setarea cate de transparenta/opaca este “pelicula”.

De obicei in aceasta portiune a ecranului se gasesc toti parametrii si setarile pentru orice instrument selectat. Acestea sunt specifice instrumentului curent. La Crop Tool se mai gaseste si un checkbox numit Perspective, care este foarte important pentru taskul pe care ni l-am propus acum.

Incercati sa va jucati cu dimensiunile chenarului. Din orice parte ati trage de margini, chenarul isi va modifica proportiile ori pe orizontala, ori pe verticala, ori se va roti, dar va ramane dreptunghiular. Practic el reprezinta forma finala a imaginii, care nu poate fi DECAT dreptunghiulara. Daca dati Crop pe un chenar rotit la 45o nu veti obtine un jpeg in forma de romb, ci va roti poza pana muchia care era inital jos in chenar va veni iarasi la axa orizontala.

Situatia se complica putin cand bifam Perspective sus, la parametrii Crop Tool. Daca trageti de un colt al chenarului, acesta se va deforma complet, restul colturilor ramanand in acelasi loc. Deci puteti obtine un patrulater oarecare, cu colturile oriunde in spatiul de lucru, fara a mai fi constrans la forma dreptunghica. Toate bune si frumoase, dar poate nu intelegeti cum se realizeaza crop-ul acum. Practic Photoshopul “sileste” acea zona selectata sa redevina la forma de dreptunghi, tragand de colturi si facand resize-uri locale incat fiecare muchie sa revina la axa pe care se situa initial, pastrand lungimile maxime ale muchiilor pe care le-am definit noi. Ca si cum poza ar fi elastica si ar “trage” de ea pana zona selectata devine dreptunghi. E un algoritm destul de complex, dar care da rezultate uimitoare.

Acum e timpul sa identificam colturile tabloului nostru din poza, si sa potrivim colturile chenarului de Crop pentru a-l forta la forma dreptunghica.step2Daca va uitati atent de-a lungul muchiilor selectiei, veti observa ca muchiile tabloului nu sunt tocmai drepte. Sunt usor bombate, din cauza lentilei aparatului de fotografiat, iar acesta curbura poate fi mai mare sau mai mica, concava sau convexa, in functie de apropierea aparatului de subiect si de nivelul de zoom al obiectivului. In cazul nostru nu e prea mare, dar in alte cazuri curbura poate fi foarte evidenta, iar cropul sa duca la o taiere inestetica si la pierdere de detalii.

Din fericire, exista o solutie foarte simpla pentru lucrul asta. Vom trage de fiecare muchie a chenarului, incat sa lasam suficient spatiu intre tablou si acesta:step3ENTER, apoi veti obtine:step4Am indreptat perspectiva imaginii. Acum se vede clar distorsiunea creata de lentila. Cum scapam de ea? Simplu. Photoshop ne ofera un filtru special pentru asa ceva. Se numeste Lens Correction. Din bara cea mai de sus, intrati la Filter->Distort->Lens Correction

lens correction

Va aparea o fereastra popup in care vi se cere sa introduceti parametrii. Pe noi ne intereseaza doar Remove Distortion, iar in cazul acesta valoarea 3 e cea mai potrivita. Va incurajez sa va jucati si sa experimentati si cu ceilalti parametri, pentru a vedea ce efecte au.

Nota: acolo gasiti si modificatorii Vertical si Horizontal Perspective, care se pot folosi pentru a modifica perspectiva pozei in felul care am facut-o si cu crop, dar gasesc aceasta solutie ceva mai imprecisa si mai putin intuitiva.

Un click pe ok ne duce la imaginea normalizata, veti vedea acum muchiile tabloului intdreptate intr-o maniera naturala. Daca dati CTRL+Z de la tastatura, veti vedea poza dinaintea aplicarii filtrului, iar inca un CTRL+Z va aduce inapoi la ultimul pas. (Repetati rapid de mai multe ori CTRL+Z, si veti vedea exact, ca intr-o mica animatie, cat de bine s-a modificat poza prin Lens Correction.)

Acum avem muchiile tabloului drepte si perfect paralele cu marginile tabloului, si putem realiza inca un crop normal, incat sa eliminam surplusul de fundal si sa ramana numai tabloul, in forma finala:tablou retusat

Sper ca acest tutorial vi s-a parut util. Astept comentariile voastre.

Publicat în: on septembrie 22, 2009 at 10:22 am  Comentariu (1)  

Sa inceapa dezmatul

Pe zi ce trece si navighez pe minunatia asta numit Internet observ cum nevoia de poze este in continua crestere. Si nu orice fel de poze, scoase din aparat si lasate asa. Ci adaptate nevoilor fiecaruia, deci prelucrate digital. Sunt o multime de softuri special create pentru asa ceva: Paint Shop Pro si PhotoPaint de la Corel, GIMP (care este open source, deci moca), aplicatiile din suita Nero sau ACDSee, si multe altele, fiecare cu facilitatile lor interesante, cu instrumente mai mult sau mai putin puternice. Insa in viziunea mea din toate se evidentiaza Photoshop-ul lui Adobe, care prin coerenta si claritatea interfetei, prin puterea si flexibilitatea instrumentelor si lejeritatea “workflow”-ului ofera un sentiment puternic de echilibru si robustete. Este atat folosit pe o scara atat de larga, incat a intrat in limba engleza pe post de verb (“to photoshop”), ceea ce spune multe.

Fiind folosit de categorii pornind de la medici, criminalisti, fotografi profesionisti, pana la pitipoance dornice sa agate pe Hi5, si-a demonstrat eficienta de N ori. Insa foarte multi din cei care il folosesc abia daca stiu sa stapaneasca macar 10% din puterea sa si posibilitatile nelimitate pe care le ofera instrumentele lui. Peste 300 de mega de instrumente si filtre sunt folositi numai pentru a face o poza alb-negru (la modul nefericit) sau pentru a aplica un filtru jegos.

Eu unul am inceput din liceu (cam acum 5 ani) sa urmez tutoriale din revista englezeasca Digital Photo, ce ofera solutii tehnice si estetice atat pentru fotografi amatori, cat si profesionisti. Timp de aproape 2 ani mi-am castigat o painita lucrand in Photoshop lucrari din cele mai diverse, deci as fi in masura sa dau un sfat sau doua de natura tehnica la modul pertinent in ceea ce priveste editarea fotografiilor in softul respectiv.

Acest blog este dedicat amatorilor de a-si prelucra pozele lor preferate pentru placerea personal, pentru Hi5, etc. dar nu prea stiu cum sa o faca. Eu personal m-am saturat sa vad pe net pozele la diversi cetateni, poze ce sufera o incercare dramatica de “stilizare” ce se soldeaza de fapt cu ceva grotesc.
Sunt dispus sa raspund oricaror intrebari legate de asa ceva si sa incerc sa ofer un raspuns cat mai adecvat la problema respectiva, totodata oferind conceptele esentiale de functionare ale Photoshopului, nu doar niste pasi de executat mecanic, fara a sti DE CE.

Deocamda nu am idee cu ce sa incep, asa ca astept in comentariile voastre intrebari la care voi raspunde prin postari noi. Va astept!

Publicat în: on august 24, 2009 at 11:16 am  Comentarii (6)  
Follow

Get every new post delivered to your Inbox.