W tym samouczku dotyczącym efektów programu Photoshop nauczymy się, jak umieszczać obraz w innym obrazie za pomocą polecenia „Wklej do” w Photoshopie.
Wraz z nadchodzącym tegorocznym Super Bowl (w chwili, gdy to piszę), wszystkie główne sklepy z elektroniką wypełniają swoje strony internetowe i cotygodniowe ulotki zdjęciami najnowszych telewizorów HD w wysokiej rozdzielczości. Jeśli nie jest to ważne wydarzenie sportowe wyświetlane na ekranach, zwykle jest to najnowsza przebój na DVD lub gra wideo o dużej budżecie.
Oczywiście żaden z tych obrazów nie jest tak naprawdę wyświetlany na ekranie, ponieważ prawie niemożliwe jest zrobienie wysokiej jakości zdjęcia czegoś, co pojawia się w telewizji. Wszystko to odbywa się w Photoshopie. Obraz tego, co chcą, aby pojawił się w telewizji, jest po prostu wklejony do obrazu samego telewizora. W tym samouczku dotyczącym programu Photoshop zobaczymy, jak to zrobić, abyś mógł używać tej samej techniki do własnych zdjęć!
Pamiętaj, że ta wersja samouczka dotyczy programu Photoshop CS4 i wcześniejszych wersji. Dla użytkowników Photoshop CS5, CS6 i CC lub innego przykładu wykorzystania tej techniki, sprawdź naszą w pełni zaktualizowaną wersję.
Oto obraz telewizora, który prawdopodobnie można znaleźć na ulotce w sklepie elektronicznym:
Obraz telewizora, podobny do tego, który można znaleźć na stronie sklepu elektronicznego lub w jego cotygodniowej ulotce.
A oto zdjęcie, które chcę wyświetlać w telewizji:
Zdjęcie meczu piłki nożnej.
Oto jak to będzie wyglądać, kiedy skończymy:
Wygląda na to, że gra wyświetla się teraz na ekranie telewizora.
Jak umieścić jeden obraz w innym
Krok 1: Wybierz obszar, do którego chcesz wkleić drugi obraz
Najpierw otwórz obraz, w którym chcesz umieścić drugi obraz i narysuj zaznaczenie wokół obszaru, w którym pojawi się drugi obraz. Narzędzie wyboru, którego użyjesz, będzie oczywiście zależeć od kształtu obszaru, który chcesz wybrać. Chcę, aby mój drugi obraz pojawił się na ekranie telewizora, który jest prostym czworobocznym kształtem, więc użyję narzędzia Lasso wielokątne programu Photoshop, które domyślnie ukrywa się za standardowym narzędziem Lasso w palecie Narzędzia. Kliknę ikonę Lasso Tool, następnie przytrzymam przycisk myszy przez sekundę lub dwie, aż pojawi się menu rozwijane, a następnie wybiorę narzędzie Lasso wielokątne z listy:
Wybieranie narzędzia Lasso wielokątne z palety Narzędzia w Photoshopie.
Narzędzie Lasso wielokątne pozwala narysować zaznaczenie, po prostu klikając w różnych punktach, w których kierunek wyboru musi się zmienić. Za każdym razem, gdy klikniesz w nowy punkt, Photoshop doda linię prostą między nowym punktem a ostatnim klikniętym punktem, podobnie do działania narzędzia Pióro podczas rysowania segmentów prostych ścieżek. Po prostu kontynuujesz klikanie wokół obszaru, który należy wybrać, dopóki nie nakreślisz całego obszaru i nie wrócisz do początku. Po ponownym kliknięciu pierwszego punktu program Photoshop utworzy zaznaczenie.
Wybór ekranu telewizora za pomocą narzędzia Lasso wielokątne jest łatwe. Wszystko, co muszę zrobić, to kliknąć w każdym z czterech rogów. Zacznę od lewego górnego rogu, następnie zejdę do lewego dolnego rogu, potem do prawego dolnego rogu i do prawego górnego rogu. Widzimy trzy dotychczas utworzone linie:
Kliknięcie w każdym rogu ekranu telewizora za pomocą narzędzia Lasso wielokątne, aby narysować zaznaczenie wokół niego.
Aby dokończyć wybór, kliknę jeszcze raz w to samo miejsce, w którym zacząłem, w lewym górnym rogu ekranu telewizora, a Photoshop utworzy dla mnie mój wybór:
Kliknij ponownie punkt początkowy, aby dokończyć wybór.
Krok 2: Skopiuj drugi obraz do schowka
Otwórz drugi obraz w Photoshopie i naciśnij Ctrl + A (Win) / Command + A (Mac), aby umieścić zaznaczenie wokół całego obrazu:
Naciśnij „Ctrl + A” (Win) / „Command + A” (Mac), aby umieścić zaznaczenie wokół całego obrazu.
Następnie naciśnij Ctrl + C (Win) / Command + C (Mac), aby skopiować obraz do schowka.
Krok 3: Wklej drugi obraz do zaznaczenia
Wróć do oryginalnego obrazu w Photoshopie. Nadal powinieneś zobaczyć wybór, który utworzyłeś przed chwilą. Wkleimy drugi obraz bezpośrednio w tym zaznaczeniu. Aby to zrobić, przejdź do menu Edycja u góry ekranu i wybierz Wklej do:
Wybierz „Wklej do” z menu „Edycja”.
Po wybraniu opcji „Wklej do” trzy rzeczy przydadzą się oryginalnemu obrazowi. Photoshop doda nową warstwę nad warstwą tła w palecie Warstwy, umieści drugi obraz na nowej warstwie i użyje dokonanego wyboru, aby utworzyć maskę warstwy, która ukryje wszystkie obszary drugiego obrazu które znajdują się poza zaznaczeniem, pozostawiając widoczny tylko obszar wewnątrz zaznaczenia. Innymi słowy, jedyną częścią mojego futbolowego obrazu, która będzie widoczna, jest obszar, który mieści się w zaznaczeniu dokonanym wokół ekranu telewizora.
Najpierw spójrzmy na paletę Warstwy dla oryginalnego obrazu, aby zobaczyć, co się stało. Widzimy, że mam teraz dwie warstwy - oryginalną warstwę tła na dole, która zawiera mój obraz telewizyjny, oraz nową warstwę, „warstwę 1”, nad nią, która zawiera zdjęcie piłki nożnej. Możemy również zobaczyć miniaturę maski warstwy (zakreśloną na czerwono) pokazującą nam utworzoną maskę warstwy. Biały prostokątny obszar pośrodku miniatury to wybrany obszar (ekran telewizora), a cały czarny obszar wokół niego to obszar, który nie został wybrany:
Photoshop dodaje nową warstwę do oryginalnego obrazu, umieszcza drugi obraz na nowej warstwie i tworzy maskę warstwy na podstawie zaznaczenia dokonanego w kroku 1.
A jeśli spojrzymy na sam obraz, możemy teraz zobaczyć obraz piłki nożnej pojawiający się na ekranie telewizora:
Drugi obraz pojawia się teraz w zaznaczeniu dokonanym na oryginalnym obrazie.
Krok 4: Zmień rozmiar drugiego obrazu za pomocą bezpłatnej transformacji
Jedynym problemem w tej chwili jest to, że telewizor jest ustawiony pod kątem, a zdjęcie, które do niego wkleiłem, nie jest, więc perspektywa między dwoma obrazami nie pasuje. Aby to naprawić, naciskam Ctrl + T (Win) / Command + T (Mac), aby wyświetlić pole Free Transform programu Photoshop i uchwyty wokół drugiego obrazu. Pierwszą rzeczą, którą zamierzam zrobić, jest dopasowanie jak największej ilości zdjęć piłkarskich do ekranu telewizora, tak jak mogę, więc przytrzymam Shift + Alt (Win) / Shift + Option (Mac) i przeciągnę jedno z cztery narożne uchwyty w kierunku środka, aby zmniejszyć obraz. Przytrzymanie „Shift” ogranicza proporcje obrazu podczas przeciągania, aby przypadkowo nie zniekształcić wyglądu obrazu, a przytrzymanie „Alt / Option” każe Photoshopowi zmienić rozmiar obrazu od jego środka, co ułatwia:
Zmień rozmiar obrazu zgodnie z potrzebami za pomocą polecenia „Free Transform” programu Photoshop.
Teraz, gdy jestem zadowolony z rozmiaru mojego drugiego obrazu, naprawię problem z perspektywą. Przy wciąż aktywnej darmowej transformacji przytrzymam Shift + Ctrl + Alt (Win) / Shift + Command + Option (Mac), co tymczasowo zmienia Free Transform w tryb transformacji Perspektywy. Możesz także przejść do menu Edycja, wybrać Przekształć, a następnie Perspektywa, ale skrót klawiaturowy jest łatwiejszy, jeśli masz już aktywne uchwyty Przekształcanie swobodne.
W trybie transformacji perspektywy ponownie kliknę uchwyt w lewym górnym rogu i przeciągnę go nieco w dół. Gdy przeciągnę lewy górny uchwyt w dół, uchwyt w lewym dolnym rogu przesunie się jednocześnie w górę. Pozwoli mi to zmniejszyć wysokość lewej strony obrazu piłki nożnej bez wpływu na wysokość prawej strony obrazu, tworząc złudzenie, że obraz jest pod tym samym kątem co telewizor:
Użyj trybu transformacji „Perspektywa”, aby naprawić problemy z perspektywą między dwoma obrazami.
Teraz, gdy jestem zadowolony z rozmiaru i kąta drugiego obrazu, nacisnę Enter (Win) / Return (Mac), aby zaakceptować zmiany i wyjść z polecenia Free Transform.
Krok 5: Dodaj styl wewnętrznej warstwy cienia
Aby zakończyć efekt, dodam delikatny cień do krawędzi obrazu piłkarskiego, aby bardziej przypominał wyświetlanie na ekranie telewizora, a mniej jak ktoś, kto go wkleił (chociaż dokładnie to zrobił). Po wybraniu opcji „Warstwa 1” kliknę ikonę Style warstw u dołu palety Warstwy i wybiorę Cień wewnętrzny z listy stylów warstw:
Kliknij ikonę „Style warstw” u dołu palety Warstwy i wybierz z listy „Cień wewnętrzny”.
Spowoduje to wyświetlenie okna dialogowego Styl warstwy programu Photoshop ustawionego na opcje Cień wewnętrzny w środkowej kolumnie. Zmniejsz krycie wewnętrznego cienia do około 60%, aby nie było tak intensywne, a następnie zmniejsz rozmiar i odległość do 1 piksela. Konieczne może być również dostosowanie kąta cienia w zależności od obrazu. Mam mój ustawiony na 120 °:
Zmień opcje dla stylu warstwy Wewnętrzny cień zaznaczonego powyżej.
Kliknij OK, aby wyjść z okna dialogowego Styl warstwy i zastosować cień, i gotowe! Tutaj, po dodaniu mojego efektu cienia wokół krawędzi obrazu piłki nożnej, aby wyglądał bardziej naturalnie na ekranie telewizora, jest mój końcowy wynik:
Wynik końcowy.