Dowiedz się, jak łatwo zamienić dowolne zdjęcie w własne dekoracyjne tło lub obramowanie w Photoshopie! Ten efekt jest świetny do zdjęć ślubnych lub zaręczynowych i zajmuje bardzo mało czasu od początku do końca.
Aby stworzyć efekt, użyjemy dwóch osobnych kopii zdjęcia; jeden dla głównego obrazu i jeden dla tła. Pokolorujemy tło za pomocą koloru próbkowanego bezpośrednio z obrazu, a następnie odwrócimy go i przejdziemy w efekt przypominający znak wodny.
Następnie zrobimy nasze główne zdjęcie, przeskalujemy je, nadamy mu ładne obramowanie i cień, a na koniec ustawimy w idealnym miejscu przed tłem.
Będę tutaj używać programu Photoshop CC, ale ten samouczek jest również w pełni zgodny z programem Photoshop CS6. Jeśli używasz wcześniejszej wersji programu Photoshop, powinieneś postępować zgodnie z naszym oryginalnym samouczkiem Używanie zdjęcia jako własnego tła.
Oto zdjęcie, którego będę używać (zdjęcie ślubne z Adobe Stock):
Oryginalne zdjęcie. Źródło: Adobe Stock.
A oto jak będzie wyglądał efekt końcowy:
Wynik końcowy.
Zamień zdjęcie we własne tło
Krok 1: Zduplikuj warstwę tła
Po otwarciu obrazu w Photoshopie, jeśli spojrzymy na panel Warstwy, zobaczymy zdjęcie siedzące na warstwie Tła, która obecnie jest jedyną warstwą w dokumencie:
Panel Warstwy pokazujący zdjęcie na warstwie Tła.
Pierwszą rzeczą, którą musimy zrobić, to zrobić kilka kopii zdjęcia. Pierwszą kopię wykorzystamy jako tło, a drugą kopię dla obrazu głównego.
Aby wykonać pierwszą kopię, przejdź do menu Warstwa na pasku menu u góry ekranu, wybierz Nowy, a następnie wybierz Warstwa przez kopiowanie . Lub szybszym sposobem jest naciśnięcie skrótu klawiaturowego Ctrl + J (Win) / Command + J (Mac):
Przejście do Warstwa> Nowa> Warstwa przez kopiowanie.
Photoshop tworzy kopię warstwy tła, nazywa kopię „warstwą 1” i umieszcza ją nad oryginałem:
Pierwsza kopia o nazwie „Warstwa 1” pojawi się w panelu Warstwy.
Krok 2: Zduplikuj „warstwę 1”
Aby wykonać drugą kopię, ponownie przejdź do menu Warstwa, wybierz Nowy, a następnie wybierz Warstwa poprzez kopiowanie lub naciśnij skrót klawiaturowy, Ctrl + J (Win) / Command + J (Mac):
Przejdę ponownie do Warstwa> Nowa> Warstwa przez kopiowanie.
Druga kopia, nazwana „Kopią warstwy 1”, pojawia się nad pozostałymi dwiema warstwami:
Panel Warstwy pokazuje teraz oryginalną warstwę tła i dwie kopie nad nią.
Być może zastanawiasz się, dlaczego potrzebujemy tutaj trzech warstw, kiedy wydaje się, że wszystko, czego naprawdę potrzebujemy, to dwie; jeden dla głównego zdjęcia i jeden dla tła. Powodem jest to, że warstwa tła na dole zawiera nasze oryginalne informacje o obrazie. Pozostawiając nietkniętą warstwę tła, możemy bezpiecznie stworzyć nasz efekt, zachowując oryginalne zdjęcie w stanie nienaruszonym na wypadek, gdyby było to potrzebne.
Krok 3: Zmień nazwę nowych warstw
Zanim przejdziemy dalej, szybko zmieńmy nazwę dwóch właśnie dodanych warstw, abyśmy nie pracowali z ogólnymi nazwami warstw Photoshopa. Zaczniemy od warstwy u góry. Kliknij dwukrotnie nazwę „Warstwa 1 kopia”, aby ją podświetlić. Następnie wpisz „Główne zdjęcie” na klawiaturze, aby uzyskać nową nazwę:
Zmiana nazwy górnej warstwy na „Zdjęcie główne”.
Naciśnij klawisz Tab na klawiaturze, aby zeskoczyć w dół i podświetlić nazwę warstwy poniżej („Warstwa 1”):
Naciśnij Tab, aby podświetlić nazwę następnej warstwy.
Wpisz „Zdjęcie w tle” jako nową nazwę warstwy. Następnie naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby zaakceptować zmianę nazwy:
Zmień nazwę „Warstwy 1” na „Zdjęcie w tle”.
Krok 4: Ukryj warstwę „Zdjęcie główne”
Najpierw stworzymy efekt tła. Aby zobaczyć, co robimy, musimy ukryć górną warstwę („Zdjęcie główne”) przed widokiem. Aby to zrobić, kliknij ikonę widoczności ( ikonę gałki ocznej) po lewej stronie warstwy „Główne zdjęcie”:
Kliknięcie ikony widoczności warstwy „Zdjęcie główne”, aby ukryć ją w dokumencie.
Krok 5: Wybierz narzędzie Kroplomierz
Gdy warstwa „Zdjęcie główne” jest teraz ukryta, pokolorujmy tło, używając koloru próbkowanego bezpośrednio z obrazu. Do tego potrzebujemy narzędzia Kroplomierz Photoshopa. Wybierz go z paska narzędzi:
Wybieranie narzędzia Kroplomierz.
Krok 6: Ustaw wielkość próbki na „Średnia 5 x 5”
Po wybraniu narzędzia Kroplomierz spójrz w górę na pasku opcji u góry ekranu, a znajdziesz opcję Rozmiar próbki . Domyślnie Rozmiar próbki jest ustawiony na Próbka punktowa, co oznacza, że kiedy klikamy obraz, aby próbkować kolor za pomocą narzędzia Kroplomierz, próbkujemy kolor tylko z określonego piksela, który kliknęliśmy.
Zwykle jest to zbyt dokładne w stosunku do tego, czego potrzebujemy. Zamiast próbkować kolor tylko z tego jednego piksela, często lepiej jest wypróbować średni kolor miejsca, w którym klikamy.
Aby to zrobić, zmień Rozmiar próbki na 5 x 5 Średnia . To mówi Photoshopowi, aby spojrzał na wszystkie piksele w polu 5 na 5 pikseli otaczającym piksel, który klikamy, a następnie wybrał średni kolor tych pikseli:
Zmiana wielkości próbki na „5 x 5 Average”.
Krok 7: Próbkuj kolor z obrazu
Kliknij obszar na obrazie zawierający kolor, którego chcesz użyć jako tła. Spróbuję kolor z policzka kobiety, który powinien ładnie działać:
Kliknięcie obrazu za pomocą narzędzia Kroplomierz w celu próbkowania koloru.
Kolor, z którego próbkowano, pojawi się na pasku narzędzi jako nowy kolor pierwszego planu :
Próbka koloru pierwszego planu na pasku narzędzi.
Krok 8: Koloruj tło za pomocą warstwy dopasowania odcienia / nasycenia
Po pobraniu próbki koloru użyjmy go do pokolorowania tła. W tym celu użyjemy jednej z warstw dopasowania Barwa / Nasycenie w Photoshopie. Kliknij ikonę Nowa warstwa wypełnienia lub dopasowania u dołu panelu Warstwy:
Kliknięcie ikony Nowa warstwa wypełnienia lub dopasowania.
Następnie wybierz Barwa / Nasycenie z listy:
Wybór warstwy dopasowania Barwa / Nasycenie.
Opcje i elementy sterujące dla warstwy dopasowania Barwa / Nasycenie są wyświetlane w panelu Właściwości . Nie ma potrzeby szukania kolorów za pomocą suwaków, ponieważ wybraliśmy już kolor, którego chcemy użyć. Zamiast tego wystarczy włączyć opcję Koloruj, klikając wewnątrz jej pola wyboru:
Wybranie opcji „Koloruj” w panelu Właściwości.
Program Photoshop natychmiast koloruje obraz przy użyciu próbkowanego koloru:
Początkowy efekt koloryzujący.
Zwiększ nasycenie koloru, przeciągając suwak Nasycenie w panelu Właściwości w prawo. Wartość 50 powinna dobrze działać. Następnie, aby wygasić tło, przeciągnij suwak Lekkość w prawo do wartości około +75 :
Zwiększenie nasycenia do 50 i lekkości do +75.
Oto jak teraz wygląda moje tło:
Wyblakłe, pokolorowane tło.
Krok 9: Odwróć obraz w poziomie
Obróćmy zdjęcie tła w poziomie, aby pojawiło się jako odbicie lustrzane naszego głównego zdjęcia. Aby to zrobić, kliknij warstwę „Zdjęcie w tle” w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy „Zdjęcie w tle”.
Przejdź do menu Edycja u góry ekranu, wybierz Przekształć, a następnie Odwróć w poziomie :
Przejście do Edycja> Przekształć> Odwróć w poziomie.
Zdjęcie zostanie odwrócone na bok, dając nam efekt „odbicia lustrzanego” i kończąc naszą pracę w tle:
Wynik po obróceniu zdjęcia tła w poziomie.
Utwórz efekt odbicia lustrzanego w Photoshopie
Krok 10: Wybierz i włącz warstwę „Main Photo”
Na razie skończyliśmy z naszym tłem, więc popracujmy nad naszym głównym obrazem. Kliknij warstwę „Główne zdjęcie” w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy „Main Photo”.
Następnie ponownie włącz warstwę „Zdjęcie główne” w dokumencie, ponownie klikając ikonę widoczności (pusty kwadrat w miejscu, w którym znajdowała się gałka oczna):
Kliknięcie ikony widoczności dla warstwy „Zdjęcie główne”.
Po ponownym włączeniu warstwy „Główne zdjęcie” oryginalny obraz blokuje widok zdjęcia w tle. Naprawimy to następnie:
Główne zdjęcie jest ponownie widoczne przed tłem.
Krok 11: Zmień rozmiar głównego zdjęcia za pomocą bezpłatnej transformacji
Zmieńmy rozmiar głównego zdjęcia, aby wydawało się mniejsze przed tłem. Przejdź do menu Edycja u góry ekranu i wybierz Free Transform . Lub szybszy sposób na wybranie Free Transform to naciśnięcie skrótu klawiaturowego, Ctrl + T (Win) / Command + T (Mac):
Przejście do Edycja> Darmowa transformacja.
To umieszcza pole Bezpłatna transformacja programu Photoshop i obsługuje wokół obrazu. Naciśnij i przytrzymaj klawisze Shift + Alt (Win) / Shift + Option (Mac) na klawiaturze podczas przeciągania jednego z narożnych uchwytów do wewnątrz, aby zmniejszyć rozmiar zdjęcia. Przytrzymanie Shift podczas przeciągania utrzymuje oryginalne proporcje obrazu zablokowane na swoim miejscu, podczas gdy klawisz Alt / Option nakazuje Photoshopowi zmianę rozmiaru obrazu od jego środka, a nie rogu.
To z twojej strony wezwanie do oceny, jak mały chcesz zrobić swój wizerunek. Zrobię kopalnię w przybliżeniu 50-60% jej pierwotnego rozmiaru:
Zmniejszanie rozmiaru głównego zdjęcia za pomocą darmowej transformacji.
Gdy jesteś zadowolony z rozmiaru obrazu, zwolnij przycisk myszy, a następnie zwolnij klawisz Shift i Alt / Option. Upewnij się, że najpierw zwolnisz przycisk myszy, a następnie klawisze, inaczej stracisz efekt działania klawiszy.
Naciśnij klawisz Enter (Win) / Return (Mac) na klawiaturze, aby zaakceptować nowy rozmiar obrazu i wyjść z polecenia Free Transform:
Wynik po zmianie rozmiaru głównego obrazu za pomocą Free Transform.
Krok 12: Dodaj obrys wokół głównego zdjęcia
Dodajmy cienką ramkę wokół naszego głównego obrazu. W tym celu użyjemy stylu warstwy obrysu. Kliknij ikonę Style warstw (ikona „FX”) na dole panelu Warstwy:
Kliknięcie ikony Style warstw.
Następnie wybierz Obrys z wyświetlonej listy:
Wybierz „Obrys” z listy stylów warstw.
Otworzy się okno dialogowe Styl warstwy ustawione na opcje Obrys w środkowej kolumnie. Wybierzmy kolor dla naszego obrysu, ponownie próbkując kolor z obrazu. Aby zmienić kolor obrysu, kliknij próbkę koloru :
Kliknięcie próbki koloru w opcjach Obrys.
Spowoduje to otwarcie Próbnika kolorów Photoshopa. Zamiast wybierać kolor z Próbnika kolorów, jak to zwykle robimy, przesuń kursor myszy nad obraz. Kursor zmieni się w ikonę kroplomierza, tak jak widzieliśmy wcześniej za pomocą narzędzia Kroplomierz.
Kliknij kolor obrazu, którego chcesz użyć do obrysu, aby Photoshop mógł go wypróbować. Kliknę na jasnoszary z sukienki panny młodej:
Próbkowanie koloru obrysu z obrazu.
Po próbkowaniu koloru kliknij przycisk OK w Próbniku kolorów, aby go zamknąć:
Kliknij przycisk OK, aby zamknąć próbnik kolorów.
Następnie, z powrotem w oknie dialogowym Styl warstwy, upewnij się, że opcja Pozycja jest ustawiona na Wewnątrz, dzięki czemu nasze obrysy będą ostre. Następnie zwiększ grubość obrysu, przeciągając suwak Rozmiar w prawo. Dokładny rozmiar, który wybierzesz, będzie zależeć od rozmiaru twojego obrazu, ale pamiętaj, że nie zamierzamy tutaj wyglądać jak Polaroid. Chcemy czegoś bardziej eleganckiego, zwłaszcza jeśli robisz to ze zdjęciem ślubnym, więc staraj się, aby twój ruch był dość cienki. W przypadku mojego obrazu dobrze sprawdza się rozmiar obrysu około 16 pikseli :
Ustaw pozycję na „Inside”, a następnie zwiększ wartość Size.
Nie zamykaj jeszcze okna dialogowego Styl warstwy, ponieważ mamy jeszcze jeden styl warstwy do dodania. Oto, jak do tej pory wygląda mój główny obraz z zastosowanym obrysem. Jak widzimy, obrys jest cienki i ledwo widoczny:
Wynik po dodaniu obrysu wokół głównego obrazu.
Krok 13: Dodaj cień
Następnie dodajmy cień do głównego obrazu. Kliknij bezpośrednio na słowa Cień po lewej stronie okna dialogowego Styl warstwy:
Kliknięcie słów „Cień”.
Spowoduje to wyświetlenie opcji Drop Shadow w środkowej kolumnie (gdzie przed chwilą były dostępne opcje Stroke). Domyślnie Photoshop ustawia kolor cienia na czarny, ale jest to zbyt trudne dla tego efektu. Spróbujmy jeszcze raz kolor z obrazu. Aby zmienić kolor cienia, kliknij próbkę koloru :
Kliknięcie próbki koloru w opcjach Cień.
To ponownie otworzy próbnik kolorów . Tak jak poprzednio, przesuń kursor myszy nad obrazem. Kursor zmieni się w ikonę kroplomierza . Poszukaj koloru na obrazie, który jest mniej więcej taki sam jak kolor użyty do pokolorowania tła. Tylko tym razem będziesz potrzebować ciemniejszej wersji koloru (w końcu to cień). Kliknę obszar tuż pod brodą kobiety:
Próbkowanie ciemniejszego odcienia skóry dla koloru cienia.
Kliknij przycisk OK w Próbniku kolorów, aby go zamknąć i zaakceptować nowy kolor cienia:
Kliknij przycisk OK, aby zamknąć próbnik kolorów.
Z powrotem w oknie dialogowym Styl warstwy pozostaw opcję Krycie ustawioną na 35% (wartość domyślna), ale zmień Kąt na 135 °, aby źródło światła wydawało się być od lewego górnego rogu. Przeciągnij suwak Odległość, aby kontrolować, jak daleko cień rozciąga się na zewnątrz za obrazem. Potrzebna ilość zależy od rozmiaru obrazu, więc miej oko na dokumencie podczas przeciągania suwaka. Dla mnie wartość odległości około 60 pikseli wygląda dobrze.
Na koniec przeciągnij suwak Rozmiar, aby dostosować miękkość cienia. Znowu będzie to zależeć od twojego wizerunku. Pójdę z wartością Rozmiar 30 pikseli :
Opcje Cień w oknie dialogowym Styl warstwy.
Kliknij OK po zakończeniu, aby zamknąć okno dialogowe Styl warstwy. Twój efekt powinien teraz wyglądać mniej więcej tak:
Wynik po zastosowaniu obrysu i cienia na głównym obrazie.
Krok 14: Zmień położenie głównego zdjęcia
Wszystko wygląda dobrze, z wyjątkiem jednego problemu. Moim głównym obrazem z przodu jest blokowanie ludziom widoku w tle. Naprawię problem, przenosząc główny obraz w lepsze miejsce. Najpierw wybiorę narzędzie przenoszenia programu Photoshop z paska narzędzi. Mogę również wybrać narzędzie Move, naciskając literę V na klawiaturze:
Wybór narzędzia przenoszenia.
Następnie, gdy moja warstwa „Zdjęcie główne” jest nadal wybrana w panelu Warstwy, kliknę wewnątrz dokumentu i przeciągnę zdjęcie główne w nowe miejsce. Znowu będzie to zależeć od konkretnego obrazu, nad którym pracujesz, i może nie być wcale konieczne przenoszenie obrazu. W moim przypadku przesunę obraz w dół w lewym dolnym rogu dokumentu:
Przeciąganie obrazu ze środka do lewego dolnego rogu.
Krok 15: Zmień rozmiar i położenie zdjęcia w tle
Jedynym pozostałym problemem jest to, że prawa strona mojego głównego zdjęcia nadal blokuje zbyt wiele pary z widoku w tle. Muszę przesunąć parę w tle dalej w prawo i mogę to zrobić, zwiększając rozmiar mojego zdjęcia w tle. Zwykle staramy się unikać robienia zdjęć większych niż ich pierwotny rozmiar, ponieważ powoduje to, że wydają się miękkie i matowe. Ale ponieważ ten obraz jest używany jedynie jako tło, możemy go uniknąć.
Najpierw kliknę warstwę „Zdjęcie w tle” w panelu Warstwy, aby ją wybrać:
Wybieranie warstwy „Zdjęcie w tle”.
Następnie ponownie przejdę do menu Edycja u góry ekranu i wybierz opcję Przekształć swobodnie . Lub mógłbym nacisnąć skrót klawiaturowy, Ctrl + T (Win) / Command + T (Mac):
Przejście do Edycja> Darmowa transformacja.
Spowoduje to umieszczenie pola Przekształć swobodnie i obejmie zdjęcie w tle. Aby dać sobie więcej miejsca do pracy, pomniejszę nieco obraz, naciskając i przytrzymując klawisz Ctrl (Win) / Command (Mac) i kilkakrotnie naciskając klawisz minus ( - ) na klawiaturze. To pozwala mi zobaczyć więcej pustego obszaru roboczego (ciemnego obszaru) wokół obrazu:
Pomniejszanie obrazu, aby zobaczyć więcej obszaru wokół zdjęcia.
Aby zmienić rozmiar zdjęcia w tle, naciśnij i przytrzymaj klawisz Shift, aby zablokować oryginalne proporcje obrazu, przeciągając uchwyt w prawym górnym rogu na zewnątrz, aż dwie osoby pojawią się bardziej pośrodku między głównym zdjęciem a prawa strona dokumentu. Kiedy będę zadowolony z nowego rozmiaru, zwolnię przycisk myszy, a następnie zwolnię klawisz Shift (w tej kolejności):
Przytrzymując Shift, przeciągnij prawy górny uchwyt Wolnej transformacji na zewnątrz.
Możemy również zmienić położenie obrazu w dokumencie za pomocą swobodnej transformacji. Teraz, gdy zmieniłem rozmiar zdjęcia w tle, przesunę go nieco w dół, klikając wewnątrz pola swobodnej transformacji i przeciągając myszą w dół, aż czubek głowy kobiety nie jest już odcinany dokument. Kiedy jesteś zadowolony z rozmiaru i położenia zdjęcia w tle, naciśnij Enter (Win) / Return (Mac) na klawiaturze, aby je zaakceptować i wyjść z Free Transform:
Kliknięcie i przeciągnięcie w polu Swobodne przekształcanie powoduje przesunięcie zdjęcia tła w dół.
I z tym skończyliśmy! Oto, po zmianie rozmiaru i położenia zdjęcia w tle, mój końcowy wynik:
Efekt końcowy.
Mamy to! W ten sposób możesz łatwo zamienić zdjęcie w własne dekoracyjne tło lub obramowanie w Photoshopie! Aby zapoznać się z podobnymi samouczkami, zapoznaj się z sekcją Obramowania i ramki programu Photoshop. Możesz też odwiedzić naszą główną sekcję Efekty fotograficzne, aby uzyskać więcej samouczków dotyczących efektów Photoshop!