W tym samouczku dotyczącym programu Photoshop nauczymy się, jak łatwo dodać realistyczne odbicie wody do dowolnego zdjęcia. Jest to bardzo łatwy efekt do utworzenia i możesz dodać go do dowolnego zdjęcia, które ci się podoba, chociaż najlepiej działa z obrazami, które nie zawierają jeszcze wody. Będziemy używać prostego filtra i mapy przemieszczeń, aby stworzyć efekt falowania wody, oraz warstwy dopasowania Barwa / Nasycenie, aby nadać naszej wodzie trochę koloru.
Uwaga do wersji: Ten samouczek został napisany dla Photoshopa CS5 i wcześniejszych wersji. Użytkownicy programów Photoshop CC i CS6 będą chcieli zapoznać się z naszym całkowicie nowym samouczkiem dotyczącym efektu odbicia wody.
Oto zdjęcie, z którym będę pracować w tym samouczku:
Oryginalny obraz.
A oto jak będzie wyglądał nasz obraz po dodaniu odbicia wody:
Wynik końcowy.
Ten samouczek pochodzi z naszej serii efektów fotograficznych. Zacznijmy!
Krok 1: Zduplikuj warstwę tła
Po otwarciu naszego obrazu w Photoshopie możemy zobaczyć na palecie Warstwy, że obecnie mamy jedną warstwę, warstwę tła, która zawiera nasz obraz:
Oryginalny obraz na warstwie Tła w palecie Warstwy.
Musimy powielić warstwę tła i możemy to zrobić za pomocą skrótu klawiaturowego Ctrl + J (Win) / Command + J (Mac). Teraz, kiedy patrzę teraz na paletę Warstwy, widzę, że mam teraz dwie warstwy - moją oryginalną warstwę Tła na dole i nową warstwę „Warstwa 1”, nad którą jest mój duplikat:
Naciśnij „Ctrl + J” (Win) / „Command + J” (Mac), aby powielić warstwę tła.
Krok 2: Dodaj więcej miejsca na płótnie na dole dokumentu
Dodamy odbicie wody pod obrazem, więc dodajmy przestrzeń na płótnie na dole naszego dokumentu, aby zrobić miejsce dla naszego odbicia. Aby to zrobić, przejdź do menu Obraz u góry ekranu i wybierz Rozmiar płótna . Spowoduje to wyświetlenie okna dialogowego „Rozmiar płótna” programu Photoshop. Najprościej jest dodać dwa razy więcej miejsca na płótnie niż to, co obecnie mamy, ale chcemy, aby pojawiało się tylko na dole dokumentu, nie nad nim ani po żadnej stronie, więc musimy powiedzieć Photoshopowi dokładnie, gdzie chcemy, aby ta dodatkowa przestrzeń na płótnie poszła.
Najpierw wprowadź 100 dla Wysokość i ustaw pomiar na wartość procentową, tak jak zaznaczono na czerwono poniżej. Pozostaw opcję Szerokość ustawioną na 0. Następnie upewnij się, że opcja Względna jest zaznaczona, co mówi Photoshopowi, aby dał nam 100% więcej miejsca na płótnie niż to, co już mamy. Pod opcją „Względna” znajduje się siatka kwadratów 3 x 3. W tym miejscu mówimy Photoshopowi, gdzie chcemy umieścić naszą dodatkową przestrzeń na płótnie. Kliknij wewnątrz kwadratu pośrodku górnego rzędu (ponownie zgodnie z kółkiem poniżej). Mówi to Photoshopowi, aby nie umieszczał żadnej dodatkowej przestrzeni płótna nad dokumentem, a zamiast tego umieszczał całość na dole:
Dodaj więcej miejsca na płótnie za pomocą okna dialogowego „Rozmiar płótna”.
Kliknij przycisk OK, aby wyjść z okna dialogowego, a Photoshop doda dodatkową przestrzeń kanwy na dole obrazu:
x
Wysokość dokumentu została teraz podwojona dzięki dodatkowej przestrzeni płótna na dole.
Krok 3: Odwróć górną warstwę pionowo
Aby stworzyć nasze odbicie, musimy odwrócić obraz do góry nogami, więc zróbmy to. Po zaznaczeniu górnej warstwy na palecie Warstwy przejdź do menu Edycja u góry ekranu, wybierz opcję Przekształć, a następnie wybierz opcję Odwróć w pionie . Photoshop odwróci obraz do góry nogami w dokumencie:
Przejdź do Edycja> Przekształć> Odwróć w pionie, aby odwrócić obraz na górnej warstwie do góry nogami.
Krok 4: Przeciągnij odwrócony obraz na spód dokumentu
Potrzebujemy odwróconego obrazu na dole dokumentu, więc weź narzędzie Move Tool z palety Narzędzia lub naciśnij V na klawiaturze, aby uzyskać skrót:
Wybierz narzędzie Move.
Następnie, przy zaznaczonym narzędziu Przenieś, kliknij wewnątrz dokumentu i przeciągnij odwrócony obraz w dół na dół, aż jego górna część zostanie wyrównana z dolną częścią oryginalnego obrazu powyżej. Przytrzymaj klawisz Shift podczas przeciągania, aby upewnić się, że przeciągasz w dół w linii prostej:
Przeciągnij odwrócony obraz poniżej oryginału.
Krok 5: Dodaj nową pustą warstwę
Teraz, gdy mamy już odwrócony obraz, możemy zacząć tworzyć efekt falowania wody. Najpierw musimy dodać nową pustą warstwę u góry palety Warstwy, więc przy wciąż zaznaczonej opcji „Warstwa 1” kliknij ikonę Nowa warstwa u dołu palety Warstwy:
Dodaj nową pustą warstwę do dokumentu.
Krok 6: Wypełnij nową warstwę kolorem białym
Wypełnimy naszą nową pustą warstwę bielą. Jeśli kolor biały nie jest obecnie kolorem tła, naciśnij klawisz D na klawiaturze, co spowoduje zresetowanie kolorów pierwszego planu i tła programu Photoshop, zmieniając kolor czarny na pierwszym planie i biel na kolor tła. Następnie użyj skrótu klawiaturowego Ctrl + Backspace (Win) / Command + Delete (Mac), aby wypełnić nową warstwę kolorem tła (biały). Twój dokument zostanie wypełniony białym kolorem.
Cały obraz jest teraz wypełniony kolorem białym.
Krok 7: Zastosuj filtr „Wzór półtonów”, aby utworzyć czarno-białe poziome linie
Przejdź do menu Filtr u góry ekranu, wybierz Szkic, a następnie wybierz Wzór rastra. Spowoduje to wyświetlenie Galerii filtrów Photoshopa (w Photoshop CS i wyższych) ustawionych na opcje filtrowania „Wzór półtonów” po prawej stronie, z dużym podglądem efektu po lewej stronie. Użyjemy tego filtra, aby dodać do obrazu szereg czarno-białych poziomych linii. Te linie staną się naszymi falami wody. Im więcej linii, tym więcej będziemy mieć zmarszczek.
Po pierwsze, chcemy się upewnić, że tworzymy linie, a nie kropki lub koła, więc ustaw opcję Typ wzoru na Linie . Kontrolujemy liczbę linii, dostosowując opcję Rozmiar . Niższe wartości dają nam więcej linii, ponieważ zmniejszamy rozmiar każdej linii, a wyższe wartości dają nam mniej, ale grubsze linie. Mam zamiar ustawić wartość Rozmiar na 7, co moim zdaniem najlepiej pasuje do mojego obrazu. Możesz samodzielnie eksperymentować z tą wartością. Opcja Kontrast poniżej określa, jak ostre są krawędzie linii. Niższe wartości dają bardziej miękkie linie, białe wyższe wartości - twarde linie krawędzi. Ustaw tę wartość do 50, aby linie były ostre. Za chwilę zmiękczymy je za pomocą filtra Rozmycie gaussowskie:
Dostosuj opcje filtra Wzorzec rastra, aby utworzyć serię czarno-białych linii na obrazie.
Kliknij OK po zakończeniu, aby wyjść z okna dialogowego, a Photoshop wypełni obraz od góry do dołu czarnymi i białymi liniami:
Obraz jest teraz wypełniony czarno-białymi poziomymi liniami.
Krok 8: Zastosuj filtr „Rozmycie gaussowskie” do linii
Zanim będziemy mogli korzystać z naszych czarno-białych linii podczas falowania wody, musimy je wygładzić i stworzyć ładne, płynne przejścia między nimi. Aby to zrobić, ponownie przejdź do menu Filtr, wybierz opcję Rozmycie, a następnie wybierz Rozmycie gaussowskie, które wywołuje okno dialogowe „Rozmycie gaussowskie”. Obserwuj obraz i przeciągnij suwak u dołu okna dialogowego, aby zwiększyć wartość Promienia, aż linie będą miały bardzo miękką krawędź. W tym samouczku używam małego obrazu, więc dla mnie wartość Promień wynosząca około 4 pikseli działa dobrze. Jeśli używasz większego obrazu o wysokiej rozdzielczości, musisz ustawić wyższą wartość:
Użyj filtra Rozmycie gaussowskie, aby wygładzić krawędzie linii.
Kliknij przycisk OK, aby wyjść z okna dialogowego i zastosować rozmycie do linii.
Krok 9: Zduplikuj warstwę linii jako nowy dokument
Z naszej warstwy wierszy utworzymy nowy dokument, który wykorzystamy jako mapę przemieszczeń dla naszych fal wody. Po wybraniu warstwy linii przejdź do menu Warstwa u góry ekranu i wybierz opcję Powiel warstwę, co spowoduje wyświetlenie okna dialogowego „Powiel warstwę”. W opcjach „Miejsce docelowe” kliknij strzałkę skierowaną w dół po prawej stronie opcji Dokument i ustaw na Nowy, co spowoduje utworzenie nowego dokumentu Photoshopa z naszej warstwy:
Ustaw opcję „Dokument” w oknie dialogowym „Duplikuj warstwę” na „Nowy”.
Kliknij przycisk OK, aby wyjść z okna dialogowego, a warstwa otworzy się w nowym dokumencie na ekranie.
Krok 10: Zapisz nowy dokument i zamknij go
Ten nowy dokument, który stworzyliśmy, stanie się naszą mapą przemieszczeń, ale zanim będziemy mogli go użyć, musimy go zapisać. Zamkniemy go również po jego zapisaniu, ponieważ nie będziemy już musieli go otwierać, a najłatwiejszym sposobem na wykonanie obu tych zadań jest po prostu zamknięcie dokumentu. Gdy spróbujesz się z niego zamknąć, Photoshop zrobi to samo, jeśli chcesz zapisać dokument przed jego zamknięciem. Kliknij Tak :
Wybierz „Tak”, gdy program Photoshop zapyta, czy chcesz zapisać dokument przed jego zamknięciem.
Program Photoshop wyświetli okno dialogowe Zapisz jako . Możesz nazwać swój nowy dokument dowolnie. Nazwie moje „fale wody”. Pamiętaj, aby zapisać go jako plik .PSD programu Photoshop, ponieważ są to jedyne pliki, które Photoshop może wykorzystać jako mapę przemieszczeń. Prawdopodobnie będziesz chciał zapisać dokument na pulpicie, ponieważ za chwilę będziemy musieli go znaleźć.
Krok 11: Usuń warstwę linii
Teraz, gdy użyliśmy naszych czarno-białych linii do utworzenia pliku, którego będziemy używać jako naszej mapy przemieszczeń, możemy się go pozbyć. Aby to zrobić, po prostu kliknij go i przeciągnij w dół na ikonę Kosza na dole palety Warstwy:
Kliknij i przeciągnij warstwę linii („Warstwa 2”) do Kosza na dole palety Warstwy, aby ją usunąć.
Krok 12: Scal dwie warstwy na nowej warstwie
Zanim będziemy mogli dodać użycie naszej mapy przemieszczeń, musimy scalić nasze dwie warstwy obrazu na nowej warstwie nad nimi. Aby to zrobić, przy zaznaczonej opcji „Warstwa 1”, użyj skrótu klawiaturowego Shift + Ctrl + Alt + E (Win) / Shift + Command + Opcja + E (Mac). Wydaje się, że nic się nie wydarzyło w dokumencie, ale jeśli spojrzymy na paletę Warstwy, możemy zobaczyć, że obie warstwy zostały scalone w nową warstwę u góry:
Obie warstwy są teraz scalone w nową warstwę „Warstwa 2”.
Krok 13: Użyj filtra „Przemieść”, aby utworzyć fale wody
Jesteśmy gotowi do tworzenia naszych fal wody za pomocą właśnie utworzonej mapy przemieszczeń. Po zaznaczeniu nowej scalonej warstwy w palecie Warstwy wróć do menu Filtr u góry ekranu, wybierz opcję Zniekształć, a następnie wybierz opcję Przesunięcie .
Spowoduje to wyświetlenie okna dialogowego filtra „Przemieść” programu Photoshop. W tym miejscu określamy siłę naszego efektu tętnienia i robimy to z opcją Skala pozioma u góry. Ustawię moją na wartość 4, co da mi realistyczny efekt tętnienia. Możesz poeksperymentować z tą wartością z własnym obrazem. Ustawienie go zbyt wysoko spowoduje zbyt duże zniekształcenie poziome i stracisz realizm.
Nie potrzebujemy żadnych zniekształceń pionowych, aby stworzyć nasz efekt, więc ustaw opcję Skala pionowa na 0 . Upewnij się również, że zaznaczono opcję Rozciągnij, aby dopasować i Powtórz piksele krawędzi :
Przejdź do Filtr> Zniekształć> Odsuń, aby wyświetlić okno dialogowe Odsuń.
Kliknij OK w prawym górnym rogu okna dialogowego, a Photoshop zapyta cię, którego pliku chcesz użyć jako mapy przemieszczenia. Wybierz plik, który przed chwilą zapisałeś, który zapisałem na pulpicie jako „water-ripples.PSD”, a następnie kliknij Otwórz. Następnie Photoshop zastosuje mapę przemieszczenia do całego obrazu, tworząc fale wody:
Obraz po zastosowaniu naszej mapy przemieszczeń z filtrem „Przesunięcie”.
Krok 14: Ukryj zmarszczki na wierzchu za pomocą maski warstwy
Oczywiście w tej chwili mamy niewielki problem. Dodaliśmy efekt falowania wody do całego obrazu i chcieliśmy go tylko w dolnej połowie. Możemy to łatwo naprawić za pomocą maski warstwowej. Najpierw kliknij z wciśniętym klawiszem Ctrl (Win) / Command (Mac) bezpośrednio na miniaturze dla „Warstwy 1” na palecie Warstwy, aby umieścić zaznaczenie wokół odwróconego obrazu na dole dokumentu:
„Kliknij prawym przyciskiem myszy” (Win) / „Control-kliknięcie” (Mac) bezpośrednio na miniaturze warstwy 1 w palecie Warstwy, aby umieścić zaznaczenie wokół odwróconego obrazu.
Zobaczysz zaznaczenie pojawiające się w dolnej połowie obrazu w dokumencie. Teraz, gdy scalona warstwa jest nadal zaznaczona, kliknij ikonę Maska warstwy u dołu palety Warstwy:
Kliknij ikonę „Maska warstwy”, aby dodać maskę warstwy do scalonej warstwy u góry palety Warstwy.
Photoshop doda maskę warstwy do scalonej warstwy, a ponieważ mieliśmy zaznaczenie wokół dolnej połowy naszego dokumentu, kiedy dodaliśmy maskę warstwy, tylko dolna połowa scalonej warstwy pozostaje widoczna. Górna połowa zostanie ukryta, usuwając niepożądane fale wody z tej części obrazu:
Efekt marszczenia jest teraz ukryty w górnej połowie obrazu po zastosowaniu maski warstwy.
Krok 15: Zastosuj filtr „Rozmycie gaussowskie” do maski warstwy
Zanim dodamy ostatni szlif poprzez kolorowanie wody, zmiękczmy trochę maskę warstwy, aby nie było tak ostrej linii podziału między obrazem na górze a wodą poniżej. W tym celu użyjemy filtra Rozmycie Gaussa, a ponieważ chcemy zastosować go do maski warstwy, najpierw musimy wybrać maskę. Możemy to zrobić, klikając miniaturkę maski warstwy na palecie Warstwy:
Samouczki Adobe Photoshop: Kliknij miniaturkę maski warstwy na palecie Warstwy, aby wybrać maskę warstwy.
Możesz powiedzieć, że maska warstwy jest teraz zaznaczona przez białe pole podświetlenia wokół jej miniatury. Zamierzamy zastosować filtr Rozmycie gaussowskie do maski, więc wróć do menu Filtr, wybierz Rozmycie jeszcze raz, a następnie wybierz Rozmycie gaussowskie . Kiedy pojawi się okno dialogowe, po prostu kliknij OK, aby zastosować tę samą wartość Promienia, której używaliśmy poprzednio.
Krok 16: Pokoloruj wodę warstwą regulacji odcienia / nasycenia
Zakończmy teraz dodając odrobinę niebieskiego do naszej wody, a do tego użyjemy warstwy dopasowania Barwa / Nasycenie. Chcemy, aby warstwa dopasowania wpływała tylko na dolną połowę obrazu, w której występują fale wody, więc przytrzymaj klawisz Alt (Win) / Option (Mac), kliknij ikonę Nowa warstwa dopasowania u dołu palety Warstwy, następnie wybierz Barwa / Nasycenie z listy warstw dopasowania:
Przytrzymaj „Alt” (Win) / „Option” (Mac), kliknij ikonę „Nowa warstwa dopasowania”, a następnie przeciągnij myszą do „Barwa / Nasycenie”, aby ją wybrać.
Przytrzymanie „Alt / Option” powoduje, że Photoshop wyświetla okno dialogowe Nowa warstwa przed dodaniem warstwy dopasowania. Wybierz opcję Użyj poprzedniej warstwy, aby utworzyć maskę przycinającą, klikając wewnątrz pola wyboru po lewej stronie:
Wybierz opcję „Użyj poprzedniej warstwy do utworzenia maski przycinającej” w oknie dialogowym „Nowa warstwa”.
Ta opcja mówi Photoshopowi, że chcemy, aby warstwa dopasowania wpływała tylko na warstwę znajdującą się bezpośrednio pod nią w palecie Warstwy, a ponieważ warstwa pod nią jest warstwą zawierającą nasze fale wody, tylko fale wody zostaną pokolorowane, a tego chcemy . Kliknij przycisk OK, aby wyjść z okna dialogowego.
Spowoduje to wyświetlenie okna dialogowego Barwa / Nasycenie. Chcemy pokolorować naszą wodę, więc pierwszą rzeczą, którą chcemy tutaj zrobić, jest opcja Koloruj w prawym dolnym rogu. Następnie wybierz kolor wody, przeciągając suwak Barwa u góry. Przeciągnę suwak w prawo do wartości około 218, co moim zdaniem jest dobrym kolorem dla mojej wody:
Użyj okna dialogowego Barwa / Nasycenie, aby pokolorować wodę.
Kliknij OK, aby wyjść z okna dialogowego, a zobaczysz, że twoja woda na dnie została pokolorowana, ale w tej chwili kolor jest o wiele za mocny.
Krok 17: Zmniejsz krycie warstwy barwy / nasycenia
Aby zmniejszyć intensywność koloru, który właśnie dodaliśmy do wody, wystarczy przejść do opcji Krycie w prawym górnym rogu palety Warstwy i obniżyć wartość krycia. Mam zamiar obniżyć kopalnię aż do około 25%, co nadaje wodzie bardziej realistyczny kolor:
Zmniejsz nieprzezroczystość warstwy dopasowania, aż woda będzie miała tylko odrobinę koloru.
Po zmniejszeniu krycia warstwy dopasowania, aby zmniejszyć intensywność kolorów wody, gotowe! Oto mój końcowy wynik „odbicia wody”:
Efekt końcowy.
Dla zabawy, oto kolejny przykład dokładnie tego samego efektu zastosowanego do innego obrazu. Jedyną rzeczą, którą tu zmieniłem, było to, że dodałem tylko o połowę mniej miejsca na płótnie pod oryginalnym obrazem (ustawiłem wartość „Wysokość” w oknie dialogowym Rozmiar płótna na 50% zamiast 100%). Cała reszta została wykonana dokładnie w ten sam sposób:
Kolejny przykład obrazu wykorzystującego ten sam efekt.
Mamy to! W ten sposób można dodać efekt odbicia wody do obrazu za pomocą Photoshopa! Odwiedź naszą sekcję Efekty fotograficzne, aby uzyskać więcej samouczków dotyczących efektów Photoshop!