Potřebujete změnit velikost obrázku pixelů? Naučte se, jak zvětšovat své kresby a udržet ty blokádní tvary ostré a ostré díky Photoshopu!
V tomto tutoriálu se naučíte, jak dosáhnout vynikajících výsledků při změně velikosti pixelů ve Photoshopu! Umění pixelů se liší od standardních obrázků a při změně velikosti představuje jedinečné výzvy. Při zvětšování obrázku a přidávání dalších pixelů se Photoshop obvykle snaží zabránit tomu, aby výsledek vypadal blokovitě a pixelovaně smícháním pixelů a vyhlazením všeho.
Ale „blokovaný a pixelovaný“ je celý bod umění pixelů! Abychom mohli změnit velikost pixelů, potřebujeme pro Photoshop způsob, jak jednoduše přidat více pixelů, a to je vše. Místo vyhlazování věcí musíme udržovat tvary a okraje kresby ostré a ostré. V této lekci vám ukážu, jak přesně to udělat.
Spolu s úpravou velikosti pixelů používám stejnou techniku pro změnu velikosti screenshotů používaných v mých tutoriálech. A můžete jej použít pro změnu velikosti jakékoli grafiky, kde potřebujete udržovat ostré, tvrdé hrany nebo čitelný text. Chcete-li s touto lekcí dosáhnout nejlepších výsledků, budete chtít používat Photoshop CC, ale bude fungovat jakákoli verze Photoshopu.
Použiji tuto maličkou postavu z pixelů, kterou jsem stáhl z Adobe Stock:
Náš pixel art hero. Kredit: Adobe Stock.
Toto je lekce 7 v mé sérii Image Resizing. Začněme!
Jak zvětšit pixel art ve Photoshopu
Tady je postava otevřená ve Photoshopu. A jak vidíte, vypadá docela maličko:
Umění pixelů v původní velikosti.
Krok 1: Otevřete dialogové okno Velikost obrázku
Nejlepší způsob, jak zvětšit obraz pixelů, je pomocí dialogového okna Velikost obrázku ve Photoshopu. Chcete-li ji otevřít, přejděte v nabídce nahoře do nabídky Obrázek a zvolte Velikost obrázku :
Přejít na obrázek> Velikost obrázku.
Ve Photoshopu CC obsahuje dialogové okno praktické okno náhledu vlevo a možnosti velikosti obrázku vpravo:
Dialogové okno Velikost obrázku ve Photoshopu CC.
Zobrazení aktuální velikosti obrázku
Aktuální velikost obrázku je nahoře. Vedle slova Dimensions vidíme, že moje kresba je docela malá, se šířkou a výškou pouhých 500 pixelů:
Aktuální rozměry pixelů kresby.
Krok 2: Zapněte možnost Převzorkovat
Řekněme, že potřebuji, aby byla moje postava mnohem větší. Možná ho chci použít v plakátu nebo jako pozadí na ploše. K tomu je třeba zvětšit kresbu přidáním dalších pixelů.
Nejprve se ujistěte, že je zapnuta možnost Převzorkovat v dialogovém okně. Při resample off jsou rozměry pixelů uzamčeny a vše, co můžeme změnit, je velikost tisku. Chcete-li přidat nebo odebrat pixely, musí být převzorkování zapnuto:
Převzorkování by mělo být zapnuto.
Krok 3: Zadejte procenta do polí Šířka a Výška
Spíše než převzorkování pixelů na konkrétní velikost je nejlepší způsob, jak ji zvětšit pomocí procent . A abyste se vyhnuli zkreslení a udrželi každý blok v kresbě dokonale čtvercový, budete chtít držet procenta, která jsou násobky 100 (tak 200%, 300%, 400% atd.). Zvětším obrázek nastavením šířky i výšky na 400 procent :
Převzorkování šířky a výšky o 400 procent.
Tím se zvýší rozměry pixelů z 500 px na 500 px na 2000 px na 2000 px :
Nové rozměry pixelů po změně velikosti kresby.
Změna velikosti okna náhledu
Všimněte si, že čtyřnásobným zvětšením šířky a výšky je nyní kresba příliš velká, aby se vešla do malého okna náhledu. Chcete-li zvětšit okno náhledu, zvětším dialogové okno Velikost obrázku přetažením pravého dolního rohu směrem ven. Poté kliknu a přetáhnu dovnitř okna náhledu, abych vycentroval kresbu uvnitř:
Změna velikosti dialogového okna Velikost obrázku pro větší náhled.
Další informace: Dialogové okno Velikost obrázku ve Photoshopu CC - Funkce a tipy
Problém s velikostí pixelů
Zatím je vše dobré. Nebo je to? Když se podíváme na kresbu v okně náhledu, vidíme, že to nevypadá správně. Namísto okrajů kolem tvarů vypadají ostře a ostře, vypadají trochu jemně a rozmazaně:
Hrany vypadají po zvětšení kresby příliš měkké.
A když se podíváme blíže, můžeme vidět tvary kolem tvarů, zejména ve vyšších kontrastních oblastech. Budu přibližovat kresbu pomocí tlačítek zoomu v dolní části okna náhledu. A zde, při úrovni zvětšení 400%, můžeme jasně vidět halos, zejména kolem očí postavy:
Zvětšení pixelového umění rozmazalo tvary a přidalo kolem nich halo.
Všimněte si však, že pokud kliknete a podržíte kresbu v okně náhledu, halos zmizí a hrany vypadají velmi ostře, což je přesně to, co chceme:
Grafika pixelů vypadá skvěle, když kliknete a podržíte.
Ale jakmile uvolníte tlačítko myši, jste zpět a uvidíte halos:
Po uvolnění tlačítka myši se měkkost a halos vrátí.
Metoda interpolace obrazu
Důvodem je to, že když kliknete a podržíte v okně náhledu, uvidíte předimprimovanou kresbu před tím, než aplikace Photoshop použije interpolaci obrázků . Interpolace je způsob, jakým Photoshop průměruje pixely dohromady a vyhlazuje výsledek. Po uvolnění tlačítka myši uvidíte kresbu s aplikovanou interpolací. A je to metoda interpolace, která způsobuje problémy a vytváří ten halo efekt.
Možnost Interpolace je napravo od možnosti Převzorkovat. Ve výchozím nastavení je nastavena na Automaticky :
Možnost interpolace obrazu.
Obvykle je automatické nastavení v pořádku, protože umožňuje Photoshopu vybrat nejlepší metodu pro danou úlohu. Problém je však v tom, že Photoshop předpokládá, že změníme velikost standardního obrazu se spoustou jemných detailů. Je to tedy volba metody, díky níž bude standardní obraz vypadat dobře. Stejná metoda však způsobuje, že umění pixelů a podobné typy grafiky vypadají špatně. Takže při převzorkování pixelové grafiky musíme sami zvolit jinou metodu interpolace.
Krok 4: Nastavte metodu interpolace na Nejbližší soused
Chcete-li to provést, kliknutím na možnost Interpolace otevřete seznam metod, z nichž si můžeme vybrat. Pokud používáte Photoshop CC, pak interpolační metodou, kterou Photoshop vybere pro převzorkování obrázků, je Zachovat podrobnosti . A ve Photoshopu CS6 vybere Bicubic Smoother . Ale ani jeden z nich s pixel artem dobře nefunguje:
Interpolační metody Photoshopu.
Pro převýšení kresby bez průměrování pixelů je interpolační metoda, kterou potřebujete, nejbližší soused :
Výběr nejbližšího souseda.
Jakmile vyberete Nejbližší soused, vypadá kresba v okně náhledu ostře a ostře! A pokud kliknete a podržíte v okně náhledu a poté uvolníte tlačítko myši, uvidíte, že tentokrát se nic neděje. Před provedením interpolační metody a po ní vypadá kresba stejně ostře.
Je to proto, že je to tentokrát stejná metoda interpolace. Photoshop vždy přidá pixely původně pomocí Nearest Neighbor. Ale teď, když jsme si sami vybrali nejbližší soused, nepoužívá nic jiného, co by způsobilo, že by obraz pixelů vypadal horší:
Nejbližší soused je ideální pro převzorkování pixelů.
Krok 5: Klikněte na OK
Až budete připraveni převzít obraz, klikněte na OK a přijměte nastavení a zavřete dialogové okno Velikost obrázku:
Klepnutím na tlačítko OK zvětšíte grafiku pixelů a zavřete dialogové okno Velikost obrázku.
A teď můj malý hrdina pixel art vypadá mnohem větší, přesto si stále udržuje stejný blokovaný, pixelovaný vzhled, jaký bychom očekávali:
Vzorkované pixelové umění.
Jak zvětšit pixel art - Rychlé shrnutí
Než budeme pokračovat, pojďme rychle shrnout kroky k dosažení nejlepších výsledků při zvětšení grafiky pixelů ve Photoshopu.
- 1. Otevřete dialogové okno Velikost obrázku (Obrázek> Velikost obrázku).
- 2. Nastavte šířku a výšku na procento a pro dosažení nejlepších výsledků zvolte procento, které je násobkem 100 (200%, 300%, 400% atd.).
- 3. Změňte metodu interpolace na Nejbližší soused.
- 4. Klepněte na OK.
Jak změnit velikost obrázku pixelů na přesnou velikost
Dosud jsme se dozvěděli, že nejlepším způsobem, jak zvětšit obraz pixelů, je jeho převzorkování pomocí procenta, které je násobkem 100. Ale co když ho potřebujete zvětšit na konkrétní rozměry pixelů a nemůžete se tam dostat pomocí jednoho z těchto procent?
Například převzorkováním mé kresby o 400% jsem zvětšil šířku a výšku z 500 pixelů na 2000 pixelů:
Rozměry převzorkované kresby.
Ale co když potřebuji, aby šířka a výška byla něco o něco menší, například 1600 pixelů? Kdybych převzal můj obrázek o velikosti 500 px x 500 px o 300%, změnil by šířku a výšku pouze na 1500 pixelů, takže by byl stále příliš malý. A převzorkováním o 400% se to stalo příliš velkým. To, co jsem opravdu potřeboval, bylo něco mezi tím. V takovém případě budete chtít změnit velikost kresby ve dvou krocích .
Krok 1: Převzorkujte obraz pixelů v procentech
Za prvé, rozbalte obrázek pixelů pomocí procenta a násobku 100, čímž se zvětší, než potřebujete. V mém případě jsem to již udělal zvýšením o 400%, takže první krok je hotový.
Krok 2: Znovu otevřete dialogové okno Velikost obrázku
Poté podruhé změňte velikost a tentokrát ji převeďte na přesné rozměry pixelů. Chcete-li to provést, znovu otevřete dialogové okno Velikost obrázku tak, že přejdete do nabídky Obrázek a vyberete Velikost obrázku :
Přejít na obrázek> Velikost obrázku.
Krok 3: Ponechte možnost Resample zapnutá
Ujistěte se, že je volba Převzorkování stále zapnutá, takže můžete změnit počet pixelů:
Ponecháte zaškrtnutou možnost Převzorkovat.
Krok 4: Nastavte šířku a výšku v pixelech
Do polí Šířka a Výška zadejte přesnou velikost, kterou potřebujete, v pixelech . Nastavím je na 1600 pixelů:
Zadání nových rozměrů pixelů.
Krok 5: Nastavte metodu interpolace na Automaticky
A konečně, zatímco metoda nejbližší sousední interpolace funguje skvěle pro převzorkování pixelů, nechcete ji použít při převzorkování. Místo toho pro nejostřejší výsledky změňte metodu interpolace zpět na Automaticky . Tím se ovládání vrátí zpět do Photoshopu a při převzorkování obrázků se automaticky vybere Bicubic Sharper :
Nastavení metody interpolace zpět na Automaticky.
Až budete připraveni změnit velikost kresby na přesnou velikost, klepnutím na OK zavřete dialogové okno a máte hotovo:
Klepnutím na tlačítko OK převezmete obraz pixelů.
A tady to máme! Takto ve Photoshopu dosáhnete nejlepších výsledků při změně velikosti grafiky pixelů, snímků obrazovky nebo podobné grafiky. V následující a závěrečné lekci této série se podíváme na nejlepší způsob, jak zvětšit obrázky ve Photoshopu CC pomocí zcela nové funkce známé jako Preserve Details 2.0!
Nebo se podívejte na předchozí návody v této sérii:
- 01 - Pixely, velikost a rozlišení obrázku
- 02 - Příkaz Velikost obrázku ve Photoshopu - Funkce a tipy
- 03 - Jak změnit velikost obrázků pro tisk pomocí Photoshopu
- 04 - Jak změnit velikost obrázků pro sdílení e-mailů a fotografií
- 05 - Jak vypočítat velikost obrázku
- 06 - Pravda o rozlišení obrázku, velikosti souboru a webu
- 07 - Jak změnit velikost obrázku pixelů
- 08 - Nejlepší způsob, jak zvětšit obrázky ve Photoshopu CC
A nezapomeňte, že všechny naše návody jsou nyní k dispozici ke stažení ve formátu PDF!