Potrebujete zmeniť veľkosť grafiky pixlov? Naučte sa, ako zväčšiť svoje kresby a udržať tie blokujúce tvary ostré a ostré pomocou Photoshopu!
V tomto tutoriále sa naučíte, ako dosiahnuť skvelé výsledky pri zmene veľkosti grafiky pixlov vo Photoshope! Pixel art sa líši od štandardných obrázkov a pri zmene veľkosti predstavuje jedinečné výzvy. Zvyčajne sa pri zväčšovaní obrázka a pridávaní ďalších pixlov snaží Photoshop zabrániť tomu, aby výsledok pôsobil blokovo a pixelovne tak, že ich zmieša a vyhladí všetko.
„Blokovaný a pixelovaný“ je však zmyslom pixelového umenia! Aby sme mohli zmeniť veľkosť grafiky pixelov, potrebujeme spôsob, ako Photoshop jednoducho pridá ďalšie pixely, a to je všetko. Namiesto vyhladzovania vecí musíme zachovať ostrosť a ostrosť tvarov a okrajov umeleckého diela. V tejto lekcii vám ukážem, ako presne to urobiť.
Spolu s veľkosťou pixelového obrázka používam rovnakú techniku aj na zmenu veľkosti snímok obrazovky použitých v mojich návodoch. A môžete ho použiť na zmenu veľkosti akejkoľvek grafiky, kde potrebujete udržiavať ostré, tvrdé hrany alebo čitateľný text. Ak chcete s touto lekciou dosiahnuť najlepšie výsledky, budete chcieť používať Photoshop CC, ale bude fungovať akákoľvek verzia Photoshopu.
Použijem túto malú pixlovú umeleckú postavičku, ktorú som prevzal z programu Adobe Stock:
Náš hrdina pixel art. Kredit: Adobe Stock.
Toto je lekcia 7 v mojej sérii Image Resizing. Začnime!
Ako zväčšiť pixel art vo Photoshope
Tu je postava otvorená vo Photoshope. A ako vidíte, vyzerá dosť malý:
Obrázok pixel v pôvodnej veľkosti.
Krok 1: Otvorte dialógové okno Veľkosť obrázka
Najlepším spôsobom, ako zväčšiť umenie pixlov, je použitie dialógového okna Image Size (Veľkosť obrázka). Ak ju chcete otvoriť, prejdite na ponuku Obrázok na paneli s ponukou a vyberte položku Veľkosť obrázka :
Prejdite na Obrázok> Veľkosť obrázka.
Vo Photoshope CC obsahuje dialógové okno praktické okno náhľadu vľavo spolu s možnosťami veľkosti obrázka napravo:
Dialógové okno Veľkosť obrázka vo Photoshope CC.
Zobrazenie aktuálnej veľkosti obrázka
Aktuálna veľkosť obrázka sa nachádza v hornej časti. Vedľa slova Dimensions vidíme, že moje kresby sú dosť malé, so šírkou a výškou iba 500 pixelov:
Aktuálne rozmery obrazových prvkov v pixeloch.
Krok 2: Zapnite možnosť Resample
Povedzme, že musím svoju postavu oveľa zväčšiť. Možno ho chcem použiť v plagáte alebo ako pozadie pracovnej plochy. Aby som to mohol urobiť, potrebujem zväčšiť kresbu pridaním ďalších pixlov.
Najprv sa uistite, že je zapnutá možnosť Resample v dialógovom okne. Pri vypnutom prevzorkovaní sú rozmery pixlov uzamknuté a všetko, čo môžeme zmeniť, je veľkosť tlače. Ak chcete pridať alebo odobrať pixely, musí byť funkcia Resample zapnutá:
Opakovanie by malo byť zapnuté.
Krok 3: Do políčok Šírka a Výška zadajte percentuálny podiel
Najlepším spôsobom, ako ho zväčšiť pomocou pixlov na konkrétnu veľkosť, je použitie percenta . A aby ste predišli deformáciám a udržali každý blok v kresbe dokonale štvorcový, budete sa chcieť držať percentuálnych násobkov 100 (tj 200%, 300%, 400% atď.). Zväčším obrázok nastavením šírky a výšky na 400 percent :
Prevzorkovanie šírky a výšky o 400 percent.
Týmto sa zvýšia rozmery pixelov z 500 px na 500 px na 2000 px na 2000 px :
Nové rozmery pixlov po zmene veľkosti predlohy.
Zmena veľkosti okna náhľadu
Všimnite si, že zväčšením šírky a výšky 4 krát je kresba príliš veľká na to, aby sa vošla do malého okna náhľadu. Ak chcete zväčšiť okno náhľadu, zväčším samotné dialógové okno Veľkosť obrázka pretiahnutím pravého dolného rohu smerom von. Potom kliknem a potiahnem dovnútra okna náhľadu, aby sa kresba vycentrovala dovnútra:
Zmena veľkosti dialógového okna Veľkosť obrázka pre väčší náhľad.
Ďalšie informácie: Dialógové okno Veľkosť obrázka vo Photoshope CC - Funkcie a tipy
Problém s veľkosťou obrázka pixel
Zatiaľ je všetko dobré. Alebo je to? Ak sa pozrieme na kresbu v okne náhľadu, vidíme, že to nevyzerá správne. Namiesto okrajov okolo tvarov vyzerajú ostré a ostré, vyzerajú trochu jemne a rozmazane:
Hrany po zväčšení kresby vyzerajú príliš mäkko.
A keď sa pozrieme bližšie, okolo tvarov môžeme vidieť halos, najmä vo vyšších kontrastných oblastiach. Priblížim kresbu pomocou tlačidiel priblíženia v dolnej časti okna náhľadu. A tu, pri úrovni priblíženia 400%, môžeme jasne vidieť halo, najmä okolo očí postavy:
Zväčšenie pixelovej grafiky rozmazalo tvary a okolo nich pridali halo.
Všimnite si však, že ak kliknete a podržíte na kresbe v okne náhľadu, halos zmizne a hrany vyzerajú veľmi ostré, čo je presne to, čo chceme:
Po kliknutí a podržaní vyzerá grafika pixelov skvele.
Akonáhle uvoľníte tlačidlo myši, ste späť, aby ste videli halos:
Po uvoľnení tlačidla myši sa mäkkosť a halos vrátia.
Metóda interpolácie obrazu
Dôvodom je to, že keď kliknete a podržíte v okne náhľadu, uvidíte predinštalované kresby skôr, ako Photoshop použije akúkoľvek interpoláciu obrázkov . Interpolácia je spôsob, akým Photoshop priemeruje pixely dohromady a vyhladzuje výsledok. Po uvoľnení tlačidla myši uvidíte kresbu s aplikovanou interpoláciou. A je to interpolácia, ktorá spôsobuje problémy a vytvára ten halo efekt.
Voľba interpolácie sa nachádza napravo od možnosti prevzorkovania. V predvolenom nastavení je nastavená na Automaticky :
Možnosť interpolácie obrázka.
Zvyčajne je automatické nastavenie v poriadku, pretože umožňuje aplikácii Photoshop zvoliť najlepšiu metódu pre danú úlohu. Problém je však v tom, že Photoshop predpokladá, že meníme veľkosť štandardného obrázka s množstvom jemných detailov. Je to teda voľba metódy, vďaka ktorej bude štandardný obrázok vyzerať dobre. Rovnaká metóda však spôsobuje, že umenie pixelov a podobné typy grafiky vyzerajú zle. Takže pri prevzorkovaní grafiky pixelov musíme sami zvoliť inú metódu interpolácie.
Krok 4: Nastavte metódu interpolácie na Nearest Neighbor
Ak to chcete urobiť, kliknite na možnosť Interpolácia a otvorte zoznam metód, z ktorých si môžeme vybrať. Ak používate aplikáciu Photoshop CC, potom metódou interpolácie, ktorú Photoshop vyberie pre prevzorkovanie obrázkov, je Zachovať podrobnosti . A vo Photoshope CS6 vyberie Bicubic Smoother . Ale ani jeden z nich dobre nefunguje s pixel art:
Interpolácia metód Photoshopu.
Ak chcete prevziať svoje kresby bez spriemerovania pixelov, je potrebné použiť metódu interpolácie Nearest Neighbor :
Výber najbližšieho suseda.
Akonáhle vyberiete možnosť Najbližší sused, bude predloha v okne náhľadu vyzerať svieža a ostrá! A ak kliknete a podržíte v okne náhľadu a potom pustíte tlačidlo myši, uvidíte, že tentoraz sa nič nedeje. Umelecké dielo vyzerá rovnako ostré pred a po použití metódy interpolácie.
Je to preto, že je to občas rovnaká metóda interpolácie. Photoshop vždy pridá pixely spočiatku pomocou najbližšieho suseda. Teraz, keď sme si sami vybrali najbližšieho suseda, nepoužíva nič iné, čo by spôsobilo, že obraz pixelov bude vyzerať horšie:
Nearest Neighbor je ideálny pre prevzorkovanie pixelov.
Krok 5: Kliknite na tlačidlo OK
Keď ste pripravení na prevzatie umeleckého diela, kliknite na tlačidlo OK, čím prijmete svoje nastavenia a zatvorte dialógové okno Veľkosť obrázka:
Kliknutím na tlačidlo OK zväčšíte grafiku pixelov a zatvoríte dialógové okno Veľkosť obrázka.
A teraz môj malý hrdina grafík s pixelmi vyzerá oveľa väčší, napriek tomu si stále zachováva rovnaký blokovaný, pixelovaný vzhľad, aký by sme očakávali:
Vzorkovaná vzorka pixlov.
Ako zväčšiť pixel art - rýchle zhrnutie
Skôr ako pôjdeme ďalej, rýchlo zosumarizujeme kroky na dosiahnutie najlepších výsledkov pri zväčšovaní grafiky pixlov vo Photoshope.
- 1. Otvorte dialógové okno Veľkosť obrázka (Obrázok> Veľkosť obrázka).
- 2. Nastavte šírku a výšku na percento a pre dosiahnutie najlepších výsledkov vyberte percento, ktoré je násobkom 100 (200%, 300%, 400% atď.).
- 3. Zmeňte metódu interpolácie na Nearest Neighbor.
- 4. Kliknite na tlačidlo OK.
Ako zmeniť veľkosť obrázka pixela na presnú veľkosť
Doteraz sme sa dozvedeli, že najlepším spôsobom, ako zväčšiť umenie pixelov, je jeho prevzatie pomocou percentuálneho podielu, ktorý je násobkom 100. Čo však ak ho potrebujete zväčšiť na konkrétne rozmery pixelov a nemôžete sa tam dostať pomocou jedného z týchto percent?
Napríklad rozšírením mojej kresby o 400% som zväčšil šírku a výšku z 500 pixelov na 2000 pixelov:
Rozmery prevzatých diel.
Čo keby som však potreboval, aby bola šírka a výška niečo trochu menšie, napríklad 1600 pixlov? Keby som prevzal môj obrázok s rozmermi 500 px x 500 px o 300%, urobil by zo šírky a výšky iba 1500 pixelov, čo by zostalo príliš malé. A zvýšenie hodnoty o 400% ho urobilo príliš veľkým. To, čo som skutočne potreboval, bolo niečo medzi tým. V takom prípade budete chcieť zmeniť veľkosť predlohy v dvoch krokoch .
Krok 1: Zvýšte vzorkovanie pixelov ako percento
Najskôr rozšírte grafiku pixlov pomocou percentuálneho podielu a násobku 100, čím sa zväčší, ako potrebujete. V mojom prípade som to už urobil zvýšením hodnoty o 400%, takže prvý krok je hotový.
Krok 2: Znovu otvorte dialógové okno Veľkosť obrázka
Potom veľkosť zmeňte druhýkrát a tentoraz ju preskupte na presné rozmery pixlov. Ak to chcete urobiť, znova otvorte dialógové okno Veľkosť obrázka tak, že prejdete do ponuky Obrázok a vyberiete Veľkosť obrázka :
Prejdite na Obrázok> Veľkosť obrázka.
Krok 3: Ponechajte možnosť Resample zapnutú
Uistite sa, že je možnosť Resample stále zapnutá, aby ste mohli zmeniť počet pixelov:
Ponecháva sa voľba Resample zaškrtnutá.
Krok 4: Nastavte šírku a výšku v pixeloch
Do polí Šírka a Výška zadajte presnú veľkosť, ktorú potrebujete. Nastavím ich na 1600 pixelov:
Zadanie nových rozmerov pixlov.
Krok 5: Nastavte metódu interpolácie na Automaticky
A nakoniec, zatiaľ čo metóda interpolovania Nearest Neighbor funguje skvele pre grafiku s prevzorkovaním pixlov, nechcete ju používať pri prevzorkovaní. Namiesto toho pre najostrejšie výsledky zmeňte metódu interpolácie späť na Automaticky . Tým sa ovládanie vráti späť do aplikácie Photoshop a pri prevzorkovaní obrázkov sa automaticky vyberie Bicubic Sharper :
Nastavenie metódy interpolácie späť na automatickú.
Keď ste pripravení zmeniť veľkosť kresby na presnú veľkosť, kliknutím na tlačidlo OK zatvorte dialógové okno a ste hotoví:
Kliknutím na tlačidlo OK prevezmete obrázok pixlov.
A máme to! Takto vo Photoshope dosiahnete najlepšie výsledky pri zmene veľkosti grafiky pixelov, snímok obrazovky alebo podobnej grafiky. V nasledujúcej a záverečnej lekcii tejto série sa pozrieme na najlepší spôsob zväčšenia obrázkov vo Photoshope CC pomocou úplne novej funkcie známej ako Preserve Details 2.0!
Alebo si pozrite predchádzajúce návody v tejto sérii:
- 01 - Pixely, veľkosť a rozlíšenie obrázka
- 02 - Príkaz Veľkosť obrázka vo Photoshope - Funkcie a tipy
- 03 - Ako zmeniť veľkosť obrázkov na tlač pomocou aplikácie Photoshop
- 04 - Ako zmeniť veľkosť obrázkov na zdieľanie e-mailov a fotografií
- 05 - Ako vypočítať veľkosť obrázka
- 06 - Pravda o rozlíšení obrazu, veľkosti súboru a webe
- 07 - Ako zmeniť veľkosť obrázku
- 08 - Najlepší spôsob, ako zväčšiť obrázky vo Photoshope CC
A nezabudnite, že všetky naše návody sú teraz k dispozícii na stiahnutie vo formáte PDF!