Трябва да промените размера на пикселното изкуство? Научете как да увеличите своите произведения на изкуството и да запазите тези блокирани форми да изглеждат свежи и остри с Photoshop!

В този урок ще научите как да постигнете страхотни резултати при преоразмеряване на пикселното изкуство във Photoshop! Пикселното изкуство е различно от стандартните изображения и представя уникални предизвикателства при преоразмеряването му. Обикновено, когато разширява изображение и добавя повече пиксели, Photoshop се опитва да предотврати резултата да изглежда блокиран и пикселиран, като смесва пикселите заедно и изглажда всичко.

Но „блокиран и пикселиран“ е цялата точка на пикселното изкуство! За да променим размера на пикселното изкуство, се нуждаем от начин Photoshop да добави още пиксели и това е всичко. Вместо да изглаждаме нещата, трябва да поддържаме формите и краищата на произведението на изкуството да изглеждат свежи и остри. В този урок ще ви покажа как точно да го направите.

Наред с преоразмеряването на пикселно изкуство, аз също използвам същата техника за преоразмеряване на скрийншоти, използвани в моите уроци. И можете да го използвате, за да промените размера на всяка графика, където трябва да поддържате остри, твърди ръбове или четим текст. За да постигнете най-добри резултати с този урок, ще искате да използвате Photoshop CC, но всяка версия на Photoshop ще работи.

Ще използвам този малък пикселен герой, който изтеглих от Adobe Stock:

Нашият герой на пикселно изкуство. Кредит: Adobe Stock.

Това е урок 7 в поредицата ми за промяна на размера на изображенията. Да започваме!

Как да увеличите пикселното изкуство във Photoshop

Ето героя, отворен във Photoshop. И както виждате, той изглежда доста малък:

Пикселът в оригиналния си размер.

Стъпка 1: Отворете диалоговия прозорец Размер на изображението

Най-добрият начин за уголемяване на пикселното изкуство е чрез използване на диалоговия прозорец Размер на изображението на Photoshop. За да го отворите, отворете менюто Изображение в лентата с менюта и изберете Размер на изображението :

Отидете на Image> Image Size.

В Photoshop CC диалоговият прозорец включва удобен прозорец за преглед вляво, заедно с опциите за размер на изображението вдясно:

Диалоговият прозорец Размер на изображението в Photoshop CC.

Преглед на текущия размер на изображението

Текущият размер на изображението се намира в горната част. До думата Dimensions виждаме, че моите произведения на изкуството са доста малки, с ширина и височина от едва 500 пиксела:

Текущите размери на пиксела на произведението.

Стъпка 2: Включете опцията Resample

Да речем, че трябва да направя героя си много по-голям. Може би искам да го използвам в плакат или като фон на работния плот. За целта ще трябва да разширя произведението на изкуството, като добавя още пиксели.

Първо се уверете, че опцията Resample в диалоговия прозорец е включена. При изключване на Resample размерите на пикселите са заключени и всичко, което можем да променим, е размерът на печата. За да добавите или премахнете пиксели, Resample трябва да бъде включен:

Resample трябва да е включен.

Стъпка 3: Въведете процент в полетата Ширина и Височина

Вместо да надвишавате пикселното изкуство до определен размер, най-добрият начин да го увеличите е чрез използване на проценти . И за да избегнете изкривявания и поддържате всеки блок в произведението на изкуството идеално квадратен, ще искате да се придържате към проценти, кратни на 100 (така че 200%, 300%, 400% и т.н.). Ще увелича изображението, като настроя ширината и височината на 400 процента :

Увеличаване на ширината и височината с 400 процента.

Това ще увеличи размерите на пикселите от 500 px с 500 px до 2000 px с 2000 px :

Новите размери на пикселите след преоразмеряване на произведението.

Оразмеряване на прозореца за визуализация

Забележете, че като направите ширината и височината 4 пъти по-големи, произведенията на изкуството вече са твърде големи, за да се поберат в малкия прозорец за визуализация. За да увелича прозореца за визуализация, ще увелича самия диалогов прозорец Размер на изображението, като преместя долния десен ъгъл навън. След това щракнете и плъзнете вътре в прозореца за визуализация, за да центрирам произведението вътре в него:

Оразмеряване на диалоговия прозорец Размер на изображението за по-голям преглед.

Научете повече: Диалоговият прозорец Размер на изображението на Photoshop CC - Функции и съвети

Проблемът с преоразмеряването на пикселното изкуство

Дотук добре. Или е така? Ако погледнем художественото произведение в прозореца за визуализация, виждаме, че то не изглежда правилно. Вместо краищата около формите изглеждат хрупкави и остри, те изглеждат малко меки и размазани:

Краищата изглеждат твърде меки след уголемяване на произведението на изкуството.

И ако погледнем по-отблизо, можем да видим ореоли около формите, особено в зоните с по-висок контраст. Ще увеличавам произведението на изкуството с помощта на бутоните за увеличение в долната част на прозореца за визуализация. И тук, при ниво на увеличение от 400%, можем ясно да видим ореолите, особено около очите на героя:

Увеличаването на пикселното изкуство замъглява формите и добавя ореоли около тях.

Забележете обаче, че ако щракнете и задръжте върху произведението на изкуството в прозореца за визуализация, ореолите изчезват и краищата изглеждат много остри, което е точно това, което искаме:

Изображението на пикселите изглежда страхотно, когато щракнете и задържите.

Но щом пуснете бутона на мишката, отново се виждате на ореолите:

Мекотата и ореолите се връщат при освобождаване на бутона на мишката.

Методът за интерполация на изображението

Причината е, че когато щракнете и задържите в прозореца за визуализация, виждате преобразуваните произведения на изкуството, преди Photoshop да приложи каквато и да е интерполация на изображение . Интерполацията е как Photoshop осреднява пикселите заедно и изглажда резултата. Когато пуснете бутона на мишката, виждате художественото произведение с приложената интерполация. И именно методът на интерполация причинява проблемите и създава този ефект на ореола.

Опцията за интерполация се намира вдясно от опцията Resample. И по подразбиране е зададено на Автоматично :

Опцията за интерполация на изображението.

Обикновено настройката за автоматично е добре, тъй като позволява на Photoshop да избере най-добрия метод за работата. Проблемът тук е, че Photoshop предполага, че оразмеряваме стандартно изображение с много фини детайли. Така че това е избор на метод, който би направил стандартното изображение да изглежда добре. Но същият този метод прави пикселното изкуство и подобни видове графики да изглеждат зле. Така че, когато надценяваме пикселно изкуство, трябва сами да изберем различен метод на интерполация.

Стъпка 4: Задайте метода на интерполация на Най-близкия съсед

За целта кликнете върху опцията Интерполация, за да отворите списък на методите, от които можем да избираме. Ако използвате Photoshop CC, методът на интерполация, който Photoshop избира за пренасочване на изображения, е Запазване на подробности . А във Photoshop CS6 избира Bicubic Smoother . Но нито един от двамата не работи добре с пикселното изкуство:

Методите за интерполация на Photoshop.

За да направите примерни произведения на изкуството си без усредняване на пикселите, методът на интерполация, от който се нуждаете е Най-близкият съсед :

Избор на най-близкия съсед.

Веднага щом изберете Най-близкия съсед, художественото произведение в прозореца за визуализация изглежда ясно и остро! И ако щракнете и задръжте в прозореца за визуализация и след това пуснете бутона на мишката, ще видите, че този път нищо не се случва. Художественото произведение изглежда също толкова остро преди и след прилагането на метода на интерполация.

Това е така, защото и двата пъти е един и същ метод на интерполация. Photoshop винаги добавя пикселите първоначално с помощта на Най-близкия съсед. Но сега, когато сами сме избрали Най-близкия съсед, не използваме нищо друго, което да накара пикселното изкуство да изглежда по-лошо:

Най-близкият съсед е перфектен за превъзходно пикселно изкуство.

Стъпка 5: Щракнете върху OK

Когато сте готови да прегледате образа, щракнете върху OK, за да приемете вашите настройки и затворете диалоговия прозорец Размер на изображението:

Щракнете върху OK, за да увеличите графиката на пикселите и затворете диалоговия прозорец Размер на изображението.

И сега моят малък пиксел герой на изкуството изглежда много по-голям, но въпреки това той поддържа същия блокиран, пикселиран вид, който бихме очаквали:

Обявеното пикселно изкуство.

Как да увеличите пикселното изкуство - Бързо обобщение

Преди да продължим по-нататък, нека бързо да обобщим стъпките за постигане на най-добри резултати при увеличаване на пикселното изкуство във Photoshop.

  • 1. Отворете диалоговия прозорец Размер на изображението (Изображение> Размер на изображението).
  • 2. Задайте ширината и височината на процент и след това за най-добри резултати изберете процент, кратен на 100 (200%, 300%, 400% и т.н.).
  • 3. Променете метода на интерполация на Най-близкия съсед.
  • 4. Щракнете върху OK.

Как да преоразмерите пикселното изкуство до точен размер

Досега научихме, че най-добрият начин да увеличите пикселното изкуство е като го увеличите, използвайки процент, кратен на 100. Но какво ще стане, ако трябва да го увеличите до конкретни размери на пикселите и не можете да стигнете до там, като използвате един от тези проценти?

Например, като увеличавам произведенията на изкуството с 400%, увеличих ширината и височината от 500 пиксела до 2000 пиксела:

Размерите на разгледаните образци на изкуството.

Но какво ще стане, ако имах нужда от ширината и височината, за да съм нещо малко по-малко, като 1600 пиксела? Ако бях преобразувал образа си от 500 px x 500 px с 300%, той би направил ширината и височината само 1500 пиксела, оставяйки го все още твърде малък. И увеличаването му с 400% го направи твърде голям. Това, от което наистина се нуждаех, беше нещо между тях. В този случай това, което искате да направите, е да промените размера на произведението на изкуството в две стъпки .

Стъпка 1: Използвайте примерна пикселна картина като процент

Първо, увеличете примерността на пикселното изкуство, като използвате процент и кратно на 100, което ще го направи по - голям, отколкото трябва. В моя случай вече съм го направил, като го увелича с 400%, така че първата стъпка е направена.

Стъпка 2: Отворете диалоговия прозорец Размер на изображението

След това го преоразмерете втори път, този път, за да го преобразувате до точните размери на пикселите. За целта отворете диалоговия прозорец Размер на изображението още веднъж, като отидете до менюто Изображение и изберете Размер на изображението :

Отидете на Image> Image Size.

Стъпка 3: Оставете опцията Resample включена

Уверете се, че опцията Resample е все още включена, за да можете да промените броя на пикселите:

Оставяйки опцията Resample отметнато.

Стъпка 4: Задайте ширината и височината в пиксели

Въведете точния размер, който ви е необходим, в пиксели, в полетата Ширина и Височина . Ще ги настроя и на 1600 пиксела:

Въвеждане на новите размери на пикселите.

Стъпка 5: Задайте метода на интерполация на Автоматично

И най-накрая, докато методът за интерполация на Най-близкия съсед работи чудесно за прескачане на пикселно изкуство, не искате да го използвате при понижаване. Вместо това, за най-остри резултати, променете метода на интерполация обратно в автоматичен . Това ще върне контрола обратно към Photoshop и когато намалява снимките, автоматично ще избере Bicubic Sharper :

Възстановяване на метода на интерполация обратно на Автоматично.

Когато сте готови да преоразмерите произведението на изкуството до точния размер, щракнете върху OK, за да затворите диалоговия прозорец и сте готови:

Щракнете върху OK, за да преобразувате образа на пикселите.

И там го имаме! Ето как да постигнете най-добри резултати при преоразмеряване на пикселно изкуство, екранни снимки или подобна графика в Photoshop! В следващия и последен урок от тази поредица ще разгледаме най-добрия начин за уголемяване на изображения в Photoshop CC, използвайки чисто нова функция, известна като Preserve Details 2.0!

Или разгледайте предишните уроци от тази серия:

  • 01 - Пиксели, размер на изображението и разделителна способност
  • 02 - Команда за размер на изображението на Photoshop - функции и съвети
  • 03 - Как да преоразмерите изображенията за печат с Photoshop
  • 04 - Как да преоразмерите изображенията за споделяне на имейл и снимки
  • 05 - Как се изчислява размера на изображението
  • 06 - Истината за разделителната способност на изображението, размера на файла и мрежата
  • 07 - Как да промените размера на пикселното изкуство
  • 08 - Най-добрият начин за увеличаване на изображенията в Photoshop CC

И не забравяйте, всички наши уроци вече са достъпни за изтегляне като PDF файлове!

Категория:

Основи за Photoshop