Creați un model de telefon cu cameră foto utilizând obiecte inteligente și filtre inteligente în Photoshop

Ce veți crea

Filtrele Photoshop Smart sunt unul dintre cele mai mari lucruri despre obiectele inteligente. Când aplicați un efect de filtru pe un strat Smart Object, creați automat un filtru inteligent. Puteți să editați filtrele de câte ori doriți, fără a deteriora pixelii originali. 

În acest tutorial, veți învăța cum să utilizați două copii ale aceluiași obiect inteligent pentru a crea macheta de produs, apoi aplicați un filtru pentru a deza concentra fundalul. Odată ce totul este configurat, puteți să actualizați cu ușurință imaginea din Obiectul inteligent pentru a schimba scenă.

1. Pregătiți macheta

Încep cu un fișier Photoshop stratificat. Puteți utiliza propriile fotografii sau puteți găsi imagini izolate ale produselor pe GraphicRiver sau PhotoDune.

Pasul 1

După cum puteți vedea în straturi , acest fișier este organizat în părțile sale componente. Este posibil să nu aveți nevoie de toate aceste straturi, dar mai multe straturi vă oferă mai multă flexibilitate și mai mult control asupra rezultatelor finale.

Pasul 2

Pentru scopurile noastre, este important să aveți un strat ca strat "ecran". Ar trebui să fie un strat transparent, care să conțină un dreptunghi umplut cu dimensiunea ecranului telefonului.

Pentru a crea acest strat, puteți selecta cu atenție zona ecranului folosind Instrument de marcaj dreptunghiular (M), apoi completați selecția în a nou layer deasupra stratului Telefon. Pentru a rafina selecția, utilizați Transformarea selecției sub Selectați meniu pentru ao obține exact. Puteți completa selecția cu orice culoare, deoarece nu va fi vizibilă în macheta finală.

2. Pregătiți Obiectul inteligent

Pasul 1

Glisați o fotografie în macheta PSD. Ar trebui să fie o imagine de înaltă rezoluție, astfel încât să poată umple fundalul fără a se lărgi. Glisați stratul în partea inferioară a stivei de straturi. Opțional: redenumiți acest strat "Scene".


Pasul 2

Transformați stratul Scene într-un obiect inteligent. Există trei moduri de a face acest lucru:

  1. Mergeți la Strat meniu la Obiecte inteligente> Conversia în obiectul inteligent.
  2. Faceți clic pe meniul derulant din straturi panou și alegeți Conversia la obiectul inteligent.
  3. Faceți clic dreapta pe stratul din straturi panou și alegeți Conversia la obiectul inteligent.

Pasul 3

Veți observa că stratul are acum o pictogramă minusculă în colțul din dreapta jos al miniaturii sale, indicând faptul că acesta este un strat Smart Object. Efectuați o copie a stratului obiect inteligent trăgând-o în Strat nou pictograma din partea de jos a ferestrei straturi panou.

Glisați stratul Obiect inteligent pe pictograma Nou pentru a face o copie.

Pasul 4

Glisați copia de deasupra stratului de ecran. Utilizare Transformare liberă (Command-T) pentru a scala imaginea astfel încât să fie aproximativ dimensiunea ecranului telefonului. Ar trebui să se suprapună ușor.

Pasul 5

Împingeți stratul de copie Scene în stratul ecranului. Aceasta va masca partea din imagine care se extinde dincolo de marginile ecranului, dar nu va decupa imaginea. Mai întâi, selectați stratul "Scenă copie", apoi faceți clic pe meniul derulant de pe straturi panou și alegeți Creați o mască de tăiere. De asemenea, puteți utiliza comanda rapidă de la tastatură Command-Option-G.

Alternativ, puteți ține apăsat Opțiunea (Alt) cheie și faceți clic între cele două straturi. Veți vedea schimbarea cursorului în două cercuri pentru a vă anunța că sunteți în locul potrivit.

Țineți apăsată tasta Opțiune / Alt și faceți clic între straturi pentru a crea o mască de tăiere. Cursorul se modifică la o pictogramă cu două cercuri.

Odată ce masca de tăiere este creată, imaginea ar trebui să umple dimensiunile ecranului. De asemenea, veți vedea că miniaturile de straturi s-au deplasat ușor spre dreapta și au o mică săgeată în jos. Acest lucru indică faptul că "Stratul de copiere a scenei" Stratul Smart Object este "tăiat" în stratul de mai jos.

3. Adăugați și editați filtrul inteligent

Pasul 1

Selectați fundalul "Scene" Smart Object layer. Mergi la Filtru> Blur> Gaussian Blur. Introduceți o valoare pentru Radius neclare pentru a conferi fundalului un aspect de-focalizat, ca în imaginea de mai jos.

Pasul 2

Când aplicați un filtru pe un strat Smart Object, un filtru inteligent este creat automat sub obiectul Smart, cu o mască de strat construită.

Pasul 3

Puteți să pictați pe masca filtrului inteligent sau să o modificați în alt mod, pentru a observa părți ale efectului de filtru. În acest caz, vrem să aducem în prim-plan scena într-un loc mai concentrat, pentru că este mai aproape de spectator.

Selectează Filtre inteligente masca în straturi panou. Va avea o linie dublă în jurul miniaturii pentru a indica că este activă. Alege Instrument de gradient (G) și asigurați-vă că este selectat un gradient linear alb-negru în panoul de control. Trageți instrumentul Gradient vertical în imagine, astfel încât partea neagră a gradientului să pornească de la baza mascului. Ca și în cazul oricărui tip de mască de strat, amintiți-vă: "negru ascunde, alb dezvăluie".

Trageți un gradient alb-negru prin masca Filtre inteligente.

Odată ce gradientul este aplicat, îl veți vedea în Filtre inteligente miniatură în straturi panou:

Poti Opțiunea (Alt)-faceți clic pe miniatură pentru a vedea masca completă din PSD. Opțiune - faceți clic din nou pentru a reveni la vizualizarea normală.

Pasul 4

Iată macheta finită. Puteți vedea că plaja și apa din prim-plan (adică în partea de jos a imaginii) sunt mai focalizate decât podul și cerul. Partea neagră a gradientului ascunde efectul filtrului și trece la estomparea completă în jumătatea superioară a imaginii. Puteți continua să experimentezi plasarea gradientului pentru a obține exact acest lucru.

Pasul 5

Lucrul minunat despre filtrele inteligente este că acestea sunt nedistructive. Puteți să le editați infinit fără a provoca daune permanente pixelilor din imagine. Să presupunem că doriți ca efectul Blur să fie puțin mai puternic. Faceți dublu clic pe numele efectului de mai jos Filtre inteligente masca în straturi pentru a aduce din nou setările. Reglați raza și faceți clic O.K.

Dacă ați aplicat filtrul Blur la un strat de pixeli obișnuiți, nu veți mai putea reveni mai târziu și modificați setările. Acesta este avantajul utilizării obiectelor inteligente cu filtre inteligente.

Dacă faceți dublu clic pe efectul din panoul Straturi, puteți ajusta efectul de câte ori doriți, fără a degrada imaginea.

Pasul 6

De asemenea, puteți modifica Mod de amestecare a unui filtru inteligent, făcându-l și mai versatil. Există o mică pictogramă în dreptul numelui efectului în straturi panou. Se pare că două glisante. Faceți dublu clic pe această pictogramă pentru a afișa Opțiuni amestecate

Alege un mod din meniul drop-down. De asemenea, puteți modifica Opacitate. Cele mai multe moduri de amestecare nu vor fi practice pentru un mock-up ca acesta, dar poate fi distractiv să experimentați.

4. Editați obiectul inteligent

Acum că macheta este setată cu un obiect inteligent și un filtru inteligent, puteți schimba atât imaginea ecranului telefonului, cât și fundalul în același timp, prin modificarea obiectului inteligent original.

Pasul 1

Faceți dublu clic pe Obiect inteligent miniatură de editat. Veți vedea următorul mesaj. Odată ce vă obișnuiți să lucrați cu obiecte inteligente, puteți alege să dezactivați acest dialog de avertizare.

Faceți dublu clic pe miniatură Obiect inteligent pentru a le edita.

Pasul 2

Obiectul inteligent se deschide ca un fișier special, separat. Extensia fișierului este .PSB.

Pasul 3

Voi trage o fotografie peisaj diferită de cea existentă. Nu este nevoie să aplatizați imaginea, deoarece obiectele inteligente pot avea mai multe straturi.

Pasul 4

Închideți și salvați fișierul .psb. Acum, noul peisaj va apărea atât pe ecranul telefonului, cât și pe fundal. Acest efect funcționează deoarece obiectul Smart Object de pe ecranul telefonului este o copie a originalului.

Pasul 5

În funcție de imaginea pe care o utilizați, este posibil să doriți să modificați efectul de estompare sau să reglați gradientul pe masca Filtre inteligente.

Concluzie

Filtrele inteligente vă oferă metode infinite de a modifica aspectul straturilor Smart Object. Cea mai bună parte este că puteți face acest lucru fără a deteriora pixelii originali ai obiectului inteligent. Experimentați conținutul inimii voastre!

Mockup de telefon pe Placeit

Placeit este un simplu și ușor de utilizat generator de machete online cu peste 11.000 de șabloane inteligente pentru a alege de la. Nu este nevoie de abilități Photoshop pentru că tot ce trebuie să faceți este pe instrumentul online. Nu ajunge mai repede decât asta. 

Mockup de o femeie care deține un iPhone de argint 8 Plus împotriva unui zid de betoniPhone X Mockup Situat pe partea de sus a unei cărți în timp ce lângă o ceașcă de cafea și căști