W tym samouczku dotyczącym programu Photoshop nauczymy się, jak zwrócić większą uwagę na główny temat obrazu, tworząc iluzję, że w pełnowymiarowym oryginale jest mniejsza, przycięta wersja zdjęcia, i dodamy do efekt poprzez konwersję pozostałego obszaru poza mniejszą wersją na czarno-biały. Ten samouczek jest w pełni zgodny z programem Photoshop CS6 i zawiera omówienie nowych opcji Wypełnianie i Obrys kształtów wektorowych w CS6. Jeśli używasz wcześniejszej wersji programu Photoshop, koniecznie zapoznaj się z naszym poprzednim samouczkiem Photo Within A Photo.
Oto zdjęcie, od którego zacznę (zdjęcie chłopca i dziewczynki w kwiatach z Shutterstock):
Oryginalny obraz.
A oto jak będzie wyglądał końcowy efekt „zdjęcie w zdjęciu”:
Wynik końcowy.
Jak umieścić zdjęcie na zdjęciu
Krok 1: Zduplikuj warstwę tła
Naszym pierwszym krokiem jest wykonanie kopii naszej warstwy tła. Jeśli spojrzymy na panel Warstwy, zobaczymy nasz nowo otwarty obraz siedzący na warstwie Tła, która w tej chwili jest jedyną warstwą, którą mamy:
Warstwa tła zawiera nasz oryginalny obraz.
Aby utworzyć kopię warstwy, przejdź do menu Warstwa na pasku menu u góry ekranu, wybierz Nowy, a następnie wybierz Warstwa przez kopiowanie . Lub, aby uzyskać szybszy dostęp do tego samego polecenia, po prostu naciśnij Ctrl + J (Win) / Command + J (Mac) na klawiaturze. Tak czy inaczej działa dobrze:
Przejście do Warstwa> Nowa> Warstwa poprzez kopiowanie.
Na obrazie w oknie dokumentu nic się nie wydarzy, ale jeśli spojrzymy ponownie w panelu Warstwy, zobaczymy, że Photoshop utworzył kopię warstwy, o nazwie kopia Warstwa 1 i umieścił ją bezpośrednio nad oryginalną warstwą tła :
Kopia warstwy pojawi się nad oryginałem.
Krok 2: Wybierz narzędzie Prostokąt
Wybierz narzędzie Prostokąt z panelu Narzędzia po lewej stronie ekranu. Upewnij się, że nie mylisz go z prostokątnym narzędziem markizy znajdującym się w górnej części panelu Narzędzia. Chcemy narzędzia Rectangle Tool - jednego z podstawowych narzędzi Shape w Photoshopie - i znajduje się ono bliżej dolnej części panelu Narzędzia:
Wybór narzędzia prostokąta.
Krok 3: Narysuj kształt mniejszego zdjęcia
Po wybraniu naszego narzędzia prostokąta narysujemy prostokątny kształt wokół głównego obiektu zdjęcia, który wkrótce stanie się mniejszą, przyciętą wersją obrazu. Ale zanim zaczniemy rysować, musimy ustawić kilka opcji dla narzędzia Prostokąt w pasku opcji u góry ekranu. Najpierw ustaw opcję Tryb narzędzia (znaną również jako opcję Tryb rysowania) po lewej stronie paska opcji na Kształt, jeśli nie jest już ustawiony, ponieważ chcemy narysować kształt wektorowy (w przeciwieństwie do ścieżki lub ścieżki kształt oparty na pikselach):
Ustawienie opcji Tryb narzędzia na Kształt.
Następnie musimy wybrać kolory wypełnienia i obrysu naszego kształtu. Najpierw wybierzmy kolor wypełnienia. Kliknij opcję Wypełnij na pasku opcji, która jest nowa w Photoshop CS6:
Kliknięcie opcji Wypełnij.
Spowoduje to otwarcie panelu, który pozwala nam wybrać rodzaj wypełnienia, którego chcemy (jednolity kolor, gradient, wzór lub w ogóle nic). Kliknij opcję Jednolity kolor u góry panelu (druga miniatura od lewej), a następnie wybierz kolor czarny jako kolor wypełnienia, klikając próbkę koloru czarnego. Technicznie możemy wybrać dowolny kolor wypełnienia, ponieważ i tak nie zobaczymy go w końcowym wyniku, ale aby utrzymać nas oboje na tej samej stronie, po prostu wybierzemy kolor czarny. Naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, gdy skończysz, aby zamknąć panel:
Kliknięcie opcji Jednolity kolor u góry panelu, a następnie wybranie koloru czarnego dla koloru wypełnienia.
Teraz wybierzemy kolor obrysu, który pojawi się wokół kształtu i będzie służył jako obramowanie zdjęcia. Kliknij opcję Obrys na pasku opcji, także nową w Photoshop CS6:
Kliknięcie opcji Obrys.
Otwiera to panel podobny do tego, który właśnie obejrzeliśmy, z tym wyjątkiem, że tutaj wybieramy rodzaj obrysu, który chcemy zastosować. Ponownie możemy wybrać jednolity kolor obrysu, gradientu, wzoru lub w ogóle nic. Ponownie kliknij opcję Jednolity kolor u góry panelu (druga miniatura od lewej), a następnie tym razem wybierz biały jako kolor obrysu, klikając próbkę koloru białego. Naciśnij Enter (Win) / Return (Mac), gdy skończysz, aby zamknąć panel:
Ponowne kliknięcie opcji Jednolity kolor, a następnie wybranie koloru białego dla koloru obrysu.
Ostatnią rzeczą, którą musimy zrobić przed narysowaniem kształtu, jest ustawienie początkowego rozmiaru obrysu. Na tym etapie nie musisz się martwić o wybór odpowiedniego rozmiaru, ponieważ Photoshop CS6 pozwala nam łatwo wrócić po narysowaniu kształtu i zmianie rozmiaru obrysu. Używam tutaj dużego obrazu o wysokiej rozdzielczości, więc na razie wprowadzę początkowy rozmiar 20 pkt w polu Rozmiar na pasku opcji. Będziesz chciał zacząć od niższej wartości, jeśli pracujesz z małym obrazem, ale znowu możemy łatwo zmienić go później. Naciśnij Enter (Win) / Return (Mac) po zakończeniu, aby zaakceptować początkowy rozmiar:
Wprowadzanie początkowego rozmiaru obrysu.
Po ustawieniu wszystkich opcji klikam wewnątrz obrazu za pomocą narzędzia Prostokąt i, trzymając wciśnięty przycisk myszy, przeciągam ukośnie po głównych obiektach, aby narysować wokół nich prostokąt. Podczas rysowania kształtu widoczny jest tylko początkowy kontur ścieżki:
Rysowanie prostokąta wokół chłopca i dziewczynki na zdjęciu.
Dopiero po zwolnieniu przycisku myszy Photoshop faktycznie rysuje kształt, wypełniając go kolorem czarnym i otaczając białym obrysem:
Zwolnij przycisk myszy, a Photoshop narysuje kształt.
Jeśli spojrzymy na panel Warstwy, zobaczymy, że Photoshop umieścił kształt prostokąta na własnej warstwie kształtu bezpośrednio nad warstwą 1:
Kształt pojawi się na nowej warstwie kształtu.
Krok 4: Zmień rozmiar obrysu, jeśli to konieczne
W tym momencie istnieje duża szansa, że biały obrys wokół kształtu wygląda na zbyt gruby lub zbyt cienki dla ramki zdjęcia, więc jeśli chcesz go zmienić, upewnij się, że narzędzie Prostokąt jest nadal wybrane w panelu Narzędzia i w warstwie Kształt (Prostokąt 1) jest zaznaczony (podświetlony na niebiesko) w panelu Warstwy, a następnie kliknij małą strzałkę bezpośrednio po prawej stronie bieżącego rozmiaru obrysu na pasku opcji. Spowoduje to otwarcie małego suwaka, który można przeciągnąć w lewo lub w prawo, aby zwiększyć lub zmniejszyć szerokość obrysu. Podczas przeciągania suwaka miej oko na obrys, aby uzyskać podgląd wyników na żywo. Zmniejszę rozmiar mojego obrysu do około 14 punktów, ale znowu pracuję nad obrazem w wysokiej rozdzielczości. Obrazy w niskiej rozdzielczości najprawdopodobniej będą wymagały niższej wartości:
Zmiana rozmiaru obrysu wokół kształtu.
Naciśnij Enter (Win) / Return (Mac), gdy skończysz, aby zamknąć suwak. Oto mój obraz po zmianie rozmiaru obrysu. W moim przypadku jest tylko trochę cieńszy niż wcześniej:
Obraz po zmianie rozmiaru obrysu wokół kształtu.
Krok 5: Przeciągnij warstwę kształtu poniżej warstwy 1
W tej chwili kształt całkowicie blokuje zdjęcie poniżej. Aby to naprawić, musimy przenieść naszą warstwę kształtu w dół między warstwą tła a warstwą 1. Aby to zrobić, kliknij warstwę kształtu w panelu Warstwy i trzymając wciśnięty przycisk myszy, zacznij przeciągać warstwę w dół, aż zobaczysz pasek wyróżnienia pojawi się między warstwą 1 a warstwą tła:
Przeciąganie warstwy kształtu w dół, aż pojawi się pasek podświetlenia.
Kiedy zobaczysz pasek podświetlenia, zwolnij przycisk myszy, a Photoshop upuści warstwę Shape na miejsce między dwiema pozostałymi warstwami:
Panel Warstwy pokazujący warstwę kształtu między oryginalnymi dwiema warstwami.
Gdy warstwa 1 znajduje się teraz nad warstwą kształtu, znów możemy zobaczyć całe nasze zdjęcie w oknie dokumentu, ale może się wydawać, że rozwiązaliśmy jeden problem, tworząc inny, ponieważ nasz kształt prostokąta zniknął. Naprawimy to za chwilę:
Zdjęcie w warstwie 1 tymczasowo blokuje widok prostokąta.
Krok 6: Wybierz warstwę 1
Kliknij opcję Warstwa 1 w panelu Warstwy, aby ją wybrać:
Kliknięcie warstwy 1.
Krok 7: Utwórz maskę przycinającą
Przy aktywnej warstwie 1 kliknij ikonę menu w prawym górnym rogu panelu Warstwy:
Kliknięcie ikony menu panelu Warstwy.
Wybierz polecenie Utwórz maskę przycinającą z wyświetlonego menu:
Wybieranie polecenia Utwórz maskę przycinającą z menu.
Spowoduje to „przycięcie” zdjęcia w warstwie 1 do kształtu prostokąta poniżej. Jeśli nie wiesz, jak działają maski przycinające w Photoshopie, może być trochę trudno powiedzieć, patrząc na obraz dokładnie, co się dzieje w tym momencie (to dlatego, że zarówno warstwa 1, jak i warstwa tła zawierają dokładnie to samo zdjęcie ), ale możemy powiedzieć, że coś się wydarzyło, ponieważ biały obrys wokół kształtu prostokąta powrócił, dając nam pierwszą część iluzji „zdjęcie w obrębie zdjęcia”:
Obraz po utworzeniu maski przycinającej.
Jeśli spojrzymy szybko na panel Warstwy, zobaczymy, że Warstwa 1 jest teraz wcięta w prawo za pomocą małej strzałki po lewej stronie miniatury podglądu skierowanej w dół na warstwę Kształt poniżej, i tak Photoshop mówi nam, że Warstwa 1 jest teraz przycięty do warstwy kształtu:
Panel Warstwy pokazujący maskę przycinającą.
Krok 8: Wybierz warstwę kształtu
Kliknij warstwę Kształt w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy kształtu.
Krok 9: Dodaj cień
Pomóżmy mniejszemu zdjęciu w środku bardziej się wyróżniać, nadając mu cień. Po wybraniu warstwy kształtu kliknij ikonę Style warstw („efekt”) u dołu panelu Warstwy:
Kliknięcie ikony Style warstw.
Wybierz Drop Shadow z dolnej listy listy stylów warstw, która się pojawi:
Wybór stylu warstwy Cienia.
Spowoduje to otwarcie okna dialogowego Styl warstwy programu Photoshop z ustawionymi opcjami Cień w środkowej kolumnie. Najpierw zamierzam zmienić kąt cienia na około 135 °, aby źródło światła wydawało się być od lewego górnego rogu. Kontrolujemy, jak daleko cień wystaje zza obiektu za pomocą suwaka Odległość . W przypadku mojego obrazu o wysokiej rozdzielczości wartość Odległości około 80 pikseli działa dobrze, ale obrazy o niższej rozdzielczości będą wymagały znacznie niższej wartości, więc może być konieczne trochę eksperymentowania. Na szczęście Photoshop daje nam podgląd na żywo wyników w oknie dokumentu, gdy przeciągamy suwak w lewo lub w prawo, aby wypróbować różne wartości, dzięki czemu eksperymentowanie jest łatwe.
Aby zmiękczyć krawędzie cienia, używamy opcji Rozmiar . Im wyższa wartość, tym bardziej miękkie krawędzie, ale znowu, wartość, której potrzebujesz, zależy w dużej mierze od rozmiaru twojego obrazu. Dla mnie wartość Rozmiar 30 pikseli ładnie zmiękcza krawędzie, ale mniejsza wartość będzie działać lepiej z mniejszymi obrazami. Wreszcie zamierzam obniżyć Krycie mojego cienia aż do 30%, więc jest przyjemny i subtelny. Nie chcemy, aby cień był głównym przedmiotem efektu:
Opcje Drop Shadow.
Kliknij OK po zakończeniu, aby zamknąć okno dialogowe Styl warstwy. Oto jak wygląda efekt z cieniem zastosowanym do mniejszej wersji zdjęcia:
Obraz po zastosowaniu cienia.
Krok 10: Zmień rozmiar i obróć mniejsze zdjęcie z bezpłatną transformacją
Aby dodać nieco więcej zainteresowania efektowi, obróćmy trochę mniejsze zdjęcie i zmień jego rozmiar w razie potrzeby w tym samym czasie. Obie te czynności możemy wykonać za pomocą polecenia Bezpłatna transformacja programu Photoshop. Upewnij się, że warstwa kształtu jest nadal zaznaczona w panelu Warstwy, a następnie przejdź do menu Edycja u góry ekranu i wybierz opcję Przekształć swobodnie :
Przejście do Edycja> Darmowa transformacja.
Powoduje to umieszczenie pola i transformacji swobodnej (małe kwadraty) wokół mniejszego obrazu. Aby zmienić jego rozmiar, po prostu kliknij i przeciągnij dowolny uchwyt . Znajdziesz jeden w każdym rogu, a także u góry, u dołu, z lewej i prawej strony. Aby go obrócić, przesuń kursor myszy w dowolne miejsce poza polem Swobodne przekształcanie, a następnie kliknij i przeciągnij w lewo lub w prawo. Możesz również przenieść mniejszy obraz, klikając dowolne miejsce w polu Swobodne przekształcanie i przeciągając. Zauważysz, że tak naprawdę sam obraz nie jest zmieniany, obracany ani przenoszony. Dotyczy to tylko białej ramki wokół obrazu (a także cienia). Po zakończeniu naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby zaakceptować zmianę i wyjść z Free Transform:
Zmienianie rozmiaru, obracanie i przenoszenie mniejszego obrazu za pomocą funkcji Przekształcanie swobodne.
Krok 11: Wybierz warstwę tła
Aby zakończyć efekt, szybko przekonwertujmy resztę obrazu - czyli obszar otaczający mniejszą wersję zdjęcia - na czarno-biały. Kliknij warstwę tła w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy tła.
Krok 12: Dodaj czarno-białą warstwę dopasowania
Po wybraniu warstwy tła kliknij ikonę Nowa warstwa dopasowania u dołu panelu Warstwy:
Kliknięcie ikony Nowa warstwa dopasowania.
Wybierz Czarno-biały z wyświetlonej listy warstw dopasowania:
Wybór czarno-białego z listy.
Dodaje to czarno-białą warstwę dopasowania (o nazwie Czarno-biały 1) do dokumentu bezpośrednio nad warstwą tła, jak widzimy w panelu Warstwy, co oznacza, że będzie to miało wpływ tylko na obraz na warstwie tła poniżej. Mniejsza wersja zdjęcia w warstwie 1, która znajduje się wyżej w stosie warstw, pozostanie w pełnym kolorze:
Panel Warstwy pokazujący warstwę dopasowania nad warstwą tła.
Elementy sterujące i opcje dla warstwy dopasowania Czarno-białe zostaną wyświetlone w panelu Właściwości . Regulacja obrazu czarno-białego została po raz pierwszy wprowadzona w programie Photoshop CS3 i od razu stała się najlepszym sposobem konwersji kolorowych zdjęć na czarno-białe. Ponieważ jednak wszystko, co tutaj robimy, polega na przekształceniu nieistotnych obszarów zdjęcia w czarno-białe, nie potrzebujemy niczego wymyślnego, więc po prostu kliknę przycisk Auto, aby umożliwić Photoshopowi szybkie „najlepsze” zgadnij ”konwersja dla mnie:
Kliknięcie przycisku Auto powoduje natychmiastową konwersję czerni i bieli.
I z tym skończyliśmy! Mniejsze zdjęcie pozostaje w pełnym kolorze, a otaczający go obszar można łatwo przekształcić w czarno-biały, tworząc nasz końcowy efekt:
Ostateczny wynik „zdjęcie w zdjęciu”.