În acest tutorial Photoshop Effects, vom învăța cum să plasați o imagine în interiorul unei alte imagini folosind comanda „Lipire în” în Photoshop.
Odată cu apariția Super Bowl din acest an (în momentul în care scriu asta), toate marile magazine de electronice și-au completat site-urile și flyerele săptămânale cu imagini ale celor mai noi televizoare de înaltă definiție care arată jocul cel mare. Dacă nu este un eveniment sportiv major care este afișat pe ecrane, este de obicei cea mai recentă lansare de filme DVD sau un joc video cu buget mare.
Desigur, niciuna dintre aceste imagini nu este afișată cu adevărat pe ecran, deoarece este imposibil să faci o fotografie de înaltă calitate cu ceva care apare la tv. Totul este făcut în Photoshop. O imagine a ceea ce doresc să apară la televizor este pur și simplu lipită în imaginea televizorului în sine. În acest tutorial Photoshop, vom vedea cum se face, astfel încât să puteți utiliza aceeași tehnică cu propriile imagini!
Rețineți că această versiune a tutorialului este pentru Photoshop CS4 și versiuni anterioare. Pentru utilizatorii Photoshop CS5, CS6 și CC sau pentru un alt exemplu de utilizare a acestei tehnici, consultați versiunea noastră actualizată complet.
Aici, am o imagine cu genul de televiziune pe care îl veți găsi probabil în pliantul unui magazin de electronice:
O imagine a unui televizor, similar cu ceea ce ați găsi pe site-ul unui magazin de electronice sau în pliantul lor săptămânal.
Și iată imaginea pe care vreau să o apar la tv:
O fotografie a unui joc de fotbal.
Iată cum va arăta când vom termina:
Jocul pare acum să fie afișat pe ecranul tv.
Cum să plasați o imagine în interiorul alteia
Pasul 1: Selectați zona în care doriți să lipiți a doua imagine în
Mai întâi, deschideți imaginea în care doriți să plasați a doua imagine și trageți o selecție în jurul zonei în care va apărea a doua imagine. Instrumentul de selecție pe care îl utilizați va depinde desigur de forma zonei pe care trebuie să o selectați. Vreau ca a doua mea imagine să apară în ecranul televizorului, care este o formă simplă pe patru fețe, așa că voi folosi Instrumentul poligonal Lasso Photoshop, care implicit se ascunde în spatele instrumentului Lasso standard din paleta Instrumente. Voi face clic pe pictograma Lasso Tool, apoi voi ține butonul mouse-ului în jos pentru o secundă sau două până când apare meniul fly-out, apoi voi selecta Instrumentul poligonal Lasso din listă:
Selectarea Instrumentului Lasso poligonală din paleta Instrumente din Photoshop.
Instrumentul poligonal Lasso vă permite să desenați o selecție făcând simplu clic în diferite puncte unde direcția de selecție trebuie să se schimbe. De fiecare dată când faceți clic într-un punct nou, Photoshop va adăuga o linie dreaptă între noul punct și ultimul punct pe care l-ați făcut clic, similar cu modul în care funcționează instrumentul Pen atunci când desenăm segmente drepte. Pur și simplu continuați să faceți clic pe zona care trebuie selectată până când ați conturat întreaga zonă și ați făcut drumul înapoi la început. Când faceți clic din nou pe acel prim punct, Photoshop va crea selecția.
Selectarea ecranului televizorului cu Instrumentul poligonal Lasso este ușoară. Tot ce trebuie să fac este să fac clic în fiecare dintre cele patru colțuri. Voi începe cu colțul din stânga sus, apoi mă voi îndrepta spre colțul din stânga jos, apoi spre colțul din dreapta jos și până în colțul din dreapta sus. Putem vedea cele trei linii create până acum:
Făcând clic în fiecare colț al ecranului televizorului cu Instrumentul poligonal Lasso pentru a realiza o selecție în jurul lui.
Pentru a finaliza selecția, voi face din nou clic pe același loc cu care am început în colțul din stânga sus al ecranului tv, iar Photoshop va crea selecția mea pentru mine:
Faceți clic din nou pe punctul inițial pentru a finaliza selecția.
Pasul 2: Copiați a doua imagine în clipboard
Deschideți a doua imagine în Photoshop și apăsați Ctrl + A (Win) / Command + A (Mac) pentru a plasa o selecție în jurul întregii imagini:
Apăsați „Ctrl + A” (Win) / „Command + A” (Mac) pentru a plasa o selecție în jurul întregii imagini.
Apoi apăsați Ctrl + C (Win) / Command + C (Mac) pentru a copia imaginea în clipboard.
Pasul 3: Lipiți a doua imagine în selecție
Comutați înapoi la imaginea originală din Photoshop. Ar trebui să vezi în continuare selecția pe care ai creat-o acum o clipă. Vom lipi a doua imagine direct în această selecție. Pentru a face acest lucru, mergeți la meniul Edit din partea de sus a ecranului și alegeți Lipire în:
Selectarea „Lipire în” din meniul „Editare”.
Trei lucruri se vor întâmpla cu imaginea originală atunci când alegeți „Lipire în”. Photoshop va adăuga un nou strat deasupra stratului Fundal în paleta Straturi, va plasa a doua imagine pe noul strat și va folosi selecția pe care am făcut-o pentru a crea o mască de strat, care va ascunde toate zonele din a doua imagine. care se încadrează în afara selecției, lăsând vizibilă doar zona din selecție. Cu alte cuvinte, singura parte din imaginea mea de fotbal care va fi vizibilă este zona care se încadrează în selecția pe care am făcut-o în jurul ecranului tv.
Mai întâi, să ne uităm la paleta Straturi pentru imaginea originală pentru a vedea ce s-a întâmplat. Putem vedea că acum am două straturi - stratul de fundal original pe partea de jos care conține imaginea tv, și noul strat, „Strat 1”, deasupra acesteia, care conține fotografia fotbalului. Putem vedea, de asemenea, miniatura de mască de strat (încercuită în roșu) care ne arată masca de strat creată. Zona albă, în formă de dreptunghi, din centrul miniaturii este zona selectată (ecranul tv), iar toată zona neagră din jurul acesteia este zona care nu a fost selectată:
Photoshop adaugă un nou strat imaginii originale, plasează al doilea imagine pe noul strat și creează o mască de strat pe baza selecției pe care am făcut-o la Pasul 1.
Și dacă ne uităm la imaginea în sine, putem vedea acum imaginea de fotbal care apare pe ecranul tv:
A doua imagine apare acum în interiorul selecției pe care am făcut-o în imaginea originală.
Pasul 4: Redimensionați a doua imagine cu transformare gratuită
Singura problemă în acest moment este că televizorul este în unghi, iar fotografia pe care am lipit-o nu este, așa că perspectiva dintre cele două imagini nu se potrivește. Pentru a remedia asta, voi apăsa Ctrl + T (Win) / Command + T (Mac) pentru a deschide caseta Photoshop Free Transform și se va ocupa de a doua imagine. Primul lucru pe care îl voi face este să încerc să încadrez cât mai mult din fotografia fotbalului pe ecranul tv, așa că voi ține apăsat Shift + Alt (Win) / Shift + Option (Mac) și glisați una dintre cele patru colțuri se ocupă spre centru pentru a face imaginea mai mică. Apăsați „Shift” constrânge proporțiile imaginii în timp ce glisez, astfel încât să nu denaturez accidental aspectul imaginii și ținând apăsată butonul „Alt / Option” îi spune lui Photoshop să redimensioneze imaginea din centrul acesteia, ceea ce ușurează lucrurile:
Redimensionați imaginea după cum este necesar cu comanda „Free Transform” a Photoshop.
Acum că sunt mulțumit de dimensiunea celei de-a doua imagini, voi rezolva problema perspectivei. Cu Transformarea liberă încă activă, voi menține apăsat Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), care transformă temporar Transformarea liberă în modul de transformare în perspectivă. De asemenea, puteți accesa meniul Editare, alege Transformare, apoi alegeți Perspective, dar comanda rapidă de la tastatură este mai ușoară dacă aveți deja mânerele Transform gratuit.
În modul de transformare a perspectivei, voi face din nou un clic pe mânerul din colțul din stânga sus și îl voi trage puțin în jos. În timp ce glisez mânerul din colțul din stânga în jos, mânerul din colțul din stânga jos se va mișca în același timp. Acest lucru îmi va permite să reduc înălțimea părții din stânga a imaginii fotbalului, fără a afecta înălțimea părții din dreapta a imaginii, creând iluzia că imaginea este în același unghi cu televizorul:
Utilizați modul de transformare „Perspectivă” pentru a corecta orice probleme de perspectivă între cele două imagini.
Acum că sunt mulțumit de dimensiunea și unghiul celei de-a doua imagini, voi apăsa Enter (Win) / Return (Mac) pentru a accepta modificările și a ieși din comanda Free Transform.
Pasul 5: Adăugați un stil interior de umbră
Pentru a termina efectul, voi adăuga o ușoară umbră la marginile imaginii de fotbal, astfel încât să pară mai mult ca pe ecranul tv și mai puțin ca pe cineva care l-a lipit acolo (chiar dacă tocmai asta este făcut). Cu „Strat 1” selectat, voi face clic pe pictograma Stiluri strat din partea inferioară a paletei Straturi și voi selecta Umbra interioară din lista stilurilor de straturi:
Faceți clic pe pictograma „Stiluri de strat” din partea inferioară a paletei Straturi și selectați „Umbra interioară” din listă.
Aceasta afișează caseta de dialog Stil Layer Photoshop setată la opțiunile Umbra interioară din coloana din mijloc. Reduceți opacitatea umbrei interioare la aproximativ 60%, deci nu este la fel de intensă, apoi coborâți atât dimensiunea cât și distanța până la 1 px. De asemenea, poate fi necesar să reglați unghiul umbrei în funcție de imaginea dvs. Am a mea setată la 120 °:
Modificați opțiunile pentru stilul de umbră interioară înconjurat mai sus.
Faceți clic pe OK pentru a ieși din caseta de dialog Strat strat și aplicați umbra, și ați terminat! Aici, după ce am adăugat efectul meu de umbră în jurul marginilor imaginii de fotbal, astfel încât să pară mai natural pe ecranul tv, este rezultatul meu final:
Rezultatul final.