fikat.com

fikat.com

Cursuri de design & IT by request

Decupare subiect – Substracting

Request:

me_myself_and_I – Ehm.. si mi-am mai intrebat si prieteni care mai au asa cat de cat treaba cu fotografiile.. Cineva mi-a spus ca ar vrea sa stie cum poate pastra o parte din fotografie si sa modifice fundalul, sau sa-l inlocuiasa fara sa fie prea vizibil …

 

Decupare subiect - Substracting Decupare subiect - Substracting

Am ales o masina fotogrtafiata prin zona Gradina Icoanei. Sper sa nu se supere proprietarul. In dreapta e rezultatul la care vreau sa ajung.

 

 

Decupare subiect - Substracting Decupare subiect - Substracting

Primul pas este sa deblochez layerul background.Tin tasta alt apasata si fac dublu-click pe iconul layerului. Si-mi dispare lacatul ala din dreapta layerului.

Decupare subiect - Substracting

Acum incep actiunea de decupare. Pentru asta, trebuie sa fac o selectie perfecta a masinii; in acest caz, cea mai buna metoda e folosirea path-urilor. Deci, din toolbox aleg pen tool si o sa merg ca si cuoare de foreground (ce desenez), galben, pentru o vizibilitate mai buna.

Decupare subiect - Substracting

 

Cand selectez pen tool, am grija ca sa fie selectate optiunile astea sus. Prima face ca sa desenez o forma plina, nu doar contur. Iar a doua bifata, sa desenez prin puncte.

Pen tool produce shape-uri vectoriale, de aceea, modul de lucru e cu vectori, cai, puncte. Dar e foarte simplu, cu putin antrenament. Astfel:

Decupare subiect - Substracting

Voi desena o forma a masinii; imi aleg un loc de plecare cat mai comod, pe marginea masinii, pentru ca trebuie sa ma intorc la el si vreau sa-l localizez usor J

Decupare subiect - Substracting

Ziceam ca pen tool deseneaza prin puncte. Asadar, in cercuri am marcat primul si al doilea punct. Intre ele, imi apare o linie dreapta, dar daca tin apasat butonul mausului in cel de al doilea punct si trag in orice directie, vad cum linia dintre cele doua puncte (suportul vectorului) se schimba. Si voi pozitiona cursorul astfel incat vectorul intre cele doua puncte sa fie o curba pe conturul masinii. La urmatorul click (punct), vectorul se va prelungi pana la punctul urmator, iar eu ii dirijez directia in functie de conturul masinii.

Decupare subiect - Substracting Decupare subiect - Substracting

Exista situatii in care urmatoarea pozitie nu este “ghicita” de photoshop, cum este in situatia de mai sus, cand vectorul imi sugereaza s-o iau direct, dar eu trebuie sa ocolesc pentru a include un detaliu din masina. In cazul asta, voi intrerupe directia implicita a vectorului, facand alt+click pe ultimul nod. Astfel, am rezultatul din figura a doua.

Decupare subiect - Substracting

Se mai intampla ca decupajul sa fie fix pe marginea artboardului si e dificil/riscant de nimerit primul pixel din margine, pe care sa fac selectia. In cazul de fata, am trecut vectorul putin peste marginea documentului.

Decupare subiect - Substracting

De cele mai multe ori se intampla ca sa trebuiasca sa descriu un shape ce are si colturi in interior. Ca sa vad unde vin cu urmatorul punct, va trebui sa fac ceva sa vad prin shape.

Decupare subiect - Substracting

In panul cu layere, avand layerul shape selectat, ii modific opacitatea fie din slider, fie direct, introducand o valoare, astfel incat sa vad pe unde trebuie s-o iau.

Decupare subiect - Substracting

Urmeaza ultimul segment, ca sa inchid shape-ul. Cand pozitionez cursorul asupra primului punct (de unde am plecat), pen tool-ul va avea si un mic cerc langa el. Asta inseamna ca acolo voi inchide forma.

Decupare subiect - Substracting

Cam asa mi-a iesit mie shape-ul masinii.

Decupare subiect - Substracting

Motivul pentru care am facut un shablon pentru masina a fost ca sa o pot extrage din fundal. Astfel, ctrl+click pe iconul galben al layerului shape si obtin o selectie a intregului shape.

Decupare subiect - Substracting

Avand selectia facuta, mai intai ascund layerul shape (click pe ochiul din dreptul layerului, ca in poza), apoi selectez layerul cu imaginea (fost background) si, din bara de jos, apas pe butonul de masca. El imi va masca tot ce se afla in afara selectiei mele.

Decupare subiect - Substracting

Asa ar terbui sa arate rezultatul.

Pasul urmator este sa aduc sau sa construiesc un fundal pentru subiect. In cazul de fata, am optat pentru construirea unui gradient simplu, dar la fel se poate importa o alta imagine. Pasii sunt aceiasi. Deci:

Decupare subiect - Substracting

Tot din bara de jos aleg sa construiec un layer nou, cu un gradient.

Decupare subiect - Substracting

Imi aleg eu ceva predefinit, pe care-l voi altera ceva mai tarziu.

Decupare subiect - Substracting

Important este ca layerul cu viitorul fundal sa treaca sub layerul cu masina. Pentru a face asta, efectiv trag layerul cu masina inaintea celui cu gradient. Sau invers, mut gradientul sub subiect.

Decupare subiect - Substracting

Cu putine ajustari (ale gradientului + umbra + o corectie la reflexii) am ajuns si la final.

Voila!


19 Comments, Comment or Ping

  1. Eu as folosi pt selectie mai degraba Polygon Lasso (L) la decuparea masinii. si retus la selectie cu (Q). e mai rapida metoda.

  2. in anumite situatii e muuuult mai rapid cum zici tu, dar sunt cam putine. marele dezavantaj al metodei tale este ca la (L) nu te poti intoarce decat cu un pas; daca vrei sa schimbi muzica in player, lasso-ul iti ia si clickul ala.

    metoda cu pen iti face shape-uri pe care le poti modifica oricand. este, daca vrei, next level dupa lasso (care, la randul lui, e next level dupa quick selection :) )

  3. Traficantu

    salut maim luat si eu photoshop CS3 extend si cand sa fac pasul acela sa decupez nu mere daka as putea sami dai o adresa ceva sa itzi arat un screenshot??

  4. Andreea

    Io stiu ca se decupeaza altfel… Si iese mult mai bn… Ma intreb daca in decuparea din imagine se vede si resturi din fundal… Daca da, foarte rau! Este gresita!…. In fine, poate ma insel io….

  5. Sunt multe moduri de a decupa in photoshop, dar cel mai bine e sa folosesti metoda cu cel mai bun raport intre rapiditate si eficienta.

    Andreea, poti da click pe imagini sa le maresti si sa cauti “resturi din fundal”. Singura greseala pe pagina asta este dezacordul din comentariul tau.

    Spor la lucru!

  6. Andreea

    Sa stii ca pot ramane si “resturi” chiar nu am facut nici un dezacord… Stiu eu ce vorbesc acolo… In fine, m-am uitat mai bine si este buna fotografia… Eu ador photoshopu’ si sper sa invatz cat mai multe din acest program minunat… Si mersi la fel…

  7. Andreea

    Aolo da… Acuma mi-am dat seama citind mai bine la ce te refereai… Scuze, romana mea se pare ca este cam proasta… Chiar imi cer scuze… Era “se vad”….

  8. E in regula.
    Resturi ar fi ramas cu metoda lui @Ionu, de mai sus (la quick selection).

    Eu am folosit paths si pentru ca din “silueta” creata din conturul masinii sa creez umbra (din nou, alta modalitate in loc de drop shadow). Mai sunt si alte avantaje: poti interveni ulterior pe forma shapeului (pentru ca e vectorial), poti intrerupe/relua oricand procesul (cu selection nu poti face pauza si mai e si riscul sa ti se inchida accidental selectia); e foarte precis pe curbe pt ca punctezi doar varfurile iar din suportul vectorului accentuezi curbura.

    Oricum, ma bucur ca ai dat pe aici si te astept si cu requesturi. Poate pentru chestii mai complexe, nu? :)

  9. miSSim

    Hello,

    Te rog sa-mi spui mai in amanunt, daca poti cum ai pus umbra .
    multzumesc xx

  10. @MISSIM: desi nu face subiectul tutorialului… din shape-ul dupa care am decupat masina am construit umbra, mutand layerul sub cel cu masina si aplicand filters > blur > gaussian blur. poti ajusta intensitatea umbrei din opacitatea layerului.

    vezi ca mai jos, sub comentariile astea, e o rubrica cu ARTICOLE ASEMANATOARE unde o sa gasesti chiar un tutorial numai despre umbre. spori! xx

  11. edward

    Salut as vrea sa ma ajuti si pe mn daca poti:|…as avea nevoie de putina invatatura:)…id:ionescu_eduard2002 te rog frumos..

  12. sal…eo am incerkt e ok da nhu imi coloreaza imaginea….si nus cum sa fak..:-<
    atat ma chinui si nu reusesk….poate care sa`mi sp kum sa fak sa mi se coloreze…imaginea…pe kre vr sa o decupez??

  13. cum pun un text pe o poza?…

  14. cage

    Cum pot sa pun ca fundal la o poza un peisaj sau alta imagine?

Reply to “Decupare subiect – Substracting”


Cere un tutorial

Ultimul mesaj acum 3 zile, 11 ore
1 vizitator e online.
  • Antispam: Inainte de a scrie, trebuie sa calculezi chestia de mai jos. Hai ca nu e greu!
  • cage : programu se numeste photoshop
  • Adriana : ?
  • Adriana : qm s enum prg asta de modificat
  • Tweet : cineva va rog am nevoie
  • Tweet : Va rog poate cineva sa.mi trimita si mei photoshop-ul >?
  • Guest_375 : De unde pot downloada Photoshop gratis ??
  • cage : imi spune cineva cum pot sa pun ca fundal la o poza un peisaj sau alta imagine??
  • Guest_4936 : buna
  • Guest_166 : un tutorial pentru plastic transparent dar realistic, am gasit unul in engleza dar e foarte greu, nu-mi iese nimic si acela era chair realistic, (combinatie intre sticla si plastic. please :)
  • Guest_3040 : 20
  • Guest_4271 : daa cumm se face la photoshop ca nu ma pprea descurc
  • BadLollipop : sal
  • @nonim : daca ma puteti ajuta va rog sa nu ezitati sa-mi lasati mesaj pe adresa de mail: «email» :D
  • @nonim : Multumesc Anticipat!!!
  • @nonim : 2.De unde pot adauga "efecte speciale", de ex. sa fac un obiect din imagine mai stralucitor etc
  • @nonim : 1. De unde pot modifica culoarrea background-ului?
  • @nonim : salut! tocmai m-am apuct si eu sa modific poze in photosop si as avea cateva intrebari.
  • allyna : «link» colaborare?
  • Guest_1421 : laura tool-ul se numeste slice nu ruler...slice inseamna felii
  • Maria : wet ink. pe bune, un typography, un text a carui cereneala se prelinge :D ?
  • ral : bun
  • Guest_1396 : as vrea un sait sami pun foto in rame
  • AndrusK : As dori si eu un tutorial despre cum sa fac acele linii pe diagonala , am vazut in multe poze asa ceva.
  • Guest_192 : vreau si eu asa programa,please! !
  • laura : cum export textul in .html astfel incat sa nu il vada cel care imi intra pe site ca o simpla imagine? Vreau ca textul sa se poata selecta....pls help!!! E posibil sa fi pus niste intrebari stupide....dar cand nu te pricepi.... Va rog sa ma ajutati cu un raspuns cat mai detaliat....ca pentru incepatori. Multumesc mult!!!
  • laura : Documentul html obtinut, dupa ce il export din photoshop il deschid cu dreamweaver si de aici ma blochez pentru ca textul este o imagine.... Nu ma pricep f bine nici la dreamweaver ca as pune textul acolo...ma puteti ajuta, va rog? Daca incerc sa pun textul acolo pagina se deformeaza, imaginile se muta dupa bunul plac....un haos total. 2. daca as lucra tot siteul in photoshop si as pune legaturile intre pagini cu image ready, ma lovesc de aceeasi problema....cum export textul in .html astfel in
  • laura : Buna, 1. am desenat toate paginile unui site in photoshop, dar mai departe nu stiu exact cum sa procedez. am tot vazut in tutoriale ca se delimiteaza imaginile cu ruler tool inainte (are vreo importanta asta sau?), insa nu stiu cum sa fac exact…. Si apoi se foloseste slice tool insa cum export (save for web&devices) apoi?? Fiecare imagine in parte sau toate odata? Si mai ales cum export textul din photoshop in dreamweaver astfel incat sa NU mi-l ia ca o poza ci ca text? Documentul html obti
  • ZuZu;x : Hey..vreau sh eu scris` misto la photoscape:(cum ar fi SCRIPT ala..sh eO nu`l am:((..
  • Chocolate : salut ..am cateva intrebari