EFEKT ODBICIA W WODZIE w programie Photoshop Anna Raźna & Wojciech Siudek 1
1 Wstęp Wielu z was zapewne mysli, że stworzenie efektu odbicia w wodzie w programie graficznym wymaga kilku kliknięć: Otwórz obrazek - Zrób wodę - Zrób odbicie - Zapisz obrazek. Jednak okazuje się, że stworzenie realistycznej powierzchni wody nie jest wcale takie proste. W tym tutorialu znajdziecie wskazówki jak to zrobić. Stworzenie realistycznego odbicia w wodzie jest niebanalne gdyż to zniekształcone odbicie otoczenia w wodzie sprawia, że woda wygląda płynnie. Dobrym narzędziem do uzyskania takiego zniekształcenia jest filtr przemieszczenia (displace filter). Displace filter przesuwa piksele na obrazku zgodnie z wartościami jasności z mapy przemieszczenia (displacement map). Jako displacement map możemy użyc wcześniej przygotowanego pliku.pds, pod warunkiem, że jest zapisany z opcją Maximize compatibility. Filtr używa kanału czerwonego i zielonego z pliku mapy odpowiednio dla poziomego i pionowego przemieszczenia. Każdy kanał jest obrazkiem w skali szarości. Pośrednia szarość (jasność 128) nic nie robi. Ciemniejsze wartości przesuną obrazek w kierunku dodatnim, a jaśniejsze w kierunku ujemnym. W tutorialu pokażemy jak stosunkowo prosto stworzyć displacement map i jak użyc jej do stworzenia powierzchni wody. Metoda ta nie nadaje się do stworzenia wody z wysokimi falami, ale daje całkiem dobre rezultaty jeśli chcemy stworzyć spokojną powierzchnię wody, nie przecinaną przez inne elementy. 2 Część 1: Tworzenie displacement map Zaczynamy od stworzenia obrazka, w którym jasność reprezentuje wysokość powierzchni. Większa jasność oznacza większą wysokość. Wymiary obrazka kontroluja rozmiar i kształt fal. Chcąc stworzyć mniejsze fale zaczynamy od większego obrazka. 2.1 Krok 1 Tworzymy nowy plik (w przestrzeni RGB) i ustalamy jego rozmiary: szerokość 1000 pixeli, wysokość: 2000 pixeli. Nakładamy szum: wybieramy Filter >Noise >Add Noise i ustalamy odpowiednie wartości: Amount: 400% Distribution: Gaussian Monochromatic 2
Rozmywamy gaussowsko: wybieramy Filter >Blur >Gaussian Blur i ustalamy promień na 2-3 pixele. 2.2 Krok 2 Zajmiemy się teraz nachyleniem powierzchni. Zrobimy to osobno dla kanału czerwonego i zielonego. Kanał niebieski możemy zignorować - nie ma on wpływu na displacement filter. Zaznaczamy kanał czerwony na palecie kanałów. Wybieramy Filter >Stylize >Emboss i ustawiamy następujące wartości: Angle: 180 Height: 1 pixel Amount: 500% Czynności powtarzamy dla kanału zielonego, z tą różnicą, że zamiast kąta 180 ustawiamy kąt 90. 3
Rysunek 1: Kanał czerwony Rysunek 2: Kanał zielony 2.3 Krok 3 Następnie zmienimy perspektywę. Rozciąganie naszej bazy obniża horyzont. Teoretycznie aby rozszerzyć powierzchnię wody aż po horyzont, musielibyśmy rozciągnąć rogi mapy do nieskończoności. Wystarczy jednak rozciągnięcie powyżej 3000%. Dozwolone wartości rozciągnięcia perspektywy są pomiędzy 0 i 700%, co oznacza, że nie możemy rozciągnąć jednorazowo do 3000%. Aby osiągnąć rozciągnięcie powyżej 3000% rozciągniemy do 600% dwa razy, co odpowiada jednokrotnemu rozciągnięciu do 3600%. Warstwa na której pracujemy musi być odblokowana. Domyślnie wartstwa tła na której wcześniej pracowaliśmy jest zablokowana, o czym świadczy ikona kłódki przy miniaturce warstwy w palecie warstw. Najprościej odblokować warstwę duplikując ją (kombinacja klawiszy Ctrl+J). Otrzymujemy w ten sposób odblokowaną kopię warstwy. Starą warstwę możemy usunąć. Aby stworzyć perspektywę wybieramy Edit >Transform >Perpsective. Rozciągamy jeden z dolnych rogów w bok do szerokości 600%. Należy koniecznie pamiętać o zatwierdzeniu tej czynności enterem. Zaznaczamy canvas za pomocą Ctrl+A. Wybieramy Ctrl+Shift+T aby ponownie wykonać transformajcę. Po tym kroku otrzymujemy pożądane rozciągnięcie do 3600%. 4
Wycinamy niepotrzebny obszar poza canvasem zaznaczając go za pomocą Ctrl+A i wybierając Image >Crop. Zmniejszamy wysokość obrazka, tak aby był kwadratowy: Image >Image Size i ustawiamy wartości: 1000 pixeli x 1000 pixeli. Należy pamiętać o tym, żeby opcja Constrain Proportions była odznaczona. 2.4 Krok 4 W rzeczywistości poziome zniekształcenie zmniejsza się w kierunku horyzontu. Pionowe nie ma tej własności, jednakże, musimy dopasowac także kanał zielony, który jest nie odpowiedzialny, bo zmiana perspektywy spowodowała aliasing w pobliżu horyzontu. Później użyjemy odpowiedniego rozmycia aby to skompensować. Najpierw dla kanału czerwonego: Zaznaczamy kanał czerwony na palecie kanałow. Naciskamy klawisz Q aby przejść do trybu Quick Mask. Wybieramy z palety narzędzi narzędzie gradientu i rysujemy biało-czarny gradient z góry na dół przez cały obrazek, aby stworzyć maskę gradientową. Należy zwrócić uwagę, na to aby gradient był biało-czarny. W przypadku gdy domyślnie jest inaczej, możemy to zmienić w opcjach gradientu, na pasku który pojawi się pod paskiem menu gdy wybierzemy narzędzie gradientu. 5
Naciskamy ponownie klawisz Q aby wrócić do trybu normalnego. Mamy teraz zaznaczenie gradientowe. Wypełniamy kolorem szarym: Edit >Fill >50% gray. Następnie dla kanału zielonego: Zaznaczamy kanał zielony na palecie kanałow. Przechodzimy do trybu Quick Mask (naciskając klawisz Q). Rysujemy gradient zaznaczając wąską częsć obrazka przy horyzoncie, gdzie fale są zbyt duże. Wracamy do normalnego trybu (ponownie klawisz Q). Podobnie jak w poprzednim przypadku wypełniamy szarym. 6
Zapisujemy mapę jako plik.psd z opcją Maximize Compatibility (opcja pojawi się po wyborze miejsca do zapisu). Jeśli opcja ta nie jest dostępna należy zmienić preferencje za pomocą Edit >Preferences >File Handling >Maximise PSD File Compatibility. 3 Część 2: Tworzenie powierzchni wody Stworzyliśmy już displacement map, pora przejść do stworzenia powierzchni wody. Najpierw stworzymy płaskie odbicie, które później zniekształcimy za pomocą displace filter. 3.1 Krok 1 Wczytujemy obrazek, na którym chcemy pracować. Na początku najwygodniej będzie zduplikować warstwę tła, a stare tło usunąć (dzięki temu duplikat nie jest zablokowany). Musimy zdecydować, która część obrazka znajdzie się pod wodą i gdzie będzie nasz horyzont. Zaznaczamy wszystko ponad linią horyzontu i kopiujemy do nowej warstwy, którą będziemy nazywać warstwą odbicia. Musimy rozciągnąć canvas w dół aby zrobić miejsce na odbicie. Wybieramy Image >Canvas Size. Zaznaczamy opcję Relative, ustawiamy Height: 50 percent. Ponieważ chcemy rozszerzyć canvas tylko w dół, ustawiamy strzałki tak jak na rysunku poniżej. Aby stworzyć lustrzane odbicie obrazka wybieramy Edit >Transform >Flip vertical i przesuwamy odbicie w dół za pomocą narzędzia Move, tak aby uzyskać pożądany efekt. 7
3.2 Krok 2 Chcemy teraz wybrać kolor wody. Jeśli woda jest czysta, kolor wody jest ciemno niebieski lub turkusowy. Tworzymy nową warstwę i przesuwamy ją pod warstwę odbijającą stworzoną wcześniej. Linkujemy nową warstwę z warstwą odbicia. W tym celu zaznaczamy obie warstwy przytrzymując klawisz Shift i klikamy ikonę łańcucha. Wypełniamy obszar odbicia pożądanym kolorem wody. Przykładowe wartości RGB:(25, 147, 197). W tym celu mając widoczną warstwę odbicia i nowoutworzoną warstwę i będąc na nowej warstwie zaznaczamy obszar odbicia i wybieramy Edit >Fill i wybieramy kolor. Kolor będziemy jeszcze mogli później dopasować. Dodajemy maskę warstwy do warstwy odbijającej wybierając ikonę Add layer mask pod paletą warstw. 8
Rysujemy biało-czarny gradient od horyzontu w dół aby pokazać dolną część warstwy koloru. Po wykonaniu tego kroku i odsłonięciu wszystkich warstw otrzymujemy następujący rezultat: 3.3 Krok 3 Następnie dodajemy wiatr. Zanim nałożymy displacement map na obrazek, użyjemy filtru Motion Blur aby zasymulowac efekt fal w oddali. Zaznaczamy warstwę odbijającą. Blokujemy przezroczyste pixele klikając na ikonę szachownicy w palecie warstw. 9
Wybieramy Filter >Blur >Motion Blur. Kąt wybieramy 90 i ustawiamy żądaną wartośc distance (przykładowo: 8 pixeli). Powtarzamny czynność za pomocą Ctrl+F. Odblokowujemy przezroczyste pixele klikając ponownie na ikonę szachownicy. 3.4 Krok 4 Teraz jesteśmy gotowi do zaaplikowania displacement map. Aby zapobiec aliasingowi w wysoko skontrastowanych krawędziach, najpierw przeskalujemy warstwę. Możemy pominąc skalowanie lub użyć mniejszych wartości skali jeśli chcemy później, po zakończeniu tworzenia wody zmniejszać obrazek. Displacement map rozciągnie się lub skurczy dopasowując się do zaznaczenia. Aby dostać właściwą perspektywę, horyzont displacement map powinien mniej więcej pokrywac się z horyzontem sceny. W tym przypadku możemy po prostu zaznaczyć zawartość warstwy odbijającej aby osiągnąc pożądany efekt. Niewielkie przemieszczenie jest wystarczające aby woda wyglądała płynnie. Potrzebna wielkość przemieszczenia zależy od rozmiaru obrazka i wysokości fal. Użyjemy opcji Transform aby przeskalować warstwę odbicia do 400% w obu kierunkach. Wybieramy Edit >Transform >Scale i w opcjach, które pojawią się pod paskiem menu wybieramy W: 400% i H: 400%. Zatwierdzamy enterem. Zaznaczamy warstwę odbicia przytrzymując Ctrl. Wybieramy Filter >Distort >Displace - i wpisujemy wielkość przemieszczenia. Wartość horizontal scale powinna stanowić ok. 50% wartości verical scale. Przykładowe wartości: horizontal scale: 50, vertiacal scale: 100. Zaznaczamy Strech to Fit i Repeat edge pixels. Z okna dialogowego wybieramy wcześniej zapisaną displacement map. Po jej nałożeniu powinniśmy otrzymać fale. 10
Wykonujemy ponownie transformację: Edit >Transform >Scale i ustawiamy wartości W:25% H:25%. Czynność zatwierdzamy enterem. Uzyskaliśmy bardzo realistyczny efekt odbicia otoczenia w wodzie. Na koniec możemy dokonać jeszcze kilku ostatecznych poprawek - przyciąć odpowiednio obrazek lub zmienić kolor wody. Kolor wody można zmienić wybierając następująco: Przytrzymując Ctrl klikamy na warstwę wypełnioną kolorem wody. Klikamy opcję Create new fill or adjustment layer pod paletą warstw i z rozwiniętego menu wybieramy Hue/Saturation. Dopasowujemy odpowiadający nam kolor. Efekt może wyglądać np. tak: 11
12