Як зробити так, щоб зображення виглядало пікселізованим, як аркадна графіка старої школи?


20

Я хочу сфотографуватися (може бути будь-якого виміру) і зробити його схожим на нерівномірне, на зразок старих відеоігор Mario Brothers близько 80-х. Частина маніпуляцій із зображенням потребує зменшення масштабу.

Відео ігри Mario Brothers

З цього я і починаю.

введіть тут опис зображення

Чи є фільтр або кілька кроків Photoshop, які я можу використати для досягнення цього ефекту?

Я по суті намагався використовувати фільтр "Pixelate", але це створює переходи пікселів між кольорами краю. Я також просто намагався зменшити розмір зображення до 40 х 35 пікселів, і це те, що я бачу.

введіть тут опис зображення

Як отримати чіткі повнокольорові пікселі, як іконки "Брати Маріо".


12
Я думаю, що складною проблемою є те, що відеоігри заздалегідь знали обмеження середовища. Усі ці піктограми були розроблені на піксельній сітці розміром 100 х 100 або будь-якій іншій. Якщо ви хочете, щоб ваш кошик був 8-бітовим значком, ви, мабуть, спроектували його з нуля з ілюстратором на сітці 100x100 пікселів.
maxwell

Або може бути функція, на яку хтось відповість нижче, де ви берете всі пікселі в кольоровій гамі і змушуєте її стати яскравою версією цього кольору.
maxwell

Я відчуваю, що я раніше це бачив, але це не можу знайти. Я буду продовжувати пошуки.
Менлі


Я рекомендую перезапустити, але обов’язково спробуйте зберегти все зображення на сітці 8 на 8 або 16 на 16 пікселів, масштабуючи її пізніше

Відповіді:


28

Ось дещо простий метод перетворення повнорозмірних зображень у піксельну графіку.

Початкове зображення

Повне зображення

Для початку перейдіть до зображення -> Розмір зображення. Змініть метод Resample на Найближчий сусід , це дозволить зберегти жорсткі краї. Ви можете збільшити масштаб попереднього перегляду зліва, щоб добре зрозуміти, як виглядатиме ваш кінцевий результат. Ви можете бачити, що я в цьому прикладі на 500%. Далі встановіть ширину / висоту на бажаний розмір і натисніть OK.

Зменшення розміру

Наступний крок не є обов'язковим

Поверніться до розміру зображення та збільште розмір зображення до потрібних специфікацій. Не забудьте зберегти Найближчий сусід . Натисніть ОК, коли закінчите.

Збільшити розмір

Ось як виглядатиме ваш кінцевий результат (залежно від того, наскільки ви зменшили розмір оригіналу.)

Пікселізований


2
ProTip: Існують деякі спеціалізовані піксельні графіки масштабування (хоча вікіпедія здебільшого говорить про підвищення масштабів, а також є кращі інструменти зменшення масштабу), які роблять кращу роботу, ніж найближчий сусід.
joojaa

4
Іншим корисним підходом, якщо можна, наприклад, масштабувати коефіцієнт чотири, є спочатку плитка зображення чотири рази в кожну сторону з проміжком, який є більшим за кратний чотири. Це призведе до 16 злегка зменшених зображень. У багатьох випадках функції оригінальної графіки можуть бути набагато кращими в деяких зменшених версіях, ніж в інших, тому можливість захоплення функцій з 16 різних версій може мінімізувати кількість додаткового налаштування руки, яке буде потрібно.
supercat

1
Ви також можете зменшити палітру кольорів - ще одне обмеження ранніх ігрових систем - змінивши її на індексований колір і зменшивши кількість доступних кольорів до 16, 8 або 4.
Роб Крейг

27

Коли ви працюєте з такою кількістю пікселів, вам доведеться зчитувати кожен піксель. Сумніваюсь, автоматизований скалер досягне цього задовільною якістю.

Моя порада полягає в тому, щоб зменшити масштаб на потрібний розмір як звичайний (або, можливо, використовувати найближчий сусід), а потім збільшити масштаб, увімкнути сітку та перейти на ваш піксель зображення, очистивши його пікселем. Щоб покращити ретро-вигляд, вам також слід працювати з обмеженою палітрою сильних кольорів.


2
Це є найкращим способом зробити це. Створюйте графіку з самого початку, використовуючи зображення пікселів та обмежене середовище та розміри.
Сем Вівер

2
Обмеження кольорової палітри - прекрасний момент.
Енеко Алонсо

1

Перш ніж почати, подивіться на оригінальну графіку, яку ви намагаєтеся наслідувати. Ви побачите, що кольорові області плоскі та яскраві, адже самі форми - вірите чи ні! - прямолінійні ділянки. Єдиний раз, коли ви отримуєте пікселюючий ефект, це коли лінії трохи відхилені від прямих, похилих.

Тож вам потрібна програма, яка імітує це з самого початку - я щойно це зробив, тому я знаю, що це працює - ви використовуєте Paint. Правильно, забута халява, яка постачається разом із Windows. Він знаходиться в аксесуарах для XP, не знаходяться там, де він є в інших версіях, але це проблема. там десь. Навіть якщо це означає зробити копію екрана, потім згодом вирізати кошик (якщо вам це потрібно, покладіть копію екрана на вікно, виріжте кошик, відкрийте новий екземпляр, вставте кошик у новий екземпляр.)

Потім подивіться на малюнок. Ви побачите, де кошик ПОЛУЧЕНО піксельований. Ось де ви хочете підкреслити ефект. Це ви робите, збільшуючи масштаб (CTRL-Page Down або використовуючи View / Zoom з меню) і використовуючи інструмент гумки в найменшому квадратному режимі (є список квадратів у лівій частині екрана), щоб просто вийняти додатковий піксель тут і там, де лінії вже розпливчато пікселізовані. Вам не потрібно буде виймати пікселі, де лінії вертикальні чи горизонтальні, тому що, якщо ви подивитеся, ви побачите, що в оригіналах відсутні пікселі, що відсутні у прямих ліній. Вам потрібно буде вибити по одному пікселю з кожного кута квадратної передньої частини кошика. Це метод 1.

Спосіб 2 починається з того ж самого (використовуючи Paint, вставляючи в малюнок), а потім просто зберігаючи зображення в дуже поганому форматі. Плобрем із методом 2 ВСІМ буде виглядати розмитим і піксельним. Не забувайте, чому Маріо працює, адже стійки і кольори рівні і хороші, це просто не прямі лінії та кути. Якби я це робив, я б пішов із методом перший. Тому що я просто DID і це працювало! Я навіть радий надіслати вам свою версію, якщо хтось може сказати мені спосіб її виконання.

Кріс.


Ласкаво просимо до GD.SE. Хоча це відповідає на назву питання, воно не стосується того, що ОП хоче знайти автоматичний метод, а не ручний.
Лучано

-1

Я б використав imagemagick , безкоштовний інструмент командного рядка з відкритим кодом, доступний для MacOS, Windows та, звичайно, Linux. Просто завантажте, встановіть та використовуйте командний рядок у терміналі.

convert -scale 10% -scale 1000% parrot.jpg parrot-pixel.jpg

папуга оригінальний Оригінальне зображення папуги

папуга піксельний Піксельне зображення папуги

Трохи експериментуючи, ви можете змінювати розміри пікселів. Звичайно, як і у всіх інших відповідей, ваш пробіг буде залежати від мистецтва, і це гарна ідея повернутися назад і виправити їх вручну.

FYI, не маючи часу на завантаження та встановлення imagemagick, мені вдалося виконати пікселізацію менше ніж за 5 секунд.

Простий скрипт bash може потім пройти через всю папку і зробити це як партія без усього кошмару точних кліків.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.