Тренд 2027: піксель-арт Y2K — 8-біт, LED-табло й кінескопи
Великі пікселі, кілька жорстких кольорів і сяйво старого екрана.
Піксельне відродження Y2K повертає вигляд екранів від 1980-х до початку 2000-х: великі 8-бітні пікселі, світлові табло з крапок, однобітні картинки з дизерингом і рядки та сяйво кінескопного телевізора. З ним ми входимо в 2027 рік: він зʼявляється на обкладинках альбомів, у запусках ігор і техпродуктів, на клубних вечірках, у модних дропах і ребрендингах, що міняють плавні градієнти на піксельний шрифт і жорстку сітку.
Його привабливість — почасти ностальгія, почасти контраст. Залізо, якому доводилося малювати обличчя з кількох сотень блоків, давало сміливі графічні картинки, а пікселізоване фото читається як зроблене навмисно, а не згенероване. До того ж жорстка сітка лишається чіткою в дрібному розмірі, де мʼякий градієнт перетворюється на кашу.
Тут — звідки взявся цей вигляд, як зберегти пікселізоване фото читабельним, з чим його поєднувати і які помилки трапляються найчастіше, а тоді швидкий шлях у Paletoo: один мікс, що перетворює фото на 8-бітні пікселі на чистому екрані кінескопа.
Звідки взялося піксельне відродження Y2K
Піксель-арт почався як обмеження. Ранні консолі й домашні компʼютери мали кілька кольорів і грубу сітку, тож художники ставили кожен блок вручну; кишенькові ігрові екрани показували чотири відтінки зеленого; перший Macintosh малював чистим чорним і білим, а сірий заміняли візерунки дизерингу. Табло на стадіонах і вокзалах складали слова з круглих бурштинових ламп, і все це ми дивилися крізь опукле скло кінескопа з його рядками й мʼяким сяйвом.
Дизайнери, що виросли з тими екранами, тепер керують студіями, а молодша аудиторія знайомиться з ними через ретроігри, емулятори й піксельні шрифти. Цей вигляд поширюється далі, бо його впізнають з першого погляду і він лишається графічним у малому розмірі: піксельний портрет на телефоні читається як сміливий силует ще до того, як хтось роздивиться деталі.
Як добре працювати з піксель-артом
Підбирайте розмір пікселя під обʼєкт, а не під полотно. Обличчю потрібно приблизно 20–40 блоків завширшки, щоб лишатися впізнаваним; менше — і воно стає абстрактним візерунком, що годиться для тла, але не для портрета. Палітру тримайте короткою: кілька жорстких кольорів читаються як 8-біт, а сотні плавних тонів — просто як фото в низькій роздільності.
Поєднуйте пікселі зі шрифтом із того самого світу — піксельним чи моноширинним для дрібного тексту, важким чистим гротеском для заголовка — і тримайте шрифт різким. Контраст чіткого заголовка й блочної картинки і робить сторінку задизайненою. Ефекти старого екрана — рядки й сяйво — найкраще виглядають на темному тлі, де світлу є куди розтектися.
З чим поєднувати і чого уникати
У Paletoo є й інші входи в ту саму епоху: мікс «LED-табло» з круглими бурштиновими лампами й теплим сяйвом, «VHS-касета» для затертої касети на старому телевізорі, ефект «Дизеринг» для однобітних картинок із візерунків крапок — із пресетами на кшталт Game Boy і «Mac Аткінсона», — і «Датамош», коли екран має виглядати зламаним. Хромований заголовок Y2K над піксельним фото доповнює епоху.
Найчастіші помилки: пікселі такі великі, що зникає обличчя, два різні розміри пікселя на одній сторінці й сітка поверх тексту, надто дрібного, щоб його прочитати. Якщо збільшити маленьку пікселізовану картинку, її краї розмиються; живий ефект цього уникає, бо сітка міряється в пікселях документа й малюється в розмірі самого експорту. І щільні рядки затемнюють зображення — у світлому макеті зменште їх або приберіть екран і лишіть тільки пікселі.
Зроблено в Paletoo
Усі зображення на цій сторінці зроблено в Paletoo — ці три тими самими кроками на інших шаблонах:
Як зробити це в Paletoo
Відкрийте дизайн і виберіть фото. Найкраще пікселізується портрет із чітким обличчям і сильним світлом; тут це дівчина під жовтим LOUDER на обкладинці журналу.
Відкрийте вкладку Ефекти й знайдіть Мікси; якщо «Аркади» немає в першому ряду, натисніть Усі.
Обкладинку журналу відкрито в Paletoo, портрет вибрано, у вкладці «Ефекти» відкрито мікси, видно картку «Аркада» Натисніть Аркада. У списку Застосовано зʼявляться два кроки: Піксель із пресетом 8-біт розбиває фото на квадрати по 12 px у кількох жорстких кольорах, а Кінескоп із пресетом Чистий екран кладе поверх вертикальні смуги, рядки й мʼяке сяйво пласкої трубки.
Натиснуто «Аркада»: Піксель і Кінескоп у списку «Застосовано», портрет у 8-бітних блоках за смугами екрана Клацніть рядок Піксель, щоб відкрити його. Угорі — пресети 8-біт, Блоки, LED, Цеглинки й Дрібні, під ними Розмір (від 2 до 120 px), Форма (Квадрат, Коло чи Плитка) і Кольори — на скільки ступенів тону ріжуться блоки.
Відкрито крок «Піксель»: пресети 8-біт, Блоки, LED, Цеглинки й Дрібні та повзунки Розмір, Форма й Кольори Під Деталі — Краї, що перемикають блоки між Різкі й Мʼякі, і Проміжок між ними. Тоді відкрийте рядок Кінескоп: там Рядки, Опуклість, Маска й Сяйво.
Натисніть Експорт. Сітка міряється в пікселях документа, тож блоки тримають свій розмір за будь-якого масштабу й лишаються чіткими у великому PNG.
Мікс в один клік
Його кроки: Піксель · 8-біт Кінескоп · Чистий екран
Відкрити цей мікс у PaletooЗробіть по-своєму
Почніть із Розмір. На 12 px (як у пресеті) портрет розміру допису зберігає очі й рот; на 24–30 px він стає сміливим візерунком, який читається лише здалеку; менше 8 px — і це вже схоже на фото в низькій роздільності, а не на піксель-арт. Сітка починається від кута фото й міряється в документі, тож блоки не зсуваються, коли ви рухаєте картинку, і однакові в кожному експорті.
Кольори задають, скільки ступенів тону може мати кожен блок: 4 з пресета дають пласкі, постеризовані ступені старої консолі, а 0 лишає всі кольори. Коло з невеликим Проміжок перетворює сітку на лампи — початок світлового табло, саме це робить пресет LED, — а Плитка кладе блоки, як цеглу.
Тепер екран. У кроці Кінескоп повзунок Рядки затемнює лінії між рядами, Опуклість вигинає скло (у пресеті воно пласке, 0 %), Маска вибирає візерунок люмінофорів, а Сяйво дає світлим ділянкам розтікатися за них. У світлому макеті зменште Рядки або вимкніть крок «оком»; для важчого ретротелевізора натисніть пресет Ефір чи Зелений моно.
Шаблони з цим ефектом
Запитання
Як перетворити фото на піксель-арт?
Виберіть фото, відкрийте вкладку «Ефекти» й натисніть мікс «Аркада»: фото стане 8-бітними блоками на екрані кінескопа. Щоб блоки були більшими чи меншими, змініть «Розмір» у кроці «Піксель».
Чому всі знову захопилися піксель-артом?
Для тих, хто виріс зі старими консолями й екранами, це ностальгія, а поруч із гладенькими згенерованими картинками він читається як зроблений навмисно. До того ж жорстка сітка лишається сміливою й читабельною на екрані телефона.
Чи можна пікселізувати текст?
Так. Крок «Піксель» працює з текстом, фігурами й зображеннями, а його пресети зберігають дрібні літери читабельними. Текст під ефектом лишається редагованим.
Як отримати вигляд круглих LED-крапок?
Натисніть мікс «LED-табло» — бурштинові лампи зі сяйвом — або відкрийте крок «Піксель» і виберіть пресет LED: круглі блоки з проміжком між ними.
Чи лишається це чітким у великому експорті?
Так. Ефект живий, тож сітка малюється в розмірі експорту, а не розтягується з маленької картинки, і краї блоків лишаються чіткими.
Це безкоштовно?
Так. Ефекти, шаблони й експорт нічого не коштують і не мають водяного знака. Кредити потрібні лише для генерації зображень ШІ та матеріалів.
Зробити онлайн
- Ефекти для фото онлайнЕфекти для фото в один клік: плівка, друк чи глітч — і кожен крок можна змінити й потім.
- Дуотон, растр і глітч для фото онлайнТри найсильніші образи для фото — кожен за один клік, і кожен крок можна налаштувати по-своєму.
Безкоштовні шаблони для дизайну: Шаблони постерів
Читайте далі
Як зробити хромований текст у стилі Y2K
Товстий рідкий хром у перламутрових пастелях, із мʼяким сяйвом.
Як зробити ефект глітчу в Photoshop — і за одну хвилину
Розведені канали RGB, зсунуті смуги й зламані блоки — а потім той самий злам одним живим міксом.
Як зробити ефект сортування пікселів
Середні тони й світло, відсортовані за яскравістю в смуги, що стікають.
Спробуйте на своєму дизайні
Paletoo відкривається в браузері, без реєстрації. Кожен ефект тут живий: замініть фото чи слова — і ефект підлаштується.
Відкрити в Paletoo