W tym samouczku dotyczącym programu Photoshop nauczymy się, jak zamienić zdjęcie w wzór kolorowych kropek za pomocą jednego z filtrów Photoshopa, maski warstwy i prostego powtarzalnego wzoru, który utworzymy od podstaw. Będę tutaj używać programu Photoshop CS5, ale każda najnowsza wersja będzie działać. Jednak użytkownicy Photoshop CS6 i CC (Creative Cloud) będą chcieli zapoznać się z w pełni zaktualizowanym samouczkiem Przekształcanie zdjęcia w wzór kolorowych kropek.
Oto zdjęcie, od którego zacznę:
Oryginalne zdjęcie.
A oto jak to będzie wyglądać, kiedy skończymy:
Wynik końcowy.
Jak utworzyć kolorowy wzór kropki ze zdjęcia
Krok 1: Zduplikuj warstwę tła
Po otwarciu zdjęcia w Photoshopie, jeśli spojrzymy na panel Warstwy, zobaczymy, że obecnie mamy jedną warstwę - warstwę tła - która jest warstwą, na której siedzi nasz obraz:
Oryginalny obraz znajduje się na warstwie Tła w panelu Warstwy.
Kliknij warstwę tła i trzymając wciśnięty przycisk myszy, przeciągnij warstwę w dół na ikonę Nowa warstwa na dole panelu Warstwy (jest to ikona bezpośrednio po lewej stronie Kosza):
Kliknij i przeciągnij warstwę tła w dół na ikonę Nowa warstwa.
Zwolnij przycisk myszy, gdy kursor myszy znajdzie się nad ikoną Nowa warstwa. To tworzy kopię warstwy tła, którą Photoshop umieszcza nad oryginałem:
Kopia warstwy tła pojawi się nad oryginałem.
Krok 2: Dodaj nową pustą warstwę między dwiema istniejącymi warstwami
Przytrzymaj klawisz Ctrl (Win) / Command (Mac) i kliknij ikonę Nowa warstwa u dołu panelu Warstwy (ta sama ikona, której użyliśmy w poprzednim kroku):
Przytrzymaj Ctrl (Win) / Command (Mac) i kliknij ikonę Nowa warstwa.
To dodaje nową pustą warstwę do dokumentu. Zwykle Photoshop umieszcza nowe warstwy powyżej aktualnie wybranej warstwy (która w naszym przypadku była warstwą kopiowania tła), ale przytrzymując klawisz Ctrl (Win) / Command (Mac), klikając ikonę Nowa warstwa, powiedzieliśmy Photoshopowi, aby zamiast tego umieść nową warstwę pod nią. W panelu Warstwy widzimy, że mamy teraz nową pustą warstwę o nazwie Warstwa 1, umieszczoną między warstwami tła i tła:
Nowa warstwa pojawi się między dwiema poprzednimi warstwami.
Krok 3: Wypełnij nową warstwę kolorem czarnym
Wypełnijmy nową warstwę czernią, która stanie się kolorem tła efektu. Przejdź do menu Edycja na pasku menu u góry ekranu i wybierz Wypełnij :
Przejdź do Edycja> Wypełnij.
Spowoduje to otwarcie okna dialogowego Wypełnienie programu Photoshop. Zmień opcję Użyj w górnej części okna dialogowego na Czarny :
Zmień opcję Użyj na Czarny.
Kliknij OK po zakończeniu, aby zamknąć okno dialogowe. Wydaje się, że nic się nie wydarzyło w oknie dokumentu, ponieważ obraz na warstwie kopii tła obecnie blokuje widok warstwy 1, ale możemy zobaczyć na miniaturze podglądu warstwy 1 w panelu Warstwy, że wypełniliśmy warstwę jednolitą czernią:
Miniatura podglądu warstwy 1 pokazuje, że warstwa jest teraz wypełniona czernią.
Krok 4: Wybierz warstwę kopiowania w tle
Kliknij warstwę kopiowania tła w panelu Warstwy, aby ją zaznaczyć i ustawić jako warstwę aktywną:
Wybierz warstwę kopii tła.
Krok 5: Zastosuj filtr mozaiki
Przejdź do menu Filtr u góry ekranu, wybierz opcję Pixelate, a następnie wybierz opcję Mozaika :
Wybierz Filtr> Pikseluj> Mozaika.
Filtr mozaiki pikseluje obraz, zamieniając go w serię jednolitych kwadratów. Możemy ustawić rozmiar kwadratów za pomocą opcji Rozmiar komórki u dołu okna dialogowego filtra. Większe wartości utworzą większe kwadraty. Mniejsze wartości, mniejsze kwadraty. Te kwadraty ostatecznie staną się naszymi kolorowymi kropkami, więc będziesz chciał ustawić wartość Rozmiar komórki w oparciu o liczbę i rozmiar kolorowych kropek, które chcesz w końcowym efekcie. Może to zająć trochę prób i błędów, aby wszystko było w porządku. Mam zamiar ustawić moją wartość rozmiaru komórki na 20 . Upewnij się, że pamiętasz dokładną wartość, której użyłeś, ponieważ za chwilę będziemy jej potrzebować:
Zapamiętaj wartość wprowadzoną dla opcji Rozmiar komórki.
Kliknij przycisk OK, aby zamknąć okno dialogowe. Twój obraz powinien teraz wyglądać na pikselowy:
Obraz po zastosowaniu filtra mozaiki.
Krok 6: Utwórz nowy dokument
Odłóżmy na chwilę nasz obraz i stwórzmy nasz powtarzalny wzór punktowy. W tym celu potrzebujemy nowego dokumentu Photoshopa, więc przejdź do menu Plik u góry ekranu i wybierz Nowy :
Przejdź do Plik> Nowy.
Spowoduje to otwarcie okna dialogowego Nowy dokument. Ustaw szerokość i wysokość dokumentu na tę samą wartość, którą wprowadziłeś dla opcji Rozmiar komórki w oknie dialogowym filtru mozaiki. W moim przypadku ustawiam Rozmiar komórki na 20, więc ustawię opcje szerokości i wysokości na 20 pikseli. Spowoduje to utworzenie nowego dokumentu o dokładnie takim samym rozmiarze jak kwadraty na naszym obrazie. Nie przejmuj się wartością rozdzielczości, ale upewnij się, że zawartość tła jest ustawiona na biały :
Ustaw szerokość i wysokość na tę samą wartość, którą podałeś dla rozmiaru komórki. Upewnij się, że typ pomiaru jest ustawiony na piksele.
Kliknij OK po zakończeniu, aby zamknąć okno dialogowe. Nowy dokument pojawi się na ekranie. Ponieważ twój dokument jest najprawdopodobniej bardzo mały, przytrzymaj Ctrl + spację (Win) / Command + spację (Mac) na klawiaturze, aby tymczasowo przełączyć się do narzędzia Zoom w Photoshopie (kursor myszy zmieni się w szkło powiększające ze znakiem plus w środkowy), a następnie kliknij kilka razy w dokumencie, aby go powiększyć. Tutaj powiększyłem do 1600%:
Powiększ nowy dokument, aby ułatwić kolejne kroki.
Krok 7: Wybierz narzędzie Elliptical Marquee
Wybierz narzędzie Markiza eliptyczna z panelu Narzędzia. Domyślnie ukrywa się za narzędziem prostokątnej markizy, więc kliknij narzędzie prostokątnej markizy i przytrzymaj przycisk myszy przez sekundę lub dwie, aż pojawi się wysuwane menu, a następnie wybierz z listy narzędzie Elliptical Marquee Tool:
Kliknij i przytrzymaj prostokątne narzędzie zaznaczania, a następnie wybierz narzędzie zaznaczania eliptycznego z menu rozwijanego.
Krok 8: Narysuj zaznaczenie kołowe
Trzymając w ręku narzędzie Elliptical Marquee, przytrzymaj klawisz Shift, kliknij lewy górny róg dokumentu i, trzymając wciśnięty przycisk myszy, przeciągnij po przekątnej w dół do prawego dolnego rogu dokumentu, aby narysować okrągły kontur zaznaczenia . Przytrzymanie klawisza Shift podczas przeciągania spowoduje, że kontur zaznaczenia będzie się idealnie obracał. Jeśli musisz zmienić położenie zaznaczenia podczas rysowania, przytrzymaj spację, przeciągnij kontur za pomocą myszy, a następnie zwolnij spację i kontynuuj. Kiedy skończysz, krawędzie konturu wyboru powinny dotykać krawędzi dokumentu, więc ma taką samą szerokość i wysokość jak sam dokument:
Przeciągnij okrągły zaznaczenie wewnątrz dokumentu.
Krok 9: Wypełnij zaznaczenie kolorem czarnym
Wróć do menu Edycja u góry ekranu i ponownie wybierz Wypełnienie, tak jak to zrobiliśmy w kroku 3. Opcja Użyj powinna być już ustawiona na Czarną, ponieważ zmieniliśmy ją na poprzednią, więc po prostu kliknij Kliknij przycisk OK, aby zamknąć okno dialogowe Wypełnij. Photoshop wypełnia kontur zaznaczenia w dokumencie kolorem czarnym. Naciśnij Ctrl + D (Win) / Command + D (Mac) na klawiaturze, aby szybko odznaczyć obszar i usunąć kontur zaznaczenia.
Jeśli korzystasz z programu Photoshop CS4 lub CS5 i powiększyłeś dokument tak jak ja, zobaczysz zarys siatki (znany jako siatka pikseli ) przez czarny okrąg. Siatka pikseli jest nową funkcją od wersji CS4 i stanowi po prostu pomoc wizualną po powiększeniu dokumentu. Nie jest to część samego obrazu i zniknie podczas oglądania obrazu w jego rzeczywistym rozmiarze, więc po prostu zignoruj go. Siatka nie pojawi się, jeśli używasz Photoshopa CS3 lub wcześniejszego:
Dokument (nadal powiększony do 1600%) po wypełnieniu konturu wyboru kolorem czarnym.
Krok 10: Odwróć kolory w dokumencie
Przejdź do menu Obraz u góry ekranu, wybierz Dopasowania, a następnie Odwróć :
Przejdź do Obraz> Dopasowania> Odwróć.
To odwraca kolory w dokumencie, dzięki czemu czarne obszary są białe, a białe obszary czarne:
Sam krąg jest teraz biały, a obszary narożne stają się czarne.
Krok 11: Zdefiniuj okrąg jako wzór
Przejdź do menu Edycja u góry ekranu i wybierz Zdefiniuj wzór :
Przejdź do Edycja> Zdefiniuj wzór.
Photoshop otworzy okno dialogowe z prośbą o nazwanie nowego wzoru. Nadaj wzorowi opisową nazwę. Mam zamiar nazwać mój „Circle 20x20”, ponieważ rozmiar mojego dokumentu to 20 na 20 pikseli. Może się okazać, że utworzysz więcej wzorów okręgów, wszystkie o różnych rozmiarach, więc dobrym pomysłem jest podanie w dokumencie rozmiaru dokumentu:
Nadaj wzorowi nazwę.
Kliknij OK po zakończeniu, aby zamknąć okno dialogowe. Wydaje się, że nic się nie wydarzyło, ale program Photoshop zapisał dokument jako wzór. W tym momencie możesz zamknąć dokument swojego okręgu, ponieważ już go nie potrzebujemy. Nie trzeba go zapisywać, więc wybierz opcję Nie zapisuj, gdy program Photoshop zapyta, czy chcesz zapisać dokument przed jego zamknięciem.
Krok 12: Dodaj maskę warstwy do warstwy kopiowania w tle
Wróć z powrotem do głównego dokumentu i upewnij się, że w panelu Warstwy zaznaczono warstwę kopii w tle . Kliknij ikonę Dodaj maskę warstwy u dołu panelu Warstwy:
Po zaznaczeniu warstwy kopiowania tła kliknij ikonę Dodaj maskę warstwy.
Ponownie wydaje się, że nic się nie wydarzyło w dokumencie, ale na warstwie kopii tła w panelu Warstwy pojawia się miniatura wypełnionej białą maską maski warstwy, informując nas, że dodaliśmy maskę warstwy. Zauważ, że miniatura ma cienką obwódkę podświetlenia wokół niej. To mówi nam, że wybrana jest sama maska warstwy:
Miniatura maski warstwy pojawi się na warstwie kopii tła.
Krok 13: Wypełnij maskę warstwy wzorem koła
Jeszcze raz przejdź do menu Edycja u góry ekranu i wybierz Wypełnij . Tym razem zmień opcję Użyj z Czarnej na Wzór :
Zmień opcję Użyj na Wzór.
Kliknij miniaturę podglądu wzoru niestandardowego, aby wybrać wzór, którego chcesz użyć:
Kliknij miniaturę wzoru niestandardowego.
Spowoduje to otwarcie Próbnika wzorów . Wybierz właśnie utworzony wzór okręgu, klikając jego miniaturę. Powinna to być ostatnia miniatura na liście. Jeśli masz włączoną opcję Podpowiedzi w Preferencjach programu Photoshop, nazwa wzoru pojawi się po najechaniu kursorem myszy na miniaturę:
Kliknij miniaturę wzoru okręgu, aby ją wybrać.
Kliknij OK po wybraniu wzoru, aby zamknąć okno dialogowe Wypełnienie. Photoshop wypełnia maskę warstwy wzorem koła, a nasz obraz składa się teraz ze wzoru kolorowych kropek:
Obraz po wypełnieniu maski warstwy powtarzającym się wzorem koła.
Powiększę obraz bliżej, aby łatwiej zobaczyć efekt. Każda kropka na obrazie składa się z jednego jednolitego koloru dzięki zastosowanemu wcześniej filtrowi mozaiki. Czarny obszar otaczający koła pochodzi z warstwy 1 poniżej obrazu (którą wypełniliśmy czernią w kroku 3):
Bliższe spojrzenie na efekt.
Krok 14: Dodaj warstwę dopasowania odcienia / nasycenia (opcjonalnie)
Jako opcjonalny ostatni krok możemy nieco poprawić efekt, zwiększając nasycenie kolorów na obrazie. Kliknij ikonę Nowa warstwa dopasowania u dołu panelu Warstwy:
Kliknij ikonę Nowa warstwa dopasowania.
Wybierz warstwę dopasowania Barwa / Nasycenie z wyświetlonej listy:
Wybierz Barwa / Nasycenie z listy warstw dopasowania.
Jeśli korzystasz z programu Photoshop CS3 lub wcześniejszego, na ekranie otworzy się okno dialogowe Barwa / Nasycenie. W przypadku użytkowników Photoshop CS4 i CS5 formanty warstwy dopasowania Barwa / Nasycenie pojawią się w panelu Dopasowania. W obu przypadkach zwiększ nasycenie kolorów na obrazie, klikając suwak Nasycenie i przeciągając go w prawo. Im dalej przeciągniesz w prawo, tym bardziej nasycone będą kolory. Zwiększę nasycenie do +20 :
Przeciągnij suwak Nasycenie w prawo, aby zwiększyć nasycenie kolorów na obrazie.
W przypadku programu Photoshop CS3 i wcześniejszych użytkowników kliknij przycisk OK, aby zamknąć okno dialogowe Barwa / Nasycenie. Użytkownicy programów Photoshop CS4 i CS5 mogą pozostawić panel Dostosowania otwarty. I z tym skończyliśmy! Tutaj, po zwiększeniu nasycenia kolorów, jest mój końcowy wynik „zdjęcia do kolorowych kropek”:
Wynik końcowy.