Инструменти95

РЕДАКТИРАНЕ / ПРАКТИЧЕСКО РЪКОВОДСТВО ЗА ИЗОБРАЖЕНИЯ

Как да превърнете изображение в пиксел арт с цветова палитра

Намерете картината в по-малко пиксели.

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

Следвайте ръководството
РЕАЛЕН ИЗТОЧНИК И ИЗТЕГЛЕН РЕЗУЛТАТ
Преди Изходно изображение на робот преди редактиране

Оригинален пример: 1200 на 900 пиксела.

След Робот, намален до мрежа от 32 на 24 пиксела, използвайки синята палитра Ocean

Действителен изтеглен резултат: 256 на 192 пиксела.

Сравнението използва оригиналната проба и действителния изтеглен резултат, мащабирани за четене. Различните размери на платното са показани при различни мащаби на дисплея; прозрачните региони следват фона на страницата.
Реклами
КРАТЪК ВИДЕО УРОК How to turn an image into pixel art Choose an image, set a 32-cell grid and Ocean palette in Settings, then download a crisp PNG at an 8x output scale. English narration. Английски коментар Гледайте видеото

How to turn an image into pixel art

Реклами

Следвайте проверен пример, след което адаптирайте контролите към вашето собствено изображение. Отворете Изображение към Pixel Art.

01

Изберете ясен обект

Отворете „Изображение към пиксел арт“ и изберете „Опитайте пример“, за да заредите оригиналната илюстрация на робота, или качете свое собствено изображение. Образецът е 1200 на 900 пиксела. Ясен силует и прост фон се разпознават по-лесно след намаляване на детайлите.

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

Опитайте тясно изрязване, преди да пикселизирате снимка, ако обектът заема само малка част от изображението.

02

Задайте мрежата и палитрата

Отворете „Настройки“ на телефона. Задайте „Най-дълъг ръб (пиксели)“ на 32. Инструментът използва тази стойност за най-дългия ръб и запазва съотношението на източника, давайки на образеца мрежа от 32 на 24 клетки. Бързите избори включват също 16, 64, 128 и 256.

Изберете Ocean в менюто с палитри, за да възпроизведете примера. Той картографира картината към фиксирана палитра от шест цвята. От вашето изображение се извличат между 2 и 32 цвята; „Оригинални цветове“ запазва семплираните цветове. Други предварителни настройки включват Soft retro, Handheld, Black and white и Dusk.

Изберете „Персонализирани цветове“, след което въведете между 2 и 32 шестцифрени HEX цвята в „Персонализирана палитра“. Разделяйте стойностите с интервали, запетаи или точка и запетая. Една умишлено малка палитра може да накара несвързани детайли да се почувстват част от един и същ дизайн.

Ако лице или обект стане неразпознаваем, увеличете мрежата, преди да добавите още цветове.

Примерът в това ръководство

Оригинален образец на робот; 32-клетъчен най-дълъг ръб на мрежата (32 x 24); шестцветна палитра Ocean; гладко преди намаляване; без дитъринг; мащаб на изхода 8x; PNG. Действително изтегляне: 256 x 192 пиксела.

Източник
1200 x 900 px
Изход
256 x 192 пиксела
Формат
PNG
Обработка
Във вашия браузър
03

Сравнете семплирането и текстурата

Запазете „Гладко“ преди намаляване и без дитъринг за работния пример. Гладкото семплиране смесва детайлите във всяка клетка. „Най-близки оригинални пиксели“ семплира без това смесване и може да подхожда на съществуваща пикселна графика.

Подреденият дитъринг въвежда правилен модел; Floyd-Steinberg разпространява цветовата грешка в съседните клетки. И двете могат да предложат допълнителни тонове с малка палитра, но могат и да направят простите форми шумни. Дитърингът не е наличен при „Оригинални цветове“.

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

Сравнете с оригинала и използвайте „Отмяна“ или „Повторение“, когато опитвате много различна палитра.

04

Експортирайте в мащаб с цяло число

Запазете „Мащаб на експортиране“ на 8x, изберете PNG и изберете „Старт“. Мрежата от 32 на 24 става файл от 256 на 192 пиксела, като всяка клетка е представена от квадрат 8 на 8. „Изтегляне“ запазва действителния резултат, използван в сравнението. Той съдържа палитрата Ocean и няма линии на мрежата за преглед.

Наличните мащаби са 1x, 2x, 4x, 8x и 16x. PNG е удобен за споделяне и запазва ясни блокове. SVG представя пикселите като цветни правоъгълници; това не е гладко векторно проследяване. Ако друго приложение увеличи PNG, използвайте мащабиране чрез най-близкия съсед, за да избегнете размити ръбове на клетките.

Прегледайте резултата при 100% или кратно на цяло число. Дробните размери на дисплея могат да направят дори правилно експортираните пиксели да изглеждат неравномерни.

ПОЛЕЗНИ ДЕТАЙЛИ

Често задавани въпроси

Това AI генератор на пиксел арт ли е?

Не. Той взема проби от качено изображение в мрежа и по избор намалява цветовете му. Той не измисля нови обекти и не пречертава обекта с AI.

С какъв размер на мрежата да започна?

Опитайте 32 или 64 клетки по най-дългия ръб. Използвайте по-малка мрежа за прост силует или по-голяма мрежа, когато обектът се нуждае от повече детайли.

Мога ли да въведа своя собствена палитра?

Да. Изберете „Персонализирани цветове“, след което въведете от 2 до 32 шестцифрени HEX цвята в „Персонализирана палитра“, разделени с интервали, запетаи или точка и запетая.

Защо PNG изглежда размазано в друго приложение?

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

Ще се появи ли мрежата за предварителен преглед в изтегления файл?

Не. Пикселната мрежа в прегледа е помощно средство за редактора и е изключена от експортирането на PNG и SVG.

Дали SVG е гладка векторна следа?

Не. Тя съдържа цветни правоъгълни пикселни клетки. Използвайте „Изображение към SVG“, когато искате отделен работен процес за векторно проследяване.

ВАШИЯТ РЕД

Намерете картината в по-малко пиксели.

Опитайте примерен файл или използвайте свой собствен и прегледайте резултата, преди да споделите.

Отворете Изображение към Pixel Art

Детайли на изображението

Език38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Изберете вашия език. Видео уроците в момента използват английски разказ.