Izradite Mock-Up Kamere Mobilnog Telefona Koristeći Pametne Objekte i Pametne Filtere u Photoshopu

Photoshop Smart Filters (pametni filteri) su jedna od najboljih stvari kada je riječ o Smart Objects elementima. Kada primijenite filter efekt na Smart Object sloj, automatski kreirate Smart Filter. Filter(e) možete uređivati koliko god puta želite, bez straha da ćete oštetiti originalne piksele.

U ovom tutorialu ćete naučiti kako koristiti dvije kopije istog Smart Object elementa da kreirate predložak (mock-up) proizvoda, zatim primijenite filter na pozadinu izvan fokusa. Nakon što sve postavite, možete jednostavno ažurirati sliku u Smart Objectu kako biste promijenili scenu.

1. Pripremite Mock-Up

Počinjem sa Photoshop datotekom organiziranom u slojeve. Možete koristiti svoje vlastite fotografije ili pronaći izolirane slike proizvoda na GraphicRiver ili PhotoDune stranicama.

1. korak

Kao što možete vidjeti na Layers kartici, ova datoteka je organizirana u dijelove svojih komponenti. Možda vam ne trebaju svi ti slojevi, ali više slojeva daje vam veću fleksibilnost i veću kontrolu nad konačnim rezultatom.

2. korak

Za naše potrebe, važno je imati jedan sloj kao "screen" sloj. To bi trebao biti transparentan sloj koji sadrži ispunjeni pravokutnik veličine zaslona telefona.

Kako biste napravili taj sloj, možete pažljivo odabrati područje zaslona koristeći Rectangular Marquee Tool (M) alat, i zatim ispuniti odabir na novom sloju iznad Phone sloja. Kako biste rafinirali odabir, upotrijebite Transform Selection u Select izborniku. Odabir možete ispuniti bilo kojom bojom, pošto se neće vidjeti na konačnom mock-up modelu.

2. Pripremite Smart Object

1. korak

Povucite fotografiju u mockup PSD. To bi trebala biti slika visoke rezolucije kako bi mogla ispuniti pozadinu bez povećavanja. Povucite sloj na dno stupca sa slojevima. Po izboru: preimenujte taj sloj u "Scene".

2. korak

Konvertirajte Scene sloj u Smart Object. To se može učiniti na nekoliko načina:

1. Idite na Layer izbornik i zatim odaberite Smart Objects > Convert to Smart Object.
2. Kliknite na skočni prozor na Layers kartici i odaberite Convert to Smart Object.
3. Kliknite desnim gumbom miša na Layers karticu i odaberite Convert to Smart Object.

3. korak

Primijetit ćete da sloj sada ima malu ikonu u donjem desnom dijelu sličice, što znači da je to Smart Object sloj. Napravite kopiju Smart Object sloja tako da je povučete na New Layer ikonu pri dnu Layers kartice.

4. korak

Povucite kopiju iznad Screen sloja. Upotrijebite Free Transform (Command-T) da skalirate sliku otprilike na veličinu zaslona mobilnog telefona. Treba se blago preklapati.

5. korak

Zakvačite Scene kopirani sloj na Screen sloj. To će maskirati dio slike koji se proteže izvan rubova zaslona, ​​ali zapravo neće obrezati sliku. Prvo, selektirajte "Scene copy" sloj i zatim kliknite padajući izbornik na Layers kartici i odaberite Create Clipping Mask. Također možete upotrijebiti prečac na tipkovnici Command-Option-G.

Alternativno, možete držati pritisnutu Option (Alt) tipku i kliknuti između dva sloja. Vidjeti ćete da se kursor mijenja u dvostruke krugove kako bi vam dao do znanja da ste na pravom mjestu.

Nakon što kreirate "clipping" masku, slika bi trebala ispuniti dimenzije zaslona. Također ćete vidjeti da se sličica sloja pomaknula malo u desno, i sada ima malenu strelicu prema dolje. Ona indicira da je  "Scene copy" Smart Object "zakvačen" na sloj ispod.

3. Dodajte i Uredite Smart Filter

1. korak

Selektirajte pozadinski "Scene" Smart Object sloj. Idite na Filter > Blur > Gaussian Blur. Unesite vrijednost za Blur Radius da pozadini pružite de-fokusiran izgled, kao što vidite na slici ispod.

2. korak

Kada primijenite filter na Smart Object sloj, Smart Filter je automatski kreiran ispod Smart Object elementa, sa ugrađenom Layer Mask maskom.

3. korak

Možete slikati na Smart Filter Mask masci ili je urediti kako biste zamračili dijelove filter efekta. U ovom slučaju, želimo smjestiti žarište scene u malo oštriji fokus, jer je bliži gledatelju.

Odaberite Smart Filters masku u Layers kartici. Imati će tanku dvostruku liniju oko umanjene sličice koja indicira da je aktivna. Odaberite Gradient Tool (G) i pripazite da je u Control Panel kartici odabran linearni gradijent iz crne boje u bijelu. Povucite Gradient Tool alat vertikalno preko slike tako da crni dio gradijenta počne na dnu maske. Kao i s bilo kojim drugim tipom maskiranog sloja, upamtite: "crno prekriva, bijelo otkriva."

Nakon što primijenite gradijent, to ćete vidjeti u Smart Filters umanjenoj sličici u Layers kartici:

Možete pritisnuti Option (Alt)-kliknuti na umanjenu sličicu maske da vidite potpunu masku u PSD. Pritisnite Option-kliknite ponovno da se vratite u normalan pregled.

4. korak

Evo završenog mock-up modela. U središtu možete vidjeti da su plaža i more (na dnu slike) u većem fokusu od mosta i neba. Crni dio gradijenta prekriva filter efekt i prijelazi u potpuno zamagljenje na gornjoj polovici slike. Možete nastaviti eksperimentirati sa smještanjem gradijenata dok ne budete potpuno zadovoljni.

5. korak

Odlična stvar kod Smart Filtera je to što su ne-destruktivni. Možete ih beskonačno editirati bez izazivanja trajnog oštećenja piksela na slici. Recimo da želite malo pojačati Blur efekt. Dvaput kliknite naziv efekta ispod maske Smart Filters na Layers kartici kako biste ponovo otvorili postavke. Prilagodite radijus i kliknite OK.

Da ste primijenili Blur filter na regularni piksel sloj, kasnije se ne biste mogli vratiti i promijeniti postavke. To je prednost korištenja Smart Object elemenata sa Smart Filterima.

6. korak

Možete također promijeniti Blending Mode filtera Smart Filter, čineći ga još svestranijim. Desno od naziva efekta u Layers kartici nalazi se malena ikona. Izgleda poput dva slajdera. Dvaput kliknite ovu ikonu kako biste prikazali Blending Options postavke

Odaberite Mode iz padajućeg izbornika. Možete također promijeniti Opacity. Većina Blend Mode načina neće biti praktična za ovakav mock-up model, ali može bit zabavno eksperimentirati njima.

4. Uredite Smart Object

Sada kada je mock-up model podešen sa Smart Objectom i Smart Filterom, istodobno možete promijeniti sliku zaslona telefona i pozadinu, uređivanjem izvornog Smart Objecta.

1. korak

Dvaput kliknite Smart Object umanjenu sličicu za uređivanje. Vidjeti ćete sljedeću poruku. Nakon što se naviknete na rad s Smart Objects, možete odabrati da isključite ovaj dijaloški okvir upozorenja.

2. korak

Smart Object se otvara kao odvojena, posebna datoteka. Proširenje datoteke je .psb.

3. korak

Samo ću povući drugu pejzažnu fotografiju preko postojeće. Nema potrebe za izravnavanjem slike, jer Smart Objects može imati više slojeva.

4. korak

Zatvorite i spremite .psb datoteku. Sada će se novi pejzaž pojaviti na zaslonu ekrana mobilong telefona i u pozadini. Ovaj efekt funkcionira jer je Smart Object na zaslonu telefona kopija originala.

5. korak

Ovisno o slici koju koristite, možda ćete željeti urediti efekt zamućenja ili prilagoditi gradijent na Smart Filters masci.

Zaključak

Smart Filteri vam pružaju neograničene načine da izmijenite izgled Smart Object slojeva. Najbolji dio je to što to možete učiniti bez oštećenja originalnih piksela Smart Objecta. Eksperimentirajte do mile volje!