Efekt istrošenih, poderanih rubova fotografije u Photoshopu

Napisao Steve Patterson.

U ovom tutorialu za Photoshop naučit ćemo kako fotografiji dati a učinak istrošenih, poderanih rubova . Stvaranje efekta je jednostavno, ne zahtijeva ništa više od nekoliko slojeva, alata Eraser Tool, jednog od Photoshopovih ugrađenih kistova i nekoliko stilova slojeva koji će vam pomoći da završite stvari.



Ova verzija našeg vodiča Worn, Torn Photo Edges je za Photoshop CS5 i ranije. Ako koristite Photoshop CS6 ili Photoshop CC (Creative Cloud), pogledajte naše potpuno ažurirana verzija .



Evo efekta poderanih rubova koji ćemo stvoriti:

  Photoshop istrošeni, foto efekt poderanih rubova fotografije. Konačni efekt 'izlizanih, poderanih rubova fotografije'.

Kako do efekta izlizanih, poderanih rubova fotografije

Korak 1: Duplicirajte pozadinski sloj

S našom slikom koja je nedavno otvorena u Photoshopu, počnimo s dupliciranjem pozadinskog sloja. Idi gore do Sloj izbornik u Traka izbornika na vrhu zaslona odaberite Novi , a zatim odaberite Sloj putem kopiranja . Ili, za brži način dupliciranja sloja, pritisnite tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac):

  Odabir novog sloja putem naredbe Copy u Photoshopu. Idite na Layer > New > Layer via Copy ili pritisnite Ctrl+J (Win) / Command+J (Mac).

Ako pogledamo ploču Slojevi, možemo vidjeti da naš dokument sada sadrži dva sloja. Izvorni pozadinski sloj nalazi se na dnu, dok se naša novododana kopija pozadinskog sloja, koju je Photoshop automatski nazvao 'Layer 1', nalazi iznad njega:



  Ploča Slojevi u Photoshopu nakon dupliciranja pozadinskog sloja. Kopija pozadinskog sloja pojavljuje se iznad izvornika na ploči Slojevi.

Korak 2: Dodajte dodatni prostor na platnu

Dajmo si malo više prostora za rad dodavanjem malo dodatnog prostora na platnu oko slike. Idi gore do Slika izbornik na vrhu zaslona i odaberite Veličina platna :

  Odabirom naredbe Canvas Size iz izbornika Image u Photoshopu. Idite na Slika > Veličina platna.

Ovo otvara Photoshopov dijaloški okvir Veličina platna. Dodat ću dodatnih 100 piksela oko slike unosom 100 za oba Širina i Visina opcije u sredini dijaloškog okvira i provjerite je li vrsta mjerenja postavljena na piksela za oboje. Također provjerite Relativni opcija je označena tako da se dodatni prostor dodaje postojećem platnu, inače ćemo promijeniti veličinu platna na 100 x 100 piksela, što nije ono što želimo. Kliknite na središnji trg u Sidro rešetku tako da se dodatni prostor dodaje ravnomjerno oko svih rubova platna:

  Dijaloški okvir Veličina platna u Photoshopu. Dodajte dodatni prostor oko slike dijaloškim okvirom Veličina platna.

Pritisnite U redu kada završite da izađete iz dijaloškog okvira Veličina platna. Ako pogledamo sliku u prozoru dokumenta, možemo vidjeti da sada imamo dodatni prostor oko slike. Skratit ćemo dodatni prostor kada završimo sa stvaranjem efekta poderanih rubova. Ovo je samo da nam da malo dodatnog prostora za rad s alatom Eraser Tool, koji ćemo koristiti za trenutak:



  Oko slike je dodan dodatni prostor na platnu. Dodan je dodatni prostor za platno.

Korak 3: Dodajte novi prazan sloj između dva postojeća sloja

S odabranim 'Layer 1' na ploči Slojevi (trebao bi biti označen plavom bojom), držite pritisnut Ctrl (pobjeda) / Naredba (Mac) i kliknite na Novi sloj ikona na dnu ploče slojeva:

  Klikom na ikonu Novi sloj na ploči Slojevi u Photoshopu. Držite Ctrl (Win) / Command (Mac) i kliknite ikonu New Layer.

Uobičajeno, Photoshop dodaje nove slojeve izravno iznad trenutno odabranog sloja, ali držanjem tipke Ctrl / Command dok klikamo na ikonu New Layer, govorimo Photoshopu da doda novi sloj ispod odabrani sloj. Sada imamo novi prazan sloj pod nazivom 'Layer 2' koji se nalazi između sloja Background i 'Layer 1'.

  Na ploči Slojevi pojavljuje se novi prazan sloj. Novi prazni sloj pojavljuje se između pozadinskog sloja i 'Layer 1'.

Korak 4: Ispunite novi sloj bijelom bojom

Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite :



  Odabirom naredbe Fill iz izbornika Edit u Photoshopu. Idite na Uredi > Ispuni.

Ovo otvara Photoshopov dijaloški okvir Fill, koji možemo koristiti za ispunjavanje sloja ili odabira bojom. Odaberite Bijela za Koristiti opciju u odjeljku Sadržaj na vrhu dijaloškog okvira:

  Dijaloški okvir naredbe Fill u Photoshopu. Postavite opciju Koristi na Bijelo.

Pritisnite U redu kada završite da biste izašli iz dijaloškog okvira. Photoshop ispunjava novi sloj bijelom bojom, iako je zapravo ne možemo vidjeti u prozoru dokumenta budući da slika na 'Sloju 1' iznad njega blokira pogled na novi sloj. Međutim, ako pogledamo sličica pregleda sloja za 'Layer 2' na ploči Slojevi, možemo vidjeti da je sličica sada ispunjena bijelom bojom, što nam govori da je sam sloj ispunjen bijelom bojom:



  Sličica pregleda sloja za'Layer 2'. Sličice pregleda na ploči Slojevi daju nam pregled sadržaja svakog sloja.

Korak 5: Odaberite 'Layer 1'

Spremni smo za početak stvaranja efekta poderanih rubova, ali prvo moramo biti sigurni da radimo na ispravnom sloju. Trenutačno imamo odabran 'Layer 2', koji znamo jer je 'Layer 2' označen plavom bojom na ploči Slojevi. Moramo raditi na slici na 'Layer 1', pa kliknite na 'Layer 1' kako biste ga učinili trenutno aktivnim slojem:

  Klikom na'Layer 1' in the Layers panel to select it. Kliknite na 'Layer 1' da biste ga odabrali.

Korak 6: Odaberite alat za brisanje

Odaberite Photoshop's Alat za brisanje s ploče Alati. Također možete brzo odabrati Eraser Tool pritiskom na slovo I na vašoj tipkovnici:

  Alat za brisanje u Photoshopu. Odaberite Eraser Tool.

Korak 7: Odaberite The 100 Rough Round Bristle Brush

Možemo koristiti bilo koji od Photoshopovih kistova s ​​Eraser Toolom, baš kao što bismo mogli da koristimo pravi Brush Tool. Klikni na Ikona za uključivanje/isključivanje ploče s kistovima u traci s opcijama na vrhu zaslona:



  Ikona za prebacivanje ploče četkica na traci s opcijama u Photoshopu. Ikona za prebacivanje ploče Kistovi otvara i zatvara ploču Kistovi.

Ovo otvara ploču Kistovi. Klikni na ikona izbornika u gornjem desnom kutu ploče Kistovi za prikaz popisa opcija izbornika za ploču. Ovdje koristim Photoshop CS4. U ranijim verzijama Photoshopa, ikona izbornika izgleda kao mala strelica. Kada se pojavi izbornik, odaberite Veliki popis :

  Klikom na ikonu izbornika za ploču Kistovi. Svaki panel u Photoshopu ima izbornik s različitim opcijama za odabir.

Ovo mijenja način na koji su kistovi prikazani na ploči Kistovi, što olakšava vidjeti koji kist točno odabiremo. S kistovima koji su sada prikazani u formatu velikog popisa, pomaknite se dolje do dna popisa i kliknite na 100 Gruba okrugla čekinja kistom za odabir:



  Odabir Photoshop kista od 100 grubih okruglih čekinja. Kliknite kist '100 grubih okruglih čekinja' na ploči četkica da biste ga odabrali.

Ako se želite vratiti na način na koji su kistovi bili izvorno prikazani, kliknite na ikonu izbornika ploče Kistovi i odaberite Mala sličica s popisa.

Ponovno kliknite na Ikona za uključivanje/isključivanje ploče s kistovima na traci s opcijama nakon što odaberete kist koji želite zatvoriti s ploče s četcima.

Korak 8: Izbrišite oko rubova slike

Počnimo stvaranjem početnog efekta poderanih rubova duž lijeve strane slike. Kažem 'početna' jer nakon što jednom obradimo cijelu sliku, vratit ćemo se drugi put, ali na to ćemo doći kasnije. Postavite Eraser Tool tako da bude u gornjem lijevom kutu dokumenta sa samo oko 25-30% kista koji se proteže u sliku. Ostatak kista trebao bi biti izvan slike u bijelom prostoru koji smo dodali na početku tutoriala. Kliknite jednom, a zatim dok još uvijek držite tipku miša, povucite kratkim potezom kista prema dolje uz gornji lijevi rub slike. Vidjet ćete kako se dijelovi ruba brišu dok povlačite, stvarajući početak našeg efekta poderanih rubova:

  Brisanje dijela ruba slike alatom Eraser Tool. Kliknite i povucite mali potez kistom duž gornjeg lijevog ruba slike.

Kao što možemo vidjeti na gornjoj snimci zaslona, ​​početni potez kistom nije potpuno uklonio početni ravni rub. Još uvijek je vidljiv blijedi dio, a to je zbog oblika četke s dlakama koju koristimo. Vjerojatno ćete se morati vratiti na isto područje dva ili tri puta prije nego što ravni rub potpuno nestane.

Nastavite raditi niz lijevu stranu slike klikom i povlačenjem kratkih poteza kistom, uvijek držeći 70-75% oblika kista izvan slike u bijelom području kako ne bismo izbrisali previše rubova. Ako pogriješite i trebate poništiti zadnji potez kistom, pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) za poništavanje ili pritisnite Ctrl+Alt+Z (pobjeda) / Command+Option+Z (Mac) više puta za poništavanje višestrukih poteza kistom:

  Brisanje većeg dijela lijevog ruba slike pomoću alata za brisanje. Nastavite raditi niz lijevu stranu slike kratkim potezima kista.

Ako ustanovite da je zadana veličina kista prevelika za vašu sliku, možete promijeniti veličinu kista u hodu pomoću lijeve i desne tipke zagrade. pritisni tipka lijeve zagrade ( [ ) kako biste smanjili kist ili pritisnite tipka desne zagrade ( ] ) kako biste je povećali.

Kada dođete do donjeg lijevog kuta fotografije, nastavite se kretati po ostatku slike dok se ne vratite u gornji lijevi kut gdje ste i počeli. Kada završite, rubovi bi vam trebali izgledati otprilike ovako:

  Početni efekt poderanih rubova je završen. Početni efekt poderanih rubova.

Korak 9: Duplicirajte sloj

Sada kada imamo početni učinak poderanih rubova, moramo napraviti kopiju sloja. S odabranim 'Layer 1' na ploči Slojevi pritisnite Ctrl+J (pobjeda) / Command+J (Mac) da biste ga brzo duplicirali. Sada imamo kopiju sloja, koju je Photoshop prikladno nazvao 'Kopija sloja 1', na vrhu ploče Slojevi. Obično bismo trebali preimenovati slojeve kako ne bismo vidjeli nazive poput 'Kopija sloja 1', ali budući da je ovaj efekt prilično jednostavan i imamo sve slojeve koji su nam potrebni u ovom trenutku, ostavit ćemo ih sa zadanim nazivima kako bismo uštedjeli vrijeme:

  Kopija od'Layer 1' appears in the Layers panel. Kopija 'Layer 1' pojavljuje se iznad izvornika.

Korak 10: Isključite gornji sloj

Kliknite na gornji sloj ikona vidljivosti (također poznat kao 'očna jabučica') da privremeno isključite sloj i sakrijete ga iz pogleda u prozoru dokumenta kako bismo mogli vidjeti izvorni 'Sloj 1' ispod njega:

  Ikona vidljivosti sloja na ploči Slojevi u Photoshopu. Klikom na ikonu 'očne jabučice' uključuju se i isključuju slojevi u dokumentu.

Korak 11: Odaberite 'Layer 1'

Dok je gornji sloj sada privremeno skriven od pogleda, kliknite još jednom na 'Layer 1' na ploči Slojevi da biste ga odabrali:

  Odabir'Layer 1' in the Layers panel. Kliknite na 'Layer 1' da biste ga odabrali.

Korak 12: Dodajte stil sloja prekrivanja boje

S odabranim 'Layer 1' kliknite na Stilovi slojeva ikonu na dnu ploče Slojevi i odaberite Prekrivanje boja s popisa koji se pojavi:

  Odabir stila sloja Color Overlay s ploče Slojevi u Photoshopu. Odaberite Color Overlay s popisa stilova slojeva.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije Color Overlay u srednjem stupcu. Prema zadanim postavkama, Photoshop postavlja crvenu boju preklapanja i vaša će fotografija odjednom biti ispunjena crvenom bojom u prozoru dokumenta. Za promjenu boje kliknite na uzorak boje :

  Odabir druge boje za stil sloja Color Overlay. Kliknite na uzorak boje da biste odabrali drugu boju za preklapanje.

Photoshopa Birač boja pojavit će se. Odaberite a svijetlo siva iz Birača boja, a zatim kliknite OK za izlaz iz njega. Vaša bi fotografija sada trebala biti ispunjena svijetlo sivom bojom u prozoru dokumenta:

  Birač boja u Photoshopu. Odaberite svijetlo sivu iz alata za odabir boja.

Korak 13: Dodajte stil sloja s unutarnjim sjajem

Nemojte još zatvarati dijaloški okvir Stil sloja. Imamo još nekoliko stilova slojeva za dodati. Kliknite izravno na riječi Unutrašnji sjaj na lijevoj strani dijaloškog okvira. Nemojte jednostavno kliknuti unutar potvrdnog okvira lijevo od riječi. Moramo kliknuti izravno na same riječi da bismo pristupili opcijama za stil Inner Glow:

  Odabir stila sloja Inner Glow u Photoshopu. Kliknite izravno na riječi 'Unutarnji sjaj' na lijevoj strani dijaloškog okvira Stil sloja.

Opcije Inner Glow sada se pojavljuju u sredini dijaloškog okvira Layer Style. Iako je naziv stila Inner Glow, promijenit ćemo sjaj u sjenu kako bismo ga mogli koristiti da malo potamnimo rubove oko fotografije.

Prvo, da biste promijenili stil iz sjaja u sjenu, promijenite Način miješanja opciju na vrhu dijaloškog okvira od Zaslon do Pomnožiti . Zatim kliknite na malu uzorak boje neposredno ispod riječi 'Buka' za promjenu boje stila. Prema zadanim postavkama postavljeno je na žuto. Kada kliknete na uzorak boja, Photoshopov Birač boja će se pojaviti, baš kao što je bilo kad smo maloprije promijenili boju stila Color Overlay. Odaberi crno iz Birača boja, a zatim kliknite OK za izlaz iz njega.

Spustite Neprozirnost dolje naokolo 10% tako da je sjena vrlo suptilna. Na kraju, povećajte Veličina od sjene okolo 24 px (piksela):

  Promjena opcija za stil sloja Inner Glow u Photoshopu. Promjena sjaja u sjenu jednostavna je poput promjene načina stapanja u Multiply i odabira crne boje za boju.

Vaša bi slika sada trebala izgledati ovako:

  Slika nakon primjene stilova sloja Color Overlay i Inner Glow. Dosadašnja slika nakon primjene stilova sloja Color Overlay i Inner Glow.

Korak 14: Dodajte sjenu

Kliknite izravno na riječi Drop Shadow na vrhu popisa stilova slojeva na lijevoj strani dijaloškog okvira. Opet, trebamo kliknuti izravno na same riječi da bismo pristupili opcijama za sjenu:

  Odabir stila sloja Drop Shadow u Photoshopu. Kliknite izravno na riječi 'Drop Shadow' na lijevoj strani dijaloškog okvira Layer Style.

Opcije Drop Shadow pojavit će se u središnjem stupcu dijaloškog okvira Layer Style. Spustite Neprozirnost od sjene dolje okolo 30% tako da je mnogo manje intenzivan nego što je sa zadanom postavkom neprozirnosti od 75%. Zatim postavite Kut sjene na 120° ako to već nije postavljeno:

  Promjena opcija za sjenu u dijaloškom okviru Stilovi slojeva u Photoshopu. Postavite neprozirnost padajuće sjene na 30% i kut na 120°.

Pritisnite U redu kada završite da izađete iz dijaloškog okvira Stil sloja. Evo moje slike nakon primjene sjene:

  Slika nakon primjene sjene u Photoshopu. Slika nakon dodavanja sva tri stila sloja.

Korak 15: Odaberite gornji sloj i ponovno ga uključite

Kliknite na gornji sloj na ploči Slojevi ('Kopija sloja 1') da biste ga odabrali, zatim kliknite na ikona vidljivosti sloja na lijevoj strani sloja za ponovno uključivanje sloja tako da ponovno bude vidljiv unutar prozora dokumenta. Fotografija će se ponovno pojaviti i blokirat će sivu sliku na kojoj smo upravo radili:

  Ponovno uključivanje sloja na ploči Slojevi. Još jednom kliknite na ikonu vidljivosti sloja da ponovno uključite gornji sloj.

Korak 16: Obrišite dijelove rubova na gornjem sloju kako biste otkrili sloj ispod

S odabranim gornjim slojem, vratite se oko rubova slike s Eraser Tool-om koristeći kratke poteze kistom, baš kao što smo to učinili na početku na 'Layer 1', kako biste uklonili više rubova. Ne zaboravite zadržati većinu oblika kista izvan slike tako da se ne više od 25-30% proteže u sliku. Kako se dijelovi ruba brišu, otkriva se svijetlosiva slika ispod, stvarajući iluziju da je sama fotografija istrošena oko rubova i da je ostao samo stražnji sloj papira:

  Brisanje većeg dijela ruba kako bi se otkrila svijetlosiva na sloju ispod slike. Brisanje rubova slike na gornjem sloju otkriva svijetlosivo područje na 'Sloju 1' ispod njega.

Opet, možete promijeniti veličinu kista ako je potrebno pritiskom na tipka lijeve zagrade ( [ ) kako biste je smanjili ili tipka desne zagrade ( ] ) kako biste je povećali. Ako pogriješite, pritisnite Ctrl+Z (pobjeda) / Command+Z (Mac) za poništavanje posljednjeg obrisanog područja ili pritisnite Ctrl+Alt+Z (pobjeda) / Command+Option+Z (Mac) za poništavanje višestrukih poteza kistom.

Evo, nakon što sam još jednom obradio rubove fotografije, moj konačni efekt 'istrošenih, poderanih rubova fotografije':

  Photoshop istrošeni, foto efekt poderanih rubova fotografije. Konačni efekt 'izlizanih, poderanih rubova fotografije'.

Korak 17: Skratite dodatni prostor na platnu (nije obavezno)

Ako želite ukloniti dodatni prostor na platnu koji smo prethodno dodali, idite do Slika izbornik na vrhu zaslona i odaberite Trim :

  Odaberite naredbu Trim iz izbornika Image u Photoshopu. Idite na Image > Trim.

Ovo dovodi do dijaloškog okvira Trim. Odaberite Boja gornjeg lijevog piksela opcija. Budući da je piksel u gornjem lijevom kutu dokumenta bijel, Photoshop će odrezati sve bijele površine oko slike. Provjerite je li Vrh , Dno , Lijevo , i Pravo opcije su odabrane u donjoj polovici dijaloškog okvira, a zatim kliknite OK za izlaz iz njega, u kojem će trenutku Photoshop odrezati dodatni prostor na platnu koji smo dodali:

  Uklanjanje dodatnog prostora na platnu u Photoshopu. Odrežite dodatni prostor na platnu naredbom Trim.