23 lutego, 2022

Twórz Grafiki Pikselowe w Photoshopie (Ultimate Guide Pixel Art Photoshop)

Połącz się z nami

przez większość czasu potrzebujemy wysokiej jakości zdjęć i portretów, ale czasami potrzebujemy jakiegoś pikselowanego obrazu do wykorzystania w naszym projekcie lub po prostu potrzebujemy pikseli dowolnego obrazu z nas. Pokażę Ci dokładną metodę tworzenia Photoshopa pixel art z dowolnego obiektu lub portretu z dowolnego obrazu.

teraz uchwyciłeś swoje zdjęcie i chciałeś, aby wyglądało jak stare, Zabawne, retro, 8-bitowe pixel art.

w tej sytuacji mamy Photoshopa do konwersji zdjęć na pixel art Photoshop sprawia, że są pikselowane.

jeśli chcesz dowiedzieć się, jak przekonwertować Pikselowe logo lub ikony na ikony o wysokiej rozdzielczości, Kliknij tutaj!

teraz jeśli chcesz nauczyć się kompletnej techniki tworzenia tej Grafiki pikselowej w Photoshopie, po prostu musisz trzymać się ze mną do końca artykułu.

ponieważ w tym artykule pokażę Ci najlepszy przewodnik krok po kroku o tym, jak zrobić pixel art Photoshop i zrobić coś jak zabawny, retro, 8-bitowy Stary pikselowany obraz.

spis treści

Krok 1: Konfigurowanie pliku kompozycji pikseli

w programie Photoshop przejdź do pliku > Nowy. Nazwij wybrany dokument. Ustaw plik na następujące wymiary:

  • szerokość do 500 px
  • wysokość do 500 px
  • orientacja do poziomu
  • Rozdzielczość do 50
  • tryb kolorów do RGB

następnie kliknij Utwórz.

Otwórz Pixel-Art-Photoshop

Krok 2: Otwórz zdjęcie obiektu

Otwórz zdjęcie kogoś lub czegoś, czego chcesz użyć w tym projekcie. Aby to zrobić, po prostu przeciągnij i upuść zdjęcie tematu na dokumencie lub możesz przejść do pliku > umieść osadzony.

umieść embed Pixel-Art-Photoshop

spowoduje to przejście do lokalizacji obrazu i otwarcie go.

pierwszym krokiem jest zmiana rozmiaru, aby uzyskać pożądane wyniki.

jeśli chcesz przyciąć dół obiektu W Okrągły kształt, otwórz eliptyczne narzędzie zaznaczenia, zbliż się do rogu, a następnie naciśnij i przytrzymaj klawisz Shift podczas przeciągania okrągłego zaznaczenia.

wyciniemy nasz temat wewnątrz zaznaczenia, naciskając Ctrl lub Cmd + J, aby zrobić duplikat zaznaczenia i możemy teraz po prostu ukryć dolną warstwę.

kliknij ikonę gałki ocznej obok dolnej warstwy, aby ją ukryć.

Krok 3: Usuwanie tła

następnie usuniemy resztę tła za naszym tematem i zamaskujemy temat.

istnieje wiele sposobów, aby to zrobić, a twoja metoda powinna zależeć od cech zdjęcia.

w tym przykładzie, jeśli tło jest czysto białe lub w dowolnym kolorze, możesz użyć narzędzia Moja Magiczna Różdżka.

możesz ustawić tolerancję 10 i upewnić się, że jest zaznaczone „przylegające”. „Przylegający” zapewni, że zostanie wybrany tylko biały obszar poza moim tematem.

więc mam różne typy narzędzi selekcji w Photoshopie, a niektóre z nich również używają sztucznej inteligencji do wykonywania selekcji.

  • Markiza Prostokątna: Za pomocą tego narzędzia można zaznaczać prostokątne fragmenty obrazu.
  • Lasso: to narzędzie wyboru pozwala narysować własny, swobodny zarys tego, co chcesz wybrać. Działa to najlepiej w przypadku obszarów, które nie kwalifikują się jako kształty.
  • Szybki wybór: to narzędzie jest używane podobnie jak narzędzie lasso, z tym że działa najlepiej na obszarze o wyraźnie określonych krawędziach. Przeciągasz myszką i kontur „zatrzaskuje” na krawędzie.

możesz użyć narzędzi szybkiego wyboru, aby dokonać wyboru, a jeśli chcesz być całkowicie dokładny w zakresie wyborów, możesz to zrobić za pomocą narzędzia Pióro.

ale jak dokonać selekcji nie jest samouczek, więc nie powinniśmy tracić czasu na naukę zaznaczania obiektów.

Użyj dowolnego narzędzia wyboru, którego chcesz użyć, i dokonaj wyboru tła, a następnie naciśnij Usuń na klawiaturze, aby usunąć tło z tematu.

zaznaczenie

aby go odznaczyć, naciśnij Ctrl lub Cmd + D na klawiaturze.

Krok 4: dodanie obrysu

teraz musimy dodać czarny obrys wokół naszego obiektu, aby wyglądał bardziej jak 8-bitowa retro pixel art, ale wszystko zależy od Ciebie.

możesz pominąć ten krok stosowania obrysu.

aby dodać obrys kliknij prawym przyciskiem myszy warstwę tematu i wybierz opcje mieszania.

obrys

teraz w opcji mieszania wybierz obrys i w Ustawieniach obrysu.

Ustaw kolor na czarny, Rozmiar na 5 pikseli, a Pozycję Na „Na Zewnątrz”. Następnie kliknij OK lub naciśnij Enter lub Return.

Krok 5: Konwersja do Pixel Art Photoshop

teraz musimy zastosować nasz filtr, aby obraz był pikselowany. Ale zanim przekonwertujemy nasz obraz na grafikę pikselową, musimy przekonwertować nasz obraz na Inteligentny obiekt, abyśmy mogli dodać do niego filtry i dodatkowe korekty nieniszczące.

aby to zrobić, kliknij prawym przyciskiem myszy warstwę tematu z panelu Warstwy i kliknij „Konwertuj Na obiekt inteligentny”.

teraz możemy stosować filtry nieniszcząco, więc przejdź do filtrowania > Pixelate > Mosaic.

 Filtr Pixel-Art-Photoshop

Ustaw rozmiar komórki na 10 kwadratów lub możesz użyć dowolnej wartości zgodnie z własnymi preferencjami.

Krok 6: Dodawanie funkcji do Pixel Art Photoshop

jak widać, mamy już prawie gotowe Pixel art, ale musimy dodać funkcję, jeśli nasz portret lub obiekt musi być poprawnie wyświetlony.

następnie dodamy Czarne i białe kwadraty, aby podkreślić pewne cechy naszej postaci. Pokażę Ci dwa sposoby na to.

najpierw pokażę Ci, jak to zrobić, jeśli używasz wersji wcześniejszej niż CC. Następnie pokażę, jak to zrobić za pomocą CC lub później, który ma precyzyjną metodę.

wcześniej niż Photoshop CC:

jeśli używasz wersji wcześniejszej niż CC, utwórz nowy dokument, naciskając Ctrl lub Cmd + N lub przejdź do plik i Nowy. Aby szerokość i wysokość 10 pikseli każdy i rozdzielczość, 50 pikseli na cal. Kolor jest czarny. Następnie kliknij „Utwórz” lub „Otwórz”.

aby zobaczyć go na swoim obszarze roboczym w maksymalnym rozmiarze, naciśnij Ctrl lub Cmd + 0. Przejdź do edycji i „Define Brush Preset”. Gdy pojawi się to okno, kliknij OK.

Otwórz dokument grafiki pikseli. Niezależnie od wersji, której używasz, usuńmy najlżejsze kwadraty wzdłuż krawędzi twojej postaci.

przejdź do wyboru i „zakres kolorów”. Wybierz „Highlights”. Niech rozmycie wynosi 0% , a zakres wynosi 1.

kliknij ikonę maski warstwy, aby utworzyć maskę warstwy zaznaczenia obok aktywnej warstwy.

tworzymy nową warstwę pod aktywną warstwą, klikając Ctrl lub Cmd klikając ikonę nowej warstwy. Użyjemy tej warstwy jako tła.

na razie wypełnimy go białym, a ponieważ biały jest naszym kolorem tła, naciśnij Ctrl lub Cmd + Delete . Kliknij górną warstwę, aby uaktywnić ją i utworzyć nową warstwę nad nią.

w przypadku wersji wcześniejszych niż CC Otwórz Narzędzie ołówek i Próbnik ołówka. Ostatnia Miniatura to zapisana wcześniej.

Kliknij, aby uaktywnić go i upewnić się, że jego krycie wynosi 100%.

ta pierwsza metoda wymaga wielkiej staranności w wyrównaniu go bezpośrednio nad kwadratem pod nim.

jeśli nie jest dokładnie wyrównany, naciśnij Ctrl lub Cmd + z, aby cofnąć ostatni krok i spróbować ponownie.

aby uczynić pędzel białym, naciśnij „x” na klawiaturze, aby odwrócić kolory pierwszego planu i tła.

Photoshop CC lub nowszy:

dla tych, którzy używają CC lub nowszego, przejdź do widoku i „Nowy układ przewodnika”. W kolumnach i wierszach wpisz po 50 pikseli, a resztę pozostaw niewypełnioną i niezaznaczoną.

jeśli nie widzisz wytycznych, naciśnij Ctrl lub Cmd + H. zwróć uwagę, że nasze wytyczne idealnie pasują do kwadratów postaci.

Otwórz „prostokątne narzędzie zaznaczenia” i upewnij się, że ikona „Dodaj do wyboru” jest aktywna. To dodaje dodatkowe wybory do naszego obrazu, gdy je tworzymy.

przejdź do widoku i upewnij się, że „Snap” jest zaznaczone, a także „przewodniki”. Zapewni to, że dodawane przez nas selekcje zostaną przyciągnięte do siatki.

po utworzeniu klastra selekcji wypełnij go kolorem czarnym i usuń zaznaczenie.

jeśli chcesz zobaczyć swoją postać bez wytycznych, naciśnij Ctrl lub Cmd + H. aby je ponownie wyświetlić, powtórz te same naciśnięcia klawiszy.

Krok 7: dostosowanie kolorów i jasności

aby uczynić sztukę bardziej popową, musimy dodać trochę nasycenia i kontrastu do naszego obrazu.

aby to zrobić, przejdź do panelu Warstwy i wykonaj warstwę regulacji jasności / kontrastu, a w jej ustawieniach Zwiększ kontrast do około 20 + do 40+. Możesz także grać z jasnością, aby uzyskać lepsze wyniki.

następnie przejdź do panelu Warstwy i utwórz warstwę dopasowania barwy / nasycenia, a w jej ustawieniach zwiększ nasycenie do około 10+do 20+.

Krok 8: dodanie nowego koloru tła

teraz możemy dodać nowe tło do naszej Grafiki pikselowej, importując je do dokumentu i umieszczając warstwę tła pod warstwą tematu.

możesz po prostu utworzyć warstwę jednolitego koloru i wybrać nowy kolor i wziąć warstwę pod warstwą tematu, aby uzyskać kolor tła o dowolnym kolorze.

Tło

podsumowanie

oto kilka kroków, które wykonasz możesz stworzyć grafikę pikselową w programie Adobe Photoshop w kilka sekund. Po prostu przeczytaj artykuł raz, spróbuj i jesteś gotowy!

skomentuj swoją opinię i sugestie dotyczące artykułu.

Najczęściej zadawane pytania

  • czym jest pixel art?

Odpowiedz: Pixel art to forma sztuki cyfrowej, tworzona za pomocą oprogramowania, w której obrazy są edytowane na poziomie pikseli. Estetyka tego rodzaju grafiki pochodzi z 8-bitowych i 16-bitowych komputerów i konsol do gier wideo, oprócz innych ograniczonych systemów, takich jak kalkulatory graficzne.

  • gdzie zrobić pixel art?

odpowiedź: istnieje wiele narzędzi online, aby to zrobić, ale najbardziej wszechstronne oprogramowanie, w którym można tworzyć grafiki Pikselowe w Adobe Photoshop.

AbdulMutakabarAyaz

jestem grafikiem z ponad 5-letnim doświadczeniem. Specjalizuje się w Adobe Photoshop.

Uzyskaj informacje o dowolnej edycji Photoshopa, manipulacji Photoshopem, projektowaniu Logo, ulotkach, wizytówkach, portretach z kreskówek i wszelkiego rodzaju pracach związanych z projektowaniem graficznym i edycją Photoshopa.

Połącz Się Z Nami

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.