W tym samouczku dotyczącym efektów programu Photoshop nauczymy się, jak tworzyć obramowanie „wyblakłych pikseli”, przy czym obraz będzie pojawiał się w przypadkowych i rozrzuconych kwadratowych pikselach, które stopniowo przechodzą w jednolite kolorowe tło.
Aby stworzyć efekt, załadujemy jeden z dodatkowych zestawów pędzli zawartych w Photoshopie i użyjemy niektórych opcji Dynamiki pędzla, aby losowo zmieniać rozmiar pędzla i rozrzucać go podczas malowania. Zaczniemy od białego jako koloru tła, ale na końcu samouczka dowiemy się, jak możemy łatwo zmienić kolor, w tym jak próbkować kolor bezpośrednio z samego obrazu!
Będę używać Photoshopa CS5 do tego samouczka, ale każda najnowsza wersja Photoshopa będzie działać.
Oto oryginalny obraz, od którego zacznę:
Oryginalne zdjęcie.
A oto jak to będzie wyglądać, kiedy skończymy:
Wynik końcowy.
Jak utworzyć wyblakłe obramowanie pikseli
Krok 1: Zduplikuj warstwę tła
Ze zdjęciem nowo otwartym w Photoshopie zacznijmy od wykonania kopii obrazu, abyśmy mogli pozostawić oryginał nietknięty na wypadek, gdybyśmy go potrzebowali ponownie. Jeśli spojrzymy na panel Warstwy, zobaczymy, że zaczynamy od oryginalnego zdjęcia siedzącego na warstwie Tła:
Panel Warstwy pokazujący oryginalne zdjęcie na warstwie Tła.
Aby szybko powielić warstwę, naciśnij Ctrl + J (Win) / Command + J (Mac) na klawiaturze. Photoshop tworzy kopię warstwy, nazywa kopię „Warstwą 1” i umieszcza ją nad oryginałem:
Kopia zdjęcia pojawi się na „Warstwie 1”.
Krok 2: Dodaj białą jednolitą warstwę wypełnienia między istniejącymi warstwami
Wybierz warstwę tła, klikając ją w panelu Warstwy:
Kliknij warstwę tła, aby ją wybrać.
Po wybraniu warstwy tła kliknij ikonę Nowa warstwa wypełnienia lub dopasowania u dołu panelu Warstwy:
Kliknięcie ikony Nowa warstwa wypełnienia lub dopasowania.
Wybierz warstwę wypełnienia Jednolity kolor z góry wyświetlonej listy:
Wybieranie z listy „Jednolity kolor”.
Wykorzystamy tę warstwę wypełnienia jednolitym kolorem jako kolor tła dla naszego efektu. Program Photoshop otworzy Próbnik kolorów, abyśmy mogli wybrać żądany kolor. Na razie wybierz biały, klikając biały w lewym górnym rogu pola wyboru koloru po lewej stronie lub wpisując 255 dla wartości R, G i B w pobliżu dolnej środkowej części okna dialogowego. Na końcu tego samouczka dowiemy się, jak możemy łatwo zmienić kolor tła, ale na razie biały:
Wybierz biały z Próbnika kolorów.
Po zakończeniu kliknij OK, aby zamknąć Próbnik kolorów. Nie będziemy jeszcze w stanie zobaczyć białego koloru tła w dokumencie, ale jeśli spojrzymy ponownie w panelu Warstwy, zobaczymy nową warstwę wypełnienia jednolitym kolorem, którą Photoshop nazwał „Wypełnienie kolorem 1”, umieszczoną pomiędzy warstwami 1 i warstwa tła:
Photoshop umieszcza warstwę wypełnienia Jednolity kolor między dwiema warstwami obrazu.
Krok 3: Dodaj wypełnioną na czarno maskę warstwy do warstwy 1
Kliknij opcję Warstwa 1 w panelu Warstwy, aby ją wybrać:
Wybierz warstwę 1.
Po wybraniu warstwy 1 naciśnij i przytrzymaj klawisz Alt (Win) / Option (Mac) na klawiaturze, a następnie kliknij ikonę Maska warstwy u dołu panelu Warstwy:
Przytrzymaj Alt (Win) / Option (Mac) i kliknij ikonę Maska warstwy.
To dodaje maskę warstwy do warstwy 1, a ponieważ przytrzymaliśmy klawisz Alt (Win) / Option (Mac), kiedy kliknęliśmy ikonę maski warstwy, Photoshop wypełnił maskę warstwy czarną, co całkowicie ukrywa zdjęcie na warstwie z widoku. Widzimy wypełnioną czarną miniaturą maskę warstwy na warstwie 1 w panelu Warstwy:
Miniatura maski warstwy, wypełniona czernią, pojawia się na warstwie 1.
Gdy zdjęcie w Warstwie 1 jest ukryte, możemy teraz zobaczyć w dokumencie białą warstwę wypełnienia jednolitym kolorem:
Biała warstwa wypełnienia jest teraz widoczna.
Krok 4: Zduplikuj warstwę 1 trzy razy
Naciśnij trzy razy klawisze Ctrl + J (Win) / Command + J (Mac) na klawiaturze, aby utworzyć jeszcze trzy kopie Warstwy 1. W oknie dokumentu nic nie będzie widać, ale gdy skończysz, powinieneś mieć cztery kopie zdjęcia, każda z własną czarną maską warstwową, siedzącą nad warstwą wypełnienia Jednolity kolor w panelu Warstwy:
Cztery kopie zdjęcia pojawiają się nad warstwą wypełnienia Jednolity kolor.
Krok 5: Wybierz narzędzie Pędzel
Wybierz narzędzie pędzla Photoshopa z panelu Narzędzia:
Wybieranie narzędzia pędzla.
Krok 6: Załaduj zestaw kwadratowych pędzli
Użyjemy jednego z pędzli Photoshopa, aby stworzyć efekt pikseli, ale pędzel, którego potrzebujemy, nie jest dla nas domyślnie ładowany, więc najpierw musimy go załadować ręcznie. Po wybraniu narzędzia Pędzel kliknij prawym przyciskiem myszy (Win) / kliknij przytrzymując klawisz Control (Mac) w dowolnym miejscu dokumentu, aby szybko otworzyć narzędzie Picker Brush, a następnie kliknij małą strzałkę w prawym górnym rogu:
Kliknij małą strzałkę.
Otworzy się menu z różnymi opcjami, w tym listą u dołu dodatkowych zestawów pędzli, które możemy załadować. Wybierz zestaw Pędzli kwadratowych :
Wybierz zestaw pędzli kwadratowych z listy.
Photoshop zapyta, czy chcesz wymienić oryginalne pędzle na nowe. Kliknij Dołącz, aby zachować oryginały i po prostu dodaj nowe pędzle po nich:
Kliknij „Dołącz”, dodaj nowe pędzle bez usuwania oryginałów.
Po załadowaniu nowych pędzli przewijaj miniatury pędzli w Próbniku pędzli, aż dojdziesz do kwadratowych pędzli (które powinny znajdować się na samym dole listy). Kliknij dwukrotnie kwadratowy pędzel o wielkości 24 pikseli, aby go zaznaczyć i zamknąć narzędzie wyboru palców:
Kliknij dwukrotnie miniaturkę pędzla kwadratowego 24 piksele.
Krok 7: Ustaw jitter wielkości pędzla na 100%
Naciśnij klawisz F5 na klawiaturze, aby szybko otworzyć główny panel pędzli programu Photoshop, a następnie kliknij bezpośrednio słowa Shape Dynamics po lewej stronie panelu. Pamiętaj, aby kliknąć same słowa, a nie tylko pole wyboru po lewej stronie słów:
Kliknij bezpośrednio na słowa Dynamika kształtu w panelu Pędzle.
Zwiększ do końca opcję Rozmiar jittera do 100%, co spowoduje tworzenie kwadratów o losowych rozmiarach podczas malowania pędzlem. Upewnij się, że opcja Minimalna średnica jest ustawiona na 0%, a opcje Jitter kąta i Jitter okrągłości są również ustawione na 0% :
Zwiększ Rozmiar Jittera do 100% i upewnij się, że pozostałe opcje są ustawione na 0%.
Krok 8: Dodaj rozpraszanie do pędzla
Kliknij bezpośrednio na słowo Rozpraszanie poniżej Dynamiki kształtu po lewej stronie panelu Pędzle. Ponownie upewnij się, że kliknąłeś na samo słowo, a nie wewnątrz pola wyboru:
Wybierz Rozpraszanie po lewej stronie panelu Pędzle.
Zwiększ wartość Rozproszenia do około 700%, co rozproszy kwadraty podczas malowania. Wybierz opcję Obie osie, klikając wewnątrz jej pola wyboru, a następnie upewnij się, że opcja Liczba jest ustawiona na 1, a Liczba Jittera na 0% . Po zakończeniu naciśnij ponownie klawisz F5 na klawiaturze, aby zamknąć panel pędzli:
Opcje rozpraszania.
Krok 9: Wybierz maskę górnej warstwy
Gdy nasz kwadratowy pędzel jest gotowy do pracy, kliknij miniaturkę maski górnej warstwy w panelu Warstwy. W ten sposób będziemy malować na samej warstwie maski, a nie na zdjęciu. Wokół miniatury pojawi się białe pole zaznaczenia informujące, że maska jest wybrana:
Kliknij miniaturkę maski warstwy dla górnej warstwy.
Krok 10: Pomaluj główne obszary zdjęcia
Upewnij się, że wartość Krycia dla górnej warstwy jest ustawiona na 100%, która powinna być domyślnie:
Wartość Krycia dla górnej warstwy powinna być ustawiona na 100%.
Ponadto przed rozpoczęciem malowania naciśnij literę D na klawiaturze, aby szybko upewnić się, że kolory pierwszego planu i tła są ustawione na domyślne wartości: biały (kolor pierwszego planu) i czarny (kolor tła). Photoshop używa koloru pierwszego planu jako koloru pędzla i chcemy mieć pewność, że malujemy na masce warstwy kolorem białym, abyśmy mogli odkryć zdjęcie podczas malowania:
Naciśnij D na klawiaturze, aby zresetować kolory pierwszego planu i tła.
Mając kwadratowy pędzel w dłoni, krycie warstwy ustawione na 100% i kolor pierwszego planu ustawiony na biały, zacznij malować tylko na głównych, ważnych obszarach zdjęcia. Oczywiście, ponieważ wszystko, co widzimy w tej chwili, to jednolite białe tło, musisz „zgadnąć”, gdzie znajdują się te ważne obszary. Jeśli nie uda Ci się tego zrobić za pierwszym razem, po prostu naciśnij Ctrl + Z (Win) / Command + Z (Mac), aby cofnąć pociągnięcie pędzla, a następnie spróbuj ponownie.
Podczas malowania zobaczysz zdjęcie pojawiające się w szeregu losowo rozrzuconych kwadratów, tworząc pierwsze etapy efektu pikseli:
Zdjęcie jest odsłonięte przez kwadraty podczas malowania.
Jeśli nie jesteś zadowolony z rozmiaru kwadratowego pędzla, naciśnij Ctrl + Z (Win) / Command + Z (Mac), aby cofnąć pociągnięcie pędzla (lub naciśnij Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), aby cofnąć wielokrotne pociągnięcia pędzla), a następnie zmień rozmiar pędzla za pomocą klawiszy lewego i prawego wspornika na klawiaturze. Za każdym razem, gdy naciśniesz klawisz lewego nawiasu ( ( ), pędzel będzie nieco mniejszy, a prawy klawisz nawiasu ( ) ) powiększy go. Rozpocznij malowanie, gdy będziesz zadowolony z rozmiaru pędzla.
Kontynuuj malowanie na głównych częściach obrazu. Oto mój dokument do tej pory. Zwykle rozmiar pędzla byłbym nieco mniejszy niż ten, którego tu używam, co dałoby mi mniejsze kwadraty, ale mniejsze kwadraty mogą być trudne do zobaczenia na zrzutach ekranu, więc na potrzeby tego samouczka pozostawiam zestaw pędzli do oryginalnego rozmiaru 24 pikseli:
Pierwsza część efektu jest zakończona.
Krok 11: Wybierz maskę warstwy na następnej warstwie
Kliknij miniaturkę maski dla warstwy bezpośrednio pod górną warstwą. Ponownie wokół miniatury pojawi się biała ramka podświetlenia, informująca, że wybrano maskę warstwy:
Kliknij miniaturkę maski drugiej warstwy od góry.
Krok 12: Zmniejsz krycie warstwy do 70%
Zmniejsz wartość Krycia dla tej warstwy do około 70% :
Zmień krycie warstwy na 70%.
Krok 13: Pomaluj początkowy obszar, aby odsłonić więcej zdjęć
Po zmniejszeniu krycia warstwy pomaluj obszar początkowy, aby odsłonić więcej zdjęcia. Ponieważ krycie warstwy jest ustawione tylko na 70%, ten nowy obszar będzie nieco wyblakły w porównaniu z poprzednim obszarem, który namalowaliśmy:
Nowo ujawniony obszar wydaje się nieco wyblakły wokół głównego obszaru.
Krok 14: Wybierz maskę następnej warstwy
Kliknij miniaturkę maski trzeciej warstwy od góry:
Wybierz maskę następnej warstwy.
Krok 15: Zmniejsz krycie warstwy do 35%
Zmniejsz krycie dla tej trzeciej warstwy do około 35% :
Zmień krycie warstwy na 35%.
Krok 16: Maluj, aby odsłonić więcej zdjęć
Kontynuuj malowanie wokół poprzedniego obszaru, aby wyświetlić więcej zdjęć. Ten nowy obszar będzie wyglądał na jeszcze bardziej wyblakły niż poprzedni dzięki wartości krycia 35%:
Kontynuuj malowanie, aby odsłonić więcej obrazu.
Krok 17: Wybierz maskę następnej warstwy
Na koniec kliknij miniaturkę maski oryginalnej warstwy 1, aby ją wybrać:
Wybierz maskę warstwy 1.
Krok 18: Zmniejsz krycie warstwy do 10%
Zmniejsz krycie warstwy 1 aż do około 10%:
Zmień krycie warstwy na 10%.
Krok 19: Maluj w pozostałych obszarach zdjęcia
Pomaluj pozostałe białe obszary wokół obrazu, aby odsłonić resztę. Ta ostatnia część będzie bardzo słaba z kryciem warstwy przy zaledwie 10%:
Pomaluj pozostałe białe obszary wokół dokumentu, aby odsłonić pozostałą część obrazu.
Krok 20: Zmień kolor tła (opcjonalnie)
W tym momencie efekt jest zakończony, ale jeśli chcesz zmienić kolor tła na inny niż biały, kliknij dwukrotnie próbkę koloru dla warstwy wypełnienia Jednolity kolor w panelu Warstwy:
Kliknij dwukrotnie próbkę koloru warstwy wypełnienia.
Spowoduje to ponowne otwarcie Próbnika kolorów. Możesz wybrać nowy kolor z Próbnika kolorów, ale to, co lubię, to próbkowanie koloru bezpośrednio z samego obrazu. Aby to zrobić, przy wciąż otwartym Próbniku kolorów, przesuń kursor myszy nad obrazem. Kursor tymczasowo zmieni się w ikonę narzędzia Kroplomierz . Kliknij obszar obrazu zawierający żądany kolor tła. Kliknę obszar na czole kobiety:
Kliknij kolor obrazu, aby użyć go jako tła efektu.
Po zakończeniu kliknij OK, aby zamknąć Próbnik kolorów. Warstwa wypełnienia Jednolity kolor natychmiast aktualizuje się do nowo próbkowanego koloru, dając nam nowy kolor tła dla efektu:
Ten sam efekt z nowym kolorem tła.