Woda na powierzchniach Rafał Chylaszek & Tomasz Krok 5 czerwiec 2009 1
1 Wstęp Przykłady zastosowań: ˆ Krople wody na liściach Przed: Po: 1 Przed: Po: 2 Przed: Po: 3 1 http://www.stutorials.com/photoshop water drops on leaf.php 2 http://www.stylewebdesignusa.com/web-design-blog/2009/03/27/effect-of-water-drops-using-photoshop/ 3 http://tutorial-zee.com/photoshop-tutorials/photoshop-maple-water-drop-logo-icon-in-photoshop 2
ˆ Rozlana woda Przed: Po: 4 4 http://nicetutz.blogspot.com/2008/12/real-water-drops-effects.html 3
2 Metody wykonania 2.1 Krople na liściach Sposób wykonania w programie Adobe Photoshop. 1. Wczytujemy obrazek z liściem bądź liśćmi. 2. Z okna narzędzi wybieramy opcję ƒzaznaczanie eliptyczne 3. Zaznaczamy zarys naszej kropli wody 4. Dodajemy nową warstwę 4
5. Na nowej warstwie wypełniamy nasze zaznaczenie gradientem tak aby biała część była po stronie nachylenia liścia (albo jego części) 6. Łączymy naszą warstwę z tłem w trybie ƒnakładki 7. Wybieramy z menu Warstwa Styl warstwy Cień... i w oknie ustawiamy Tryb mieszania: Mnożenie, krycie: 60%, kąt ustawiamy tak aby wskazywał niższy poziom liścia, odległość ustawiamy tak aby cień wystawał delikatnie poza krople, w naszym przypadku będzie to 3piksele, zasięg ustawiamy na 0%, wielkość ustawiamy tak aby uzyskać efekt wklęsłości kropli w naszym przypadku będzie to 10 piks 8. W tym samym oknie zaznaczamy Cień wewnętrzny i ustawiamy Tryb mieszania: Mnożenie, krycie: 65%, kąt ustawiamy tak aby wskazywał niższy poziom liścia, odległość ustawiamy tak aby cień zakrywał delikatnie krople, w naszym przypadku będzie to 3piksele, ssanie ustawiamy na 0%, wielkość ustawiamy tak aby uzyskać efekt wypukłości kropli w naszym przypadku będzie to 8 piks oraz wychodzimy z okna jednocześnie zatwierdzając zmiany klikając ok 5
9. Ustawiamy krycie warstwy na 70% 10. Wybieramy z menu Warstwa Styl warstwy Faza i płaskorzeźba..., w oknie wybieramy Styl: Faza wewnętrzna, Technika: Wygładzanie, Głębia: 260%, Kierunek: Do góry, Wielkość: 27 piks, Zmiękczanie: 0 piks, w cieniowaniu kąt wybieramy tak aby na kropli pojawiła się biała delikatnie rozmazana kropka, Błyszczący kontur zostawiamy liniowy, odznaczamy opcje Wygładzony, Tryb pierwszy wybieramy Zwykły, kolor biały, krycie na 75%, drugi tryb ustawiamy na Mnożenie i kolor wybieramy na biały, krycie na 75% oraz zatwierdzamy zmiany klikając ok. 6
11. Teraz zaznaczamy nasza warstwę z kroplą i wybieramy z menu Zaznacz Wczytaj zaznaczenie... i klikamy w oknie ok 12. Zaznaczamy warstwę tła oraz wybieramy z menu Filtr Deformacja, w oknie ustawiamy Rozmiar pędzla tak aby miał średnicę węższego boku kropli, Gęstość pędzla na 50, Nacisk pędzla na 100 następnie przeciągamy pędzlem przez kroplę z poziomu niższego na liściu do wyższego (tak aby otrzymać efekt zniekształcenia obrazu przez kroplę wody) oraz zatwierdzamy zmiany klikając OK Efekt końcowy: 7
2.2 Rozlana woda (Adobe) Sposób wykonania w programie Adobe Photoshop. 1. Tworzymy nowy rysunek, wybierając: Plik Nowy..., ustawiamy Szerokość, Wysokość i klikamy OK aby zatwierdzić. 2. Na warstwie tło dodajemy szum, wybierając następująco: Filtr Szum Dodaj szum... oraz określamy parametry jak na rysunku poniżej 3. Wykonujemy rozmycie gaussowskie, wybieramy opcję: Filtr rozmycie - Rozmycie gaussowskie... i Promień ustawiamy na 3 piksele 4. Wstępne formowanie rozlanych kropel wody, wybieramy opcję: Obrazek Dopasuj Poziomy... i ustawiamy parametry jak na rysunku poniżej 8
5. Wykonujemy krok 3 przyjmując większe rozmycie np. 6-8 px 6. Wykonujemy krok 4 dobierając tak poziomy wejścia aby białe plamy pełniące role kropel przyjęły pożądany rozmiar i kształt na przykład tak jak na rysunku poniżej 7. Tworzymy nową warstwę na której będzie rzeczywiste tło. 8. Tworzymy napisy, wybierając z palety narzędzi literę T, modyfikacji tekstu (np. obroty, pochylenia,... ), dokonujemy naciskając kombinację klawiszy CTRL + T i klikając na napisie prawym przyciskiem myszy. 9. Rasteryzowanie tekstu, wybieramy opcję: Warstwa Rasteryzuj Warstwa tekstowa 10. Jeżeli utworzonych jest kilka napisów na różnych warstwach, łączymy je tworząc wspólna warstwę. Kolejność czynności: trzymając wciśnięty CTRL zaznaczamy każdą warstwę tekstową (warstwa podświetlona na niebiesko) następnie prawym przyciskiem myszy klikając na podświetlonym obszarze wybieramy źłącz warstwy. 9
11. Tworzymy nową warstwę umieszczając ją nad pozostałymi. 12. Zaznaczamy warstwę z przygotowanymi wstępnie kroplami deszczu (warstwa dolna). Przechodząc na zakładkę kanały klikamy wraz z naciśniętym klawiszem CTRL na kanał wspólny. Efektem jest zaznaczenie obszarów białych (kropli). Wracając na nowo utworzoną warstwę wypełniamy przeźroczyste obszary kolorem białym, korzystając z narzędzia wiadro z farbą. 13. Ustawiamy na zakładce warstwy tryb ciemniej i krycie ok. 30%. 14. Klikając dwukrotnie na górną warstwę, otwiera się okno ƒstyl warstw. Korzystamy z opcji ƒfaza i płaskorzeźba oraz ƒkontur (przykładowe wartości na rysunkach poniżej). 10
15. Zniekształcanie teksty znajdującego się pod wodą: łączymy warstwę tekstu z przygotowanym tłem, aktywujemy warstwę tło i przechodzimy na kanały, naciskając klawisz CTRL i klikając na kanał wspólny odtwarzamy kontury kropli, na warstwę na której tworzony jest pożądany efekt, wybieramy opcje: Filtr Deformacje..., po otwarciu okna deformacja ustawiamy grubość pędzla i nacisk (przykładowe wartości poniżej na rysunku). 16. Pędzlem przeciągamy w miejscach gdzie kropla pokrywa tekst, powoduje to zniekształcenie poniższego tekstu. Efekt końcowy: 11
2.3 Rozlana woda (Corel) Sposób wykonania w programie Corel PHOTO-PAINT. 1. Tworzymy nowy obrazek o żądanym rozmiarze, dodajemy szum: efekty Szum Dodaj szum. 2. Kontrastujemy szum: Obrazek Dopasuj Krzywa tonalna. 3. Szum poddajemy obróbce: Efekty Szum Mediana. 4. Ponownie korzystamy z krzywej tonalnej i wstępnie określamy obszar rozlanych kropli wody (białe obszary obrazka). 12
5. Wykorzystując ponownie funkcje mediany przekształcamy poszarpane biało - szare struktury w bardziej regularne, przypominające rozlana wodę. 6. Z okna ƒobiekty tworzymy soczewkę - krzywa tonalna. Krzywa ustawiamy tak by otrzymać tylko białe i czarne kolory na obrazku (nachylenie krzywej bardzo strome). Modyfikacja krzywej pozwala na dalsza zmianę kształtów wody. Po dopasowaniu soczewkę łączymy z tłem. 7. W celu wygładzenia brzegów kropli wykorzystujemy opcję strojenia szumów: Efekty Szum Strojenie szumu. W oknie strojenia szumów wybieramy określony poziom strojenia i naciskamy opcję Mediana (obserwując zmiany na podglądzie dobieramy odpowiedni poziom). 8. Tworzymy nowy obiekt wypełniając go np. gradientem lub obrazkiem na którym umieścimy krople wody. 13
9. Wracając na obiekt ƒtło (przygotowane szumy), tworzymy maskę kolorów wybierając biały: Maska Maska kolorów zaznacz biały. Następnie ją kopiujemy (CTRL +C) i wklejamy jako nowy obiekt (CTRL + V). Efekt po wykonaniu powyższych czynności powinien być taki jak poniżej. 10. Tworzymy napis i ustawiamy jego parametry (np. rodzaj czcionki wielkość, położenie, obrót,... ) 11. Obiekt z konturami kropli przenosimy na samą górę w oknie obiekty, ustawiamy krycie i tryb jasność (około 50). 12. Pozostając na tym obiekcie tworzymy maskę: Maska Utwórz maskę Maska z obiektów 14
13. Dla stworzenia trójwymiarowości kropli korzystamy z efektów 3D: Efekty Efekty 3D Efekty fazowania 14. Następnie wykorzystujemy efekt płaskorzeźby, krok ten można pominąć zależy od kety jaki chcemy uzyskać. 15. Kopiujemy obiekt na którym pracowaliśmy, i wklejamy go jako nowy łącząc w trybie tekstura wartość krycia około 50 (uzyskany efekt poniżej). 15
16. Ostatnim efektem jaki chcemy uzyskać jest deformacja napisów pod kroplami (na granicy napis - jego tło). W tym celu wyłączamy obiekt z tłem napisów, pozostają tylko napisy i krople. Wykorzystując narzędzia pędzla na obiekcie napis (by stworzyć obiekt napis: obiekt tekst renderuj jako obiekt) domalowujemy w jego kolorze małe deformacje i włączamy ponownie tło. Końcowy rezultat pracy wygląda następująco. 16