Chcesz zmienić rozmiar grafiki pikselowej? Dowiedz się, jak powiększyć swoją grafikę i zachować wyraźne i ostre kształty w programie Photoshop!

W tym samouczku dowiesz się, jak uzyskać świetne wyniki podczas zmiany rozmiaru grafiki pikselowej w Photoshopie! Grafika pikselowa różni się od standardowych obrazów i stwarza wyjątkowe wyzwania podczas zmiany jej rozmiaru. Zwykle podczas powiększania obrazu i dodawania większej liczby pikseli program Photoshop stara się zapobiegać blokowaniu i pikselowaniu wyniku przez zmieszanie pikseli i wygładzenie wszystkiego.

Ale „blokowy i pikselowany” to sedno sztuki pikselowej! Aby zmienić rozmiar grafiki pikselowej, potrzebujemy sposobu, aby Photoshop po prostu dodał więcej pikseli i to wszystko. Zamiast wygładzać rzeczy, musimy zachować ostre kształty i krawędzie kompozycji. W tej lekcji pokażę ci dokładnie, jak to zrobić.

Oprócz zmiany rozmiaru pikseli, używam tej samej techniki do zmiany rozmiaru zrzutów ekranu używanych w moich samouczkach. I możesz go użyć do zmiany rozmiaru dowolnej grafiki, w której musisz zachować ostre, twarde krawędzie lub czytelny tekst. Aby uzyskać najlepsze wyniki z tej lekcji, będziesz chciał używać Photoshop CC, ale każda wersja Photoshopa będzie działać.

Użyję tej małej pikselowej postaci, którą pobrałem z Adobe Stock:

Nasz bohater sztuki pikseli. Źródło: Adobe Stock.

To jest lekcja 7 z mojej serii Image Resizing. Zacznijmy!

Jak powiększyć grafikę pikselową w Photoshopie

Oto postać otwarta w Photoshopie. I jak widać, wygląda na dość małego:

Sztuka pikseli w oryginalnym rozmiarze.

Krok 1: Otwórz okno dialogowe Rozmiar obrazu

Najlepszym sposobem na powiększenie grafiki w pikselach jest użycie okna dialogowego Rozmiar obrazu programu Photoshop. Aby go otworzyć, przejdź do menu Obraz na pasku menu i wybierz Rozmiar obrazu :

Przejście do obrazu> rozmiar obrazu.

W programie Photoshop CC okno dialogowe zawiera przydatne okno podglądu po lewej stronie oraz opcje rozmiaru obrazu po prawej stronie:

Okno dialogowe Rozmiar obrazu w Photoshop CC.

Wyświetlanie bieżącego rozmiaru obrazu

Bieżący rozmiar obrazu znajduje się na górze. Obok słowa Wymiary widzimy, że moje dzieło jest dość małe, o szerokości i wysokości zaledwie 500 pikseli:

Bieżące wymiary grafiki w pikselach.

Krok 2: Włącz opcję ponownego próbkowania

Powiedzmy, że muszę sprawić, by moja postać była znacznie większa. Może chcę go użyć na plakacie lub jako tło pulpitu. Aby to zrobić, muszę powiększyć grafikę, dodając więcej pikseli.

Najpierw upewnij się, że opcja Resample w oknie dialogowym jest włączona. Po wyłączeniu ponownego próbkowania wymiary pikseli są zablokowane i wszystko, co możemy zmienić, to rozmiar wydruku. Aby dodać lub usunąć piksele, Resample musi być włączony:

Ponowne próbkowanie powinno być włączone.

Krok 3: Wprowadź wartość procentową w polach Szerokość i Wysokość

Zamiast upsamplowania grafiki pikseli do określonego rozmiaru, najlepszym sposobem na jej powiększenie jest użycie wartości procentowych . Aby uniknąć zniekształceń i utrzymać każdy blok w kompozycji idealnie kwadratowy, warto trzymać się wartości procentowych, które są wielokrotnościami 100 (czyli 200%, 300%, 400% itd.). Powiększę obraz, ustawiając szerokość i wysokość na 400 procent :

Upsampling szerokości i wysokości o 400 procent.

Spowoduje to zwiększenie wymiarów pikseli z 500 na 500 pikseli na 2000 na 2000 pikseli :

Nowe wymiary w pikselach po zmianie rozmiaru kompozycji.

Zmiana rozmiaru okna podglądu

Zauważ, że dzięki 4-krotnemu zwiększeniu szerokości i wysokości grafika jest teraz zbyt duża, aby zmieścić się w małym oknie podglądu. Aby powiększyć okno podglądu, powiększę samo okno dialogowe Rozmiar obrazu, przeciągając prawy dolny róg na zewnątrz. Następnie kliknę i przeciągnę w oknie podglądu, aby wyśrodkować grafikę:

Zmiana rozmiaru okna dialogowego Rozmiar obrazu w celu uzyskania większego podglądu.

Dowiedz się więcej: okno dialogowe Rozmiar obrazu programu Photoshop CC - funkcje i porady

Problem ze zmianą rozmiaru grafiki pikselowej

Jak na razie dobrze. Albo to jest? Jeśli spojrzymy na kompozycję w oknie podglądu, zobaczymy, że nie wygląda ona poprawnie. Zamiast krawędzi wokół kształtów, które wyglądają ostro i ostro, wyglądają nieco miękko i rozmazane:

Po powiększeniu grafiki krawędzie wyglądają na zbyt miękkie.

A jeśli przyjrzymy się bliżej, zobaczymy aureole wokół kształtów, szczególnie w obszarach o wyższym kontraście. Powiększę kompozycję za pomocą przycisków powiększenia u dołu okna podglądu. A tutaj, przy powiększeniu na poziomie 400%, możemy wyraźnie zobaczyć aureole, szczególnie wokół oczu postaci:

Powiększenie grafiki pikselowej rozmyło kształty i dodało wokół nich aureole.

Zauważ jednak, że jeśli klikniesz i przytrzymasz kompozycję w oknie podglądu, aureole znikną, a krawędzie wyglądają bardzo ostro, czego dokładnie chcemy:

Grafika pikselowa wygląda świetnie po kliknięciu i przytrzymaniu.

Ale gdy tylko zwolnisz przycisk myszy, wrócisz do aureoli:

Miękkość i aureole powracają po zwolnieniu przycisku myszy.

Metoda interpolacji obrazu

Powodem jest to, że kiedy klikniesz i przytrzymasz w oknie podglądu, zobaczysz upsamplowaną grafikę, zanim Photoshop zastosuje jakąkolwiek interpolację obrazu . Interpolacja to sposób, w jaki Photoshop uśrednia piksele razem i wygładza wynik. Po zwolnieniu przycisku myszy zobaczysz kompozycję z zastosowaną interpolacją. I to metoda interpolacji powoduje problemy i tworzy efekt halo.

Opcja interpolacji znajduje się po prawej stronie opcji Ponowne próbkowanie. Domyślnie jest ustawiony na Automatyczny :

Opcja interpolacji obrazu.

Zazwyczaj ustawienie Automatyczne jest w porządku, ponieważ pozwala Photoshopowi wybrać najlepszą metodę dla zadania. Problem polega jednak na tym, że Photoshop zakłada zmianę rozmiaru standardowego obrazu z dużą ilością drobnych szczegółów. Dlatego wybiera metodę, która sprawi, że standardowy obraz będzie wyglądał dobrze. Ale ta sama metoda sprawia, że ​​grafika pikselowa i podobne typy grafiki wyglądają źle. Dlatego przy próbkowaniu w górę sztuki pikseli musimy sami wybrać inną metodę interpolacji.

Krok 4: Ustaw metodę interpolacji na Najbliższy sąsiad

Aby to zrobić, kliknij opcję Interpolacja, aby otworzyć listę metod, które możemy wybrać. Jeśli korzystasz z programu Photoshop CC, metodą interpolacji wybraną przez program Photoshop do próbkowania obrazów jest Zachowaj szczegóły . W Photoshop CS6 wybiera Bicubic Smoother . Ale żadne z nich nie działa dobrze z grafiką pikseli:

Metody interpolacji w Photoshopie.

Aby uprościć kompozycję bez uśredniania pikseli, potrzebną metodą interpolacji jest Najbliższy sąsiad :

Wybór najbliższego sąsiada.

Gdy tylko wybierzesz opcję Najbliższy sąsiad, grafika w oknie podglądu będzie wyraźna i ostra! A jeśli klikniesz i przytrzymasz w oknie podglądu, a następnie zwolnisz przycisk myszy, zobaczysz, że tym razem nic się nie dzieje. Grafika wygląda równie ostro przed i po zastosowaniu metody interpolacji.

To dlatego, że teraz jest to ta sama metoda interpolacji za każdym razem. Photoshop zawsze dodaje piksele początkowo przy użyciu funkcji Najbliższy sąsiad. Ale teraz, kiedy sami wybraliśmy Nearest Neighbor, nie używa niczego innego, co mogłoby pogorszyć wygląd grafiki pikselowej:

Najbliższy sąsiad idealnie nadaje się do pikselowania obrazów o podwyższonej rozdzielczości.

Krok 5: Kliknij OK

Kiedy będziesz gotowy do próbkowania grafiki, kliknij OK, aby zaakceptować ustawienia i zamknąć okno dialogowe Rozmiar obrazu:

Kliknięcie OK, aby powiększyć obraz w pikselach i zamknąć okno dialogowe Rozmiar obrazu.

A teraz mój mały bohater sztuki pikselowej wygląda o wiele większy, ale nadal zachowuje ten sam blokowy, pikselowany wygląd, jakiego moglibyśmy się spodziewać:

Upsamplingowa grafika pikselowa.

Jak powiększyć obraz w pikselach - Szybkie podsumowanie

Zanim przejdziemy dalej, szybko podsumujmy kroki, aby uzyskać najlepsze wyniki podczas powiększania grafiki pikselowej w Photoshopie.

  • 1. Otwórz okno dialogowe Rozmiar obrazu (Obraz> Rozmiar obrazu).
  • 2. Ustaw Szerokość i Wysokość na Procent, a następnie, aby uzyskać najlepsze wyniki, wybierz wartość procentową będącą wielokrotnością 100 (200%, 300%, 400% itd.).
  • 3. Zmień metodę interpolacji na Najbliższy sąsiad.
  • 4. Kliknij OK.

Jak zmienić rozmiar grafiki pikselowej do dokładnego rozmiaru

Jak dotąd dowiedzieliśmy się, że najlepszym sposobem na powiększenie grafiki pikselowej jest zwiększenie jej próbkowania za pomocą wartości procentowej, która jest wielokrotnością 100. Ale co, jeśli trzeba ją powiększyć do określonych wymiarów pikseli, a nie można się tam dostać za pomocą jednego tych wartości procentowych?

Na przykład, zwiększając próbkowanie mojej grafiki o 400%, powiększyłem szerokość i wysokość z 500 do 2000 pikseli:

Wymiary upsamplowanej grafiki.

Ale co, jeśli potrzebuję szerokości i wysokości, aby być czymś nieco mniejszym, na przykład 1600 pikseli? Gdybym upsamplingował mój obraz o wymiarach 500 x 500 pikseli o 300%, spowodowałoby to, że szerokość i wysokość wyniosłyby tylko 1500 pikseli, pozostawiając go zbyt małym. Zwiększenie próbkowania o 400% sprawiło, że było za duże. Tak naprawdę potrzebowałem czegoś pośredniego. W takim przypadku zmień rozmiar kompozycji w dwóch krokach .

Krok 1: Zwiększ próbkę grafiki pikseli w procentach

Najpierw powiększ próbkę grafiki pikselowej za pomocą wartości procentowej i wielokrotności 100, dzięki czemu będzie ona większa niż potrzebujesz. W moim przypadku już to zrobiłem, zwiększając próbkowanie o 400%, więc pierwszy krok jest zrobiony.

Krok 2: Ponownie otwórz okno dialogowe Rozmiar obrazu

Następnie zmień jego rozmiar po raz drugi, tym razem, aby zmniejszyć próbkę do dokładnych wymiarów w pikselach. Aby to zrobić, ponownie otwórz okno dialogowe Rozmiar obrazu, przechodząc do menu Obraz i wybierając Rozmiar obrazu :

Przejście do obrazu> rozmiar obrazu.

Krok 3: Pozostaw włączoną opcję ponownego próbkowania

Upewnij się, że opcja Ponowne próbkowanie jest nadal włączona, aby można było zmienić liczbę pikseli:

Pozostawienie zaznaczonej opcji Resample.

Krok 4: Ustaw szerokość i wysokość w pikselach

Podaj dokładny potrzebny rozmiar w pikselach w polach Szerokość i Wysokość . Ustawię oba na 1600 pikseli:

Wprowadzanie nowych wymiarów pikseli.

Krok 5: Ustaw metodę interpolacji na Automatyczną

I na koniec, podczas gdy metoda interpolacji Najbliższego sąsiada świetnie sprawdza się w przypadku pikseli o podwyższonej próbce, nie należy jej używać podczas próbkowania w dół. Zamiast tego, aby uzyskać najostrzejsze wyniki, zmień metodę interpolacji z powrotem na Automatyczny . Spowoduje to ręczne sterowanie z powrotem do Photoshopa, a po zmniejszeniu próbkowania obrazów automatycznie wybierze Bicubic Sharper :

Ustawienie metody interpolacji z powrotem na Automatyczny.

Kiedy jesteś gotowy, aby zmienić rozmiar grafiki do dokładnego rozmiaru, kliknij OK, aby zamknąć okno dialogowe i gotowe:

Kliknij OK, aby zmniejszyć próbkę grafiki pikselowej.

Mamy to! W ten sposób można uzyskać najlepsze wyniki podczas zmiany rozmiaru grafiki pikselowej, zrzutów ekranu lub podobnej grafiki w Photoshopie! W następnej i ostatniej lekcji z tej serii przyjrzymy się najlepszemu sposobowi powiększania zdjęć w Photoshop CC przy użyciu zupełnie nowej funkcji znanej jako Preserve Details 2.0!

Lub sprawdź poprzednie samouczki z tej serii:

  • 01 - Piksele, rozmiar obrazu i rozdzielczość
  • 02 - polecenie Rozmiar obrazu w Photoshopie - Funkcje i porady
  • 03 - Jak zmienić rozmiar zdjęć do wydrukowania w Photoshopie
  • 04 - Jak zmienić rozmiar zdjęć do wysłania pocztą e-mail i udostępniania zdjęć
  • 05 - Jak obliczyć rozmiar obrazu
  • 06 - Prawda o rozdzielczości obrazu, rozmiarze pliku i Internecie
  • 07 - Jak zmienić rozmiar grafiki w pikselach
  • 08 - Najlepszy sposób na powiększanie zdjęć w Photoshop CC

I nie zapomnij, wszystkie nasze samouczki są teraz dostępne do pobrania w postaci plików PDF!

Kategoria:

Podstawy Photoshopa