PhotoShop tutorial QUICK MASK & HUE Niniejsza publikacja przeznaczona jest dla początkujących użytkowników programu PhotoShop i ma na celu przekazanie wiadomości na temat selekcjonowania elementów grafiki. Za pomocą Quick Mask ( szybkiej maski ), na przykładzie dołączonego zdjęcia, będziemy selekcjonować poszczególne obiekty i zmieniać ich kolorystykę. - KROK 1 - otwarcie dokumentu do edycji Pierwszą czynnością jaką wykonujemy jest oczywiście otwarcie pliku do edycji. Wciskamy klawisze [Ctrl+O] (File / Open). W otwartym oknie dialogowym wybieramy plik Img0038.jpg i akceptujemy przyciskiem Open. Po chwili w otwartym oknie, możemy zobaczyć zdjęcie pasących się flamingów - rys.1. Zdjęcie jest nieco zbyt ciemne. W celu jego rozjaśnienia, posłużymy się korekcją poziomów (Image / Adjust /Levels, [Ctrl+L]). Po pojawieniu się okna dialogowego (rys.2), ustawiamy parametry tak, jak widać to na obrazku. Po zaakceptowaniu ustawień, efekt powinien być mniej więcej taki, jak na rys. 3. Zapisujemy naszą pracę jako dokument PhotoShopa (File / Save As...) [Shift+Ctrl+S] - po otwarciu okna dialogowego Save As wybieramy odpowiedni katalog i w miejscu wyboru formatów graficznych, wybieramy; PhotoShop (*.PSD, *.PDD). Rys.2 Okno Levels Przydatne skróty klawiszowe: [Ctrl+O] - otwarcie dokumentu [Ctrl+L] - Levels (korekcja poziomów) [Shift+Ctrl+S] - Save As (zapisz jako) [Ctrl+S] - Save (zapisz) 1 Spis Spis treści: treści: Krok 1 - otwarcie dokumentu do edycji Krok 2 - selekcja obiektu - teoria Krok 3 - selekcja obiektu - praktyka Krok 4 - zmiana kolorów Krok 5 - korekcja głębi ostrości Inne informacje Efekt końcowy Rys.1 zdjęcie oryginalne Rys.3 zdjęcie rozjaśnione
Selekcja służy do wyodrębnienia z obrabianej grafiki, tylko tych obszarów, które na poźniejszym etapie pracy mają ulec modyfikacjom, nie wpływającym na pozostałą część obrazu. Selekcje można przeprowadzić na kilka sposobów, korzystając z wbudowanych w PhotoShopie następujących narzędzi: lasso (selekcjonowanie swobodne, o dowolnym kształcie) polygonal lasso (selekcjonowanie swobodne powstające poprzez kreślenie połączonych z sobą prostych) magnetic lasso (działa jak zwykłe Lasso, z tą jednak różnicą, że program sam wykrywa różnice w kontraście zaznaczanego fragmentu grafiki i automatycznie wyodrębnia zaznaczany obiekt od reszty grafiki) eliptical marquee (tworzy selekcję o kształcie elipsy) rectangular marguee (selekcja w kształcie prostokąta) single column marguee (zaznacza kolumnę o szerokości jednego punktu pixela) single row marguee (zaznacza wiersz o wysokości jednego punktu pixela) magic wand tool (różdżka) (zasada działania podobna do color range - selekcjonuje kolor wybrany przez użytkownika na obrazie, z zadaną tolerancją) color range (selekcjonuje obszar grafiki o kolorze pobranym z obrazka, bazując na tolerancji podanej przez użytkownika) quick mask ( szybka maska najbardziej zaawansowane narzędzie PhotoShopa w temacie selekcjonowania) - KROK 2 - selekcja obiektu - teoria 2 W przypadku naszej grafiki, do selekcji poszczególnych obiektów-ptaków, posłużymy sią właśnie narządziem Quick Mask ze wzglądu na dokładność jaką to narzędzie oferuje. Podczas malowania maski (czyli tworzenia selekcji) w trybie Quick Mask możemy posługiwać się wszystkimi dostępnymi narzędziami jakie oferuje nam PhotoShop. Najbardziej przydatne w tej operacji będą; Eraser (gumka) [E] i Paintbrush (pędzel) [B]. Dzięki nim i ich możliwościom konfiguracyjnym możemy stworzyć maskę (selekcję), którą w łatwy sposób można dopasować do charakteru zaznaczanego w danej chwili obiektu. Ułatwia też dodawanie maskowanego obszaru i usuwanie nadmiarów. Drugą zaletą Quick Mask w porównaniu do chociażby narzędzia Lasso, jest możliwość ustawienia miękkich krawędzi maski, co ma niebagatelne znaczenie w przypadku, gdy zaznaczony obszar jest niejednorodną płaszczyzną, lub jego krawędzie gładko zanikają w tle. Tak jest w przypadku naszej grafiki - ptaki, mają pióra, których kształt i delikatne zakończenia o małym kontraście, miękko komponują się z otoczeniem. Także ptaki znajdujące się na dalszym planie są lekko niewyraźne ze względu na głębię ostrości jaka jest na zdjęciu. W takim przypadku bardzo trudno operuje sią narzędziem Lasso, ze względu na małą jego dokładność i ostre zakończenia brzegów selekcji. Oczywiście z ostrymi brzegami selekcji wykonanej za pomocą Lasso można sobie poradzić za pomocą opcji Feather, modyfikując w ten sposób selekcję, że jej brzegi miękko będą przechodzić w ich otoczenie. Jednak także ta metoda nie jest do końca doskonała, gdyż miękkość tą otrzymuje się na całej krawędzi nie mogąc jej kontrolować w miejscach, gdzie jej użycie jest niepotrzebne lub wręcz niewskazane. Zdecydowaliśmy się więc na selekcjonowanie za pomocą narzędzia Quick Mask. W tryb ten przechodzi się poprzez kliknięcie na prawej ikonie drugiego od dołu rzędu, na pasku narzędzi. Dokładne umiejscowienie ikony włączającej tryb Quick Mask przedstawia czerwone kółeczko na rysunku obok. Szybszy sposób na przejście w tryb edycji Quick Mask, to wciśnięcie klawisza [Q]. Przydatne skróty klawiszowe: [E] - Eraser (gumka) [B] - Paintbrush (pêdzel) [Q] - prze³¹czanie pomiêdzy trybem Quick Mask a trybem normalnej edycji
Po włączeniu Qucik Mask możemy ustawić jeszcze parametry tego trybu zaznaczania. Robimy to, klikając dwa razy na ikonkę włączającą tryb Quick Mask na pasku narzędzi (patrz rys.4). Powinno ukazać się okno dialogowe, takie jak na rys.5. Parametry trybu ustawiamy tak, jak na rysunku - kolor zaznaczania ustawiamy taki, jakiego nie ma na naszym obrazku (lub, którego jest najmniej). Dzięki temu, ustawiając kolor na np. niebieski, zaznaczenie będzie łatwo widoczne na grafice, co pomoże nam w precyzyjny sposób zaznaczyć wybrany element. Włączona opcja Selected Areas oznacza, że zaznaczonym fragmentem grafiki będzie powierzchnia, która w tym trybie będzie zamalowana wybranym poniżej kolorem. Kolor, którym będziemy identyfikować selekcję zmieniamy klikając na nim i dobierając odpowiadający nam kolor z otwartej palety barw. Opacity służy do tego aby ustawić stopień widoczności oryginalnego elementu pod malowaną maską. Przystępujemy do zaznaczania pierwszego ptaszka. Z palety Brushes (rys.6.) wybieramy pędzel o twardej końcówce i możliwie duży - chociażby ten, który jest zaznaczonym pędzlem na rys.6. Dla ułatwienia sobie zadania, można powiększyć ekran lupą (Zoom) [Z] i wcisnąć klawisz [F], aby przejść do edycji grafiki w trybie pełnoekranowym (powrót do edycji grafiki w skalowanym oknie następuje poprzez kolejne naciskanie klawisza [F]). Malujemy wybranym przez nas pędzlem tak, aby dokładnie pokryć powierzchnię, która ma być zaznaczona. Na początku nie zawracajmy sobie głowy dokładnym zakończeniem selekcji, gdyż później krawędzie będziemy korygować za pomocą gumki (Eraser) [E]. Rys. 7 przedstawia nasze zdjęcie podczas malowania maski. Kolor niebieski jest tymczasowym podglądem naszej selekcji. - KROK 3 - selekcja obiektu - praktyka Rys.7 Malowanie selekcji 3 Rys.5 Okno parametrów Qucik Mask Rys.6 Paleta Brushes
Korzystając z narzędzia gumka (Eraser) (E) czyścimy nadmiar farby jaki nałożyliśmy na zaznaczany element. Dokonujemy tego w podobny sposób, jak podczas zamalowywania, korzystając z właściwości końcówek. Jeśli czyścimy brzegi zaznaczenia z nadmiarów, korzystajmy z końcówek możliwie małych i miękko zakończonych (rys.8). Dzięki temu, selekcja i jej brzegi będą takie, jak element, który zaznaczamy. Fazę korekty brzegów pokazuje rys.9. Po zakończeniu operacji usuwania nadmiarów farby, powinniśmy uzyskać efekt jak na rys.10. Po wyłączeniu Qucik Mask [Q], zobaczymy standardową selekcję (rys.11) Rys.10 Koniec pracy z Quick Mask Rys.9 Wymazywanie nadmiarów selekcji 4 Rys.8 Końcówka twarda i końcówka miękka Rys.11 Selekcja, po wyłączeniu Quick Mask
- KROK 4 - zmiana koloru wyselekcjonowanego obiektu Teraz gdy mamy już zaznaczony obszar, który chcieliśmy poddać obróbce, zaczynamy przygotowania do zmiany kolorów. Aby nie niszczyć obrazu źródłowego, zmianę kolorów wykonamy na innej warstwie. W PhotoShop ie mamy do dyspozycji warstwy, dzięki którym można w efektywny sposób komponować grafiki z różnych elementów. Warstwy istnieją po to aby ułatwić m.in. pozycjonowanie poszczególnych elementów, zmianę ich właściwości (rozmiar, kąt pochylenia, przesunięcie), przykrywanie jednych elementów drugimi, sposoby przenikania itd. Podgląd warstw i ustawienia ich większości parametrów znajduje się w palecie Layers. Dzięki naszemu zaznaczeniu możemy teraz stworzyć nową warstwę. Utworzymy ją poprzez skopiowanie zaznaczonego obszaru tła, do nowej warstwy. Wybieramy opcję Layer Via Copy z menu Layers /New (lub wciskamy klawisze [Ctrl+J]). Operację tę można także wykonać poprzez kliknięcie prawym klawiszem wewnątrz zaznaczenia i wybraniu z menu kontekstowego opcji Layer Via Copy. Tę metodę ilustruje rys.12. Rys.12 Nowa warstwa poprzez kopiowanie 5 Po wykonaniu tej czynności rzućmy okiem na paletę Layers. Powinna ona wyglądać mniej więcej tak: Rys.13 Widok palety warstw po operacji Layer Via Copy Sama grafika niewiele się zmieniła (chociaż zniknęła obwódka selekcji). Operacja stworzenia nowej warstwy poprzez kopiowanie zaznaczonego obszaru, wyizolowała z naszej grafiki, jednego ptaka, którego teraz będziemy mogli trochę pomęczyć. Nie wpłynie to w żaden sposób na nasze oryginalne zdjęcie, gdyż eksperymentować będziemy na warstwie, która jest tylko kopią zaznaczanego wcześniej fragmentu. Przydatne skróty klawiszowe: [Ctrl+J] - Layer Via Copy
Przystępujemy do zmiany koloru naszego ptaszka. Wybieramy opcję Image / Adjust / Hue / Saturation [Ctrl+U] (rys.14). W operacji zmieniania koloru danego ptaka, będziemy korzystać z ustawień Hue. Dzięki tym ustawieniom zmieni się kolor ptaka, wraz z jego wszystkimi pośrednimi odcieniami. Pamiętać także należy o zanaczeniu opcji Colorize. Kolor pierwszego ptaszka zmieniamy na niebieski. Wartość Hue ustawiamy na 225. Gdy w oknie dialogowym Hue/Saturation zaznaczona będzie opcja preview, będziemy mogli na bieżąco podglądać efekt zmiany wartości parametru Hue. Rys.14 Okno ustawień Hue / Saturation Tak właśnie wygląda efekt zmiany parametru Hue na zaznaczonej warstwie, która jest naszym wyselekcjonowanym flamingiem (rys.15). Rys.15 Efekt zmiany parametru Hue na nowej warstwie 6 Poniżej podane są wartości Hue jakie trzeba ustawić poszczególnym ptakom, aby uzyskać efekt jak na końcowym obrazku. 225 340 55 110 285 Rys.16 Wartości Hue dla poszczególnych ptaków. Pierwszego ptaszka mamy już z głowy, więc pozostaje nam pokolorowanie pozostałych. Postępujemy w identyczny sposób jak z pierwszym flamingiem. Selekcja w trybie Qucik Mask, stworzenie nowej warstwy, na podstawie kopiowania wybranego obszaru i zmiana parametru Hue. Rys.17 Poszczególne etapy pracy nad naszą grafiką Został nam jeszcze jeden - ostatni ptaszek do zmiany koloru. Z racji tego, że możliwości Hue już wyczerpaliśmy - tzn. nie możemy za pomocą jej skali ustawić koloru innego niż te, które już mamy na zdjęciu - jednego ptaszka zrobimy bez koloru - będzie to albinos. Postępujemy tak samo; Quick Mask, Layer Via Copy, Hue/Saturation niemniej teraz usuniemy kolor z warstwy. Posłuży nam do
tego parametr Saturation czyli stopień nasycenia kolorem. Jeśli ustawimy ten parametr tak jak na rys.18, to pozbawimy pigmentu upierzenie naszego ostatniego ptaszka. Rys.18 Usunięcie koloru za pomocą suwaka Saturation 7
Zdjęcie nasze posiada małą głębię ostrości. Efekt ten rozpoznać można po coraz większym rozmyciu drugoplanowych elementów zdjęcia (postępującemu wraz z odległością). Z uwagi na to, że zdjęcie nasze nie jest idealnej jakości a oryginał był zapisany w formacie JPEG, który destrukcyjnie wpływa na niektóre partie obrazu - tę głębię trzeba nieco poprawić. Przystępując do korekty, trzeba wykonać kopię warstwy, na której znajduje się nasze zdjęcie. Tą warstwą jest warstwa o nazwie Background - kopiujemy ją w ten sposób jak pokazuje rys.19 - (klikamy na niej prawym klawiszem i z menu kontekstowego wybieramy opcję Duplicate Layer). Kiedy mamy już jej kopię, zaznaczamy ją (klikając raz, lewym klawiszem myszki) i wciskamy ikonkę Add Layer Mask - ikonka w czerwonym kółeczku na rys.20. Po wciśnięciu otrzymujemy taki efekt jak na rys.21. Rys.20 Rys.19 Rys.21 Korekta głębi ostrości, będzie polegała na wzmocnieniu rozmycia pewnej części zdjęcia (tak, aby zlikwidować artefakty powstałe z wcześniejszej kompresji) filtrem Gaussian Blur (Filter/Blur/Gaussian Blur). Aby to wykonać, musimy narysować maskę dla tej rozmywanej warstwy, według której efekt Gaussian Blur z różnym natężeniem rozmyje elementy zdjęcia. Do narysowania maski posłużymy się narzędziem Linear Gradient ( ) [G], które to znajduje się na pasku narzędzi. Wciśniętym lewym klawiszem myszki, kreślimy pionową linię - KROK 5 - korekcja g³êbii ostroœci 8 na naszym zdjęciu (zaczynamy mniej więcej od 2/5 wysokości a kończymy na około 4/7 wysokości kadru). Po puszczeniu klawisza, na palecie Layers otrzymamy przejście tonalne w masce warstwy, która jest kopią tła (rys.22). Dzięki temu gradientowi w masce warstwy, efekt Gaussian Blur będzie Rys.22 działał z różną mocą na warstwę. Trzeba zwrócić szczególną uwagę na to, czy w narysowanym gradiencie kolor biały jest u góry. Chodzi o to, że jeśli gradient zaczyna się kolorem białym (postępując od góry) to Gaussian Blur będzie postępował z mocą zanikającą w dół (to co jest jasne będzie mocniej rozmyte, to co ciemne - słabiej). Klikamy raz na kopii warstwy (obok gradientu), aby symbol maski (kółeczko), który jest obok, zmienił się na symbol pędzelka (wtedy możemy wykonywać operacje na warstwie, z uwzględnieniem maski). Teraz wybieramy filtr Gaussian Blur (Filter / Blur / Gaussian Blur) i ustawiamy jego parametry tak, jak na rys. 23. Akceptujemy wprowadzone zmiany klawiszem OK i możemy uznać korektę głębii ostrości za zakończoną. W tym momencie nasz rysunek jest skończony i powinien wyglądać tak jak na zdjęciu końcowym. Rys.23
Aby zapisać zdjęcie w innym formacie niż PSD (np. jako JPG do umieszczenia na stronie WWW) należałoby je spłaszczyć. Operacja spłaszczenia (Flatten Image) spowoduje połączenie wszystkich warstw w jedną, co pozwoli nam na zapisanie obrazka w innym formacie niż *.PSD. Operację spłaszczenia obrazka wykonujemy w następujący sposób; klikamy lewym klawiszem myszki na strzałkę znajdującą się w prawym, górnym rogu palety Layers, i z otwartego menu wybieramy opcję Flatten Image (patrz rys.24). Po spłaszczeniu możemy zmniejszyć rozmiar obrazka (Image / Image Size) wpisując w oknie dialogowym opcji Image Size mniejsze wartości. Przy zapisie obrazka pod nową nazwą (File / Save As) będziemy mieli do wyboru inne formaty plików, z których najpopularniejsze to *.jpg, *.bmp, *.tif i *.png. Po spłaszczeniu i zapisaniu obrazka, nie będziemy mieli już możliwości edycji warstw, tak jak to miało miejsce, gdy obrazek był dokumentem *.PSD. Postarajmy się więc o zachowanie zdjęcia w dwóch formatach; JPG - do docelowego wykorzystania i PSD jako plik, który w przyszłości będzie jeszcze można poprawić, lub przygotować do innych zastosowań. Rys.24 9 Pamiêtaj: marcin.stig.saldat stig@stig.prv.pl http://stig.prv.pl - czêsto wykonuj zapis swojej pracy (File/Save) (Ctrl+S), eby przez nieprzewidziane zawieszenie komputera, nie straciæ efektów swojej pracy, - nieprawid³owo wykonan¹ operacjê mo esz cofn¹æ opcj¹ Undo (Edit / Undo) [Ctrl+Z] - przy tworzeniu nowej warstwy poprzez opcj¹ Layer Via Copy, pamiêtaj, aby zaznaczona (podœwietlona) by³a warstwa Background, - zapamiêtanie skrótów klawiszowych czêsto u ywanych opcji, znacznie przyspiesza pracê nad dokumentem, - jeœli jakiœ efekt Twojej pracy nad t¹ grafik¹ nie przyniós³ zamierzonych rezultatów - wróæ do tej dokumentacji i przeczytaj j¹ dok³adniej. :-) Ikonki narzêdzi u ytych w tym æwiczeniu: PaintBrush (pędzel) [B] Eraser (gumka) [E] Gradient [G] Hand (r¹czka) [G] Zoom (lupa) [Z] Qucik Mask (off) [Q] Qucik Mask (on) [Q]
EFEKT KOÑCOWY 10