Піксельна графіка (від англ. pixelангл. — скорочення від pix element) — форма цифрового зображення, створеного на комп'ютері за допомогою растрового графічного редактора, де зображення редагується на рівні пікселів (точок), а роздільна здатність зображення настільки мала, що окремі пікселі чітко видно. На старих (або на неповнофункціональних) комп'ютерах, в іграх для Game Boy, іграх для старих ігрових приставок і багатьох іграх для мобільних телефонів в основному використовується піксельна графіка, оскільки це єдиний спосіб зробити чітким невелике зображення при малій роздільній здатності екранів, характерній для цих пристроїв.
Відмінні риси піксельної графіки
Поширена помилка, що будь-який малюнок або ескіз, зроблений з використанням растрових редакторів — піксельна графіка. Це неправильно, растрове зображення відрізняється від «не піксельного» технологією — ручним редагуванням малюнка піксель за пікселем. Тому піксельний малюнок відрізняється від інших видів комп'ютерного мистецтва невеликими розмірами, обмеженою колірною палітрою і (як правило) відсутністю згладжування.
Піксельна графіка використовує лише найпростіші інструменти растрових графічних редакторів, такі як «олівець», «пряма» або «заливка». Тому зустрічаються шедеври піксельної графіки, зроблені в Microsoft Paint та інших неповнофункціональних редакторах.
У будь-якому випадку, використання інструментів, які не працюють з окремими пікселями (наприклад, «Пензлик») й автоматичних фільтрів (таких, як згладжування) вважається неприйнятним у «цьому» мистецтві піксельної графіки — такі інструменти додають нові пікселі автоматично, порушуючи акуратне ручне розміщення. «Правилом хорошого тону» вважається використовувати мінімальну кількість кольорів; в ідеалі — стандартні 16 кольорів, доступні на переважній більшості відеопідсистем, навіть найбільш ранніх: у них три біта кодують сигнали R,G,B і четвертий біт кодує яскравість.
Піксельна графіка нагадує деякі класичні види образотворчих мистецтв, такі як вишивка хрестиком, мозаїка та вишивка бісером — оскільки малюнок складається з невеликих кольорових елементів, аналогічних пікселям сучасних моніторів.
Переваги
- Один з найбільш простих у вивченні стилів комп'ютерного мистецтва (просте піксельне зображення можна намалювати навіть не маючи особливих художніх здібностей).
- Природний вибір на обмежених палітрах і наднизьких розширеннях, де важливий кожен піксель.
- Потребує мало пам'яті за рахунок застосування палітрових форматів з невеликою кількістю кольорів.
- Навіть при дуже поганій передачі кольору піксельний малюнок не втрачає виразности.
- Добре виглядає на екранах із чіткими межами пікселів (зразок РК).
Недоліки
- В епоху hicolor-моніторів і відеопроцесорів з апаратним альфа-змішуванням виразніше виглядають інші стилі (хоч на низьких дозволах все одно доводиться вирівнювати лінії по пікселях).
- Погано переносить автоматичне масштабування (при зміні розширення картинку потрібно перемальовувати). На сучасних (2016) ПК розширення моніторів достатньо високе, щоб піксельну гру можна було запустити на весь екран у масштабі 2:1 і більше (див. нижче); якщо це неможливо — залишається тільки запускати гру в вікні.
- На неякісних моніторах (черезрядковий ЕПТ, деякі РК з аналоговим входом) «сітчасте тонування» (див. нижче) може мерехтіти.
Методи малювання
Малювання зазвичай починають з ескізу, який складається з основних ліній і визначає характер того, що художник має намір зобразити. Його можна отримати шляхом обведення відсканованого зображення, і досить часто ними діляться інші художники. Існують й інші методи, деякі з яких нагадують звичайне малювання.
Обмежена палітра вимагає використання розмиття для отримання різних кольорів і відтінків, але через особливості піксельної графіки робиться це тільки вручну. Іноді можна зустріти навіть згладжування «ручної роботи» — в тому числі з альфа-каналом формату PNG, що дозволяє накласти зображення на будь-який фон.
Ось декілька прикладів використання цих технік:
- 1. Основна форма розмиття — «сітчасте тонування» або дитеринг — два кольори у вигляді «шахматки» з пікселів 2×2. Зміна щільності кожного кольору дозволяє отримувати півтони. Також «шахматки» з пікселів 2×2 дозволяють створювати ілюзію великої кількості відтінків.
- 2. Стилізоване розмиття з безладно розсіяними квадратами з пікселів 2×2 дозволяє добитися незвичайних ефектів. Ще можуть використовуватися невеликі кола.
- 3. Згладжування (англ. Anti-aliasing) — намальоване вручну з використанням ефекту згладжування.
Зберігання
Піксельну графіку зазвичай зберігають у форматах «без утрат», тобто тих, які можуть зберегти кожен піксель зображення без втрати точності. Оскільки окремих кольорів у піксельному малюнку мало, часто використовують палітрові формати. PNG і GIF — приклади форматів, які відповідають цим вимогам, при цьому економлячи дискову пам'ять.
Піксельну графіку намагаються не зберігати у форматі JPEG, так як стиснення з утратами не підходить для елементів піксельного зображення, навіть якщо стиск мінімальний. Алгоритм стиснення JPEG може викликати серйозне спотворення первісного вигляду піксельного зображення через те, що може кольори окремих пікселів можуть змінитися. За розміром же JPEG-файли з такими малюнками виходять навіть більшими, ніж збережені в GIF або PNG. BMP та інші формати без стиснення використовуються досить рідко: палітрові формати зі стисненням без втрат (GIF, PNG-8) дають менший розмір файлу, не призводячи до втрат якості.
Класифікація
Плоска піксельна графіка передбачає вид спереду, зверху або збоку.
Ізометрична піксельна графіка малюється в проєкції, близької до ізометричної. Приклади можна побачити в іграх, які відображають тривимірний простір, не використовуючи при цьому тривимірної обробки. Технічно в ізометрії кути повинні бути 30° від горизонталі, але при цьому лінії в піксельної графіки виглядають нерівними. Щоб усунути цей ефект, обираються лінії з відношенням пікселів 1:2, а кут при цьому становить 26,565° (тангенс від 0,5).
Рідше зустрічаються інші проєкції — диметрична або перспективна.
Історія
Термін pixel art був вперше використаний Аделлю Ґолдберт і Робертом Флеґалом з Дослідницького центру Пало-Альто корпорації «Xerox» в 1982 році, хоча сама графіка використовувалася ще за 10 років до цього в програмі Річарда Шоупа, в Xerox PARC і т. ін.
Піксельна графіка широко застосовувалася в 1980-ті роки на ПК та приставках із обмеженими палітрами. Поява змінюваних 256-кольорових палітр поклало край засиллю піксельного зображення в іграх; з тотальним поширенням truecolor піксельний малюнок був витіснений і з робочих столів ОС.
Тим не менш, на портативних пристроях (мобільні телефони, PSP і Nintendo DS) піксельний малюнок широко поширений і сьогодні. Іноді піксельна графіка використовується в рекламних банерах.
Сучасна піксельна графіка використовується як відповідна реакція любителів ігор/малюнків на переважання тривимірної графіки. Деякі ентузіасти використовують її як наслідування минулого. А інші вважають, що вона відроджує традиції префіксальних ігор другого й третього покоління, в яких графіка вже стала виглядати естетично.
Значки для операційних систем з обмеженими функціями відображення теж являють собою піксельну графіку. У Windows значки робочого столу є растровими зображеннями різних розмірів, найменші з яких іноді не просто зменшені варіанти, а самостійні зразки піксельної графіки. На робочих столах» GNOME і KDE зображення представлені насамперед SVG, але і вони містять піксельну графіку в PNG для невеликих розмірів, таких як 16×16 і 24×24. Іншим їх застосуванням на сучасних комп'ютерах є значки для сайтів і різних списків переваг (англ. favicon).
Спільноти
В інтернеті існує багато спільнот, присвячених піксельній графіці. Художники публікують свої творіння, сподіваючись отримати конструктивну критику та відгуки, щоб поліпшити свої навички. Проводяться піксельні змагання, в яких гравці повинні створити один з квадратних або шестикутних елементів великої картинки, при цьому максимально ускладнивши життя тим, хто буде малювати сусідні елементи.
Іноді ставляться завдання малювання «на тему», у яких художники створюють свої роботи за заданим шаблоном або з певної тематики. Деякі такі роботи можуть об'єднуватися в одну велику картину.
Надзвичайно популярні піксельні ляльки: один художник малює шаблон ляльки (як правило, з перекрученими пропорціями), інші наводять ляльці риси обличчя, зачіску, вбрання. Поганим тоном вважається одягати ляльку в чужі аксесуари («франкендоллінґ»).
- Pixel As Art (Піксель арт як мистецтво) Twitter
Алгоритми автоматичного масштабування
Піксельна графіка погано переносить зміну розміру: при переході на іншу роздільність її доводиться перемальовувати. Звичайні алгоритми масштабування, як білінійна та бікубічна інтерполяції, призначені для фотографій і зовсім непридатні для піксельних зображень — картинка стає розмитою. Утім, існують алгоритми, що підвищують чіткість графіки на високих роздільних здатностях. Сучасні комп'ютери можуть виконувати ці алгоритми навіть в реальному часі.
Збільшення в ціле число разів
Найпростіший алгоритм, придатний для збільшення в 2, 3 і т. д. разів — «найближчий сусід». Деякі з алгоритмів, які автоматично додають зображенню деталей:
- EPx (Scale2x) — Eric’s Pixel Expansion
- Scale3x
- SaI — Scaling and Interpolation
- Eagle ; SuperEagle
- Hq2x, Hq3x, Hq4x
- Vector Scaling
Із дробовими коефіцієнтами
Алгоритмів із дробовими коефіцієнтами, що автоматично «додумують деталі», на початок 2016 року не відомо. Однак існує кілька методик для масштабування гри з дробовим коефіцієнтом.
- У масштабах понад 2:1 існує нескладна методика, яка зберігає піксельну сітку. А саме: для кожного фізичного пікселя дивимося, які пікселі зображення і в якій пропорції його покривають. У цій пропорції і змішуємо кольори пікселів. На цьому принципі працює, наприклад, .
- Для реалізації спецефектів, коли конкретний кадр видно мізерну частку секунди, найчастіше застосовують фільтр «найближчий сусід». Так працює, наприклад, Terraria — вона просто повертає піксельні мечі разом з їхніми великими пікселями.
- Якщо потрібно показати картинку в масштабі від 1 до 2, наприклад, у редакторі з малою погрішністю, придатний фільтр Ланцоша. В іграх масштабу від 1 до 2 намагаються уникати.
Див. також
- — студія, що спеціалізується на створенні піксельної графіки
- Мозаїка
- Вишивка хрестом
Примітки
- . Архів оригіналу за 3 червня 2017. Процитовано 30 квітня 2017.
Посилання
- (англ.)
- (англ.)
Вікіпедія, Українська, Україна, книга, книги, бібліотека, стаття, читати, завантажити, безкоштовно, безкоштовно завантажити, mp3, відео, mp4, 3gp, jpg, jpeg, gif, png, малюнок, музика, пісня, фільм, книга, гра, ігри, мобільний, телефон, android, ios, apple, мобільний телефон, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, ПК, web, Інтернет
Pikselna grafika vid angl pixelangl skorochennya vid pix element forma cifrovogo zobrazhennya stvorenogo na komp yuteri za dopomogoyu rastrovogo grafichnogo redaktora de zobrazhennya redaguyetsya na rivni pikseliv tochok a rozdilna zdatnist zobrazhennya nastilki mala sho okremi pikseli chitko vidno Na starih abo na nepovnofunkcionalnih komp yuterah v igrah dlya Game Boy igrah dlya starih igrovih pristavok i bagatoh igrah dlya mobilnih telefoniv v osnovnomu vikoristovuyetsya pikselna grafika oskilki ce yedinij sposib zrobiti chitkim nevelike zobrazhennya pri malij rozdilnij zdatnosti ekraniv harakternij dlya cih pristroyiv Zobrazhennya Vikipe tan v pikselnij grafici zbilshene uvchetveroVidminni risi pikselnoyi grafikiPoshirena pomilka sho bud yakij malyunok abo eskiz zroblenij z vikoristannyam rastrovih redaktoriv pikselna grafika Ce nepravilno rastrove zobrazhennya vidriznyayetsya vid ne pikselnogo tehnologiyeyu ruchnim redaguvannyam malyunka piksel za pikselem Tomu pikselnij malyunok vidriznyayetsya vid inshih vidiv komp yuternogo mistectva nevelikimi rozmirami obmezhenoyu kolirnoyu palitroyu i yak pravilo vidsutnistyu zgladzhuvannya Pikselna grafika vikoristovuye lishe najprostishi instrumenti rastrovih grafichnih redaktoriv taki yak olivec pryama abo zalivka Tomu zustrichayutsya shedevri pikselnoyi grafiki zrobleni v Microsoft Paint ta inshih nepovnofunkcionalnih redaktorah U bud yakomu vipadku vikoristannya instrumentiv yaki ne pracyuyut z okremimi pikselyami napriklad Penzlik j avtomatichnih filtriv takih yak zgladzhuvannya vvazhayetsya neprijnyatnim u comu mistectvi pikselnoyi grafiki taki instrumenti dodayut novi pikseli avtomatichno porushuyuchi akuratne ruchne rozmishennya Pravilom horoshogo tonu vvazhayetsya vikoristovuvati minimalnu kilkist koloriv v ideali standartni 16 koloriv dostupni na perevazhnij bilshosti videopidsistem navit najbilsh rannih u nih tri bita koduyut signali R G B i chetvertij bit koduye yaskravist Pikselna grafika nagaduye deyaki klasichni vidi obrazotvorchih mistectv taki yak vishivka hrestikom mozayika ta vishivka biserom oskilki malyunok skladayetsya z nevelikih kolorovih elementiv analogichnih pikselyam suchasnih monitoriv Perevagi Odin z najbilsh prostih u vivchenni stiliv komp yuternogo mistectva proste pikselne zobrazhennya mozhna namalyuvati navit ne mayuchi osoblivih hudozhnih zdibnostej Prirodnij vibir na obmezhenih palitrah i nadnizkih rozshirennyah de vazhlivij kozhen piksel Potrebuye malo pam yati za rahunok zastosuvannya palitrovih formativ z nevelikoyu kilkistyu koloriv Navit pri duzhe poganij peredachi koloru pikselnij malyunok ne vtrachaye viraznosti Dobre viglyadaye na ekranah iz chitkimi mezhami pikseliv zrazok RK Nedoliki V epohu hicolor monitoriv i videoprocesoriv z aparatnim alfa zmishuvannyam viraznishe viglyadayut inshi stili hoch na nizkih dozvolah vse odno dovoditsya virivnyuvati liniyi po pikselyah Pogano perenosit avtomatichne masshtabuvannya pri zmini rozshirennya kartinku potribno peremalovuvati Na suchasnih 2016 PK rozshirennya monitoriv dostatno visoke shob pikselnu gru mozhna bulo zapustiti na ves ekran u masshtabi 2 1 i bilshe div nizhche yaksho ce nemozhlivo zalishayetsya tilki zapuskati gru v vikni Na neyakisnih monitorah cherezryadkovij EPT deyaki RK z analogovim vhodom sitchaste tonuvannya div nizhche mozhe merehtiti Metodi malyuvannyaPikselnij malyunok stvorenij u Paint Malyuvannya zazvichaj pochinayut z eskizu yakij skladayetsya z osnovnih linij i viznachaye harakter togo sho hudozhnik maye namir zobraziti Jogo mozhna otrimati shlyahom obvedennya vidskanovanogo zobrazhennya i dosit chasto nimi dilyatsya inshi hudozhniki Isnuyut j inshi metodi deyaki z yakih nagaduyut zvichajne malyuvannya Obmezhena palitra vimagaye vikoristannya rozmittya dlya otrimannya riznih koloriv i vidtinkiv ale cherez osoblivosti pikselnoyi grafiki robitsya ce tilki vruchnu Inodi mozhna zustriti navit zgladzhuvannya ruchnoyi roboti v tomu chisli z alfa kanalom formatu PNG sho dozvolyaye naklasti zobrazhennya na bud yakij fon Os dekilka prikladiv vikoristannya cih tehnik 1 Osnovna forma rozmittya sitchaste tonuvannya abo ditering dva kolori u viglyadi shahmatki z pikseliv 2 2 Zmina shilnosti kozhnogo koloru dozvolyaye otrimuvati pivtoni Takozh shahmatki z pikseliv 2 2 dozvolyayut stvoryuvati ilyuziyu velikoyi kilkosti vidtinkiv 2 Stilizovane rozmittya z bezladno rozsiyanimi kvadratami z pikseliv 2 2 dozvolyaye dobitisya nezvichajnih efektiv She mozhut vikoristovuvatisya neveliki kola 3 Zgladzhuvannya angl Anti aliasing namalovane vruchnu z vikoristannyam efektu zgladzhuvannya ZberigannyaFajl GIF 318 bajt Fajl PNG 258 bajt Fajl JPEG 706 baajt Pikselnu grafiku zazvichaj zberigayut u formatah bez utrat tobto tih yaki mozhut zberegti kozhen piksel zobrazhennya bez vtrati tochnosti Oskilki okremih koloriv u pikselnomu malyunku malo chasto vikoristovuyut palitrovi formati PNG i GIF prikladi formativ yaki vidpovidayut cim vimogam pri comu ekonomlyachi diskovu pam yat Pikselnu grafiku namagayutsya ne zberigati u formati JPEG tak yak stisnennya z utratami ne pidhodit dlya elementiv pikselnogo zobrazhennya navit yaksho stisk minimalnij Algoritm stisnennya JPEG mozhe viklikati serjozne spotvorennya pervisnogo viglyadu pikselnogo zobrazhennya cherez te sho mozhe kolori okremih pikseliv mozhut zminitisya Za rozmirom zhe JPEG fajli z takimi malyunkami vihodyat navit bilshimi nizh zberezheni v GIF abo PNG BMP ta inshi formati bez stisnennya vikoristovuyutsya dosit ridko palitrovi formati zi stisnennyam bez vtrat GIF PNG 8 dayut menshij rozmir fajlu ne prizvodyachi do vtrat yakosti KlasifikaciyaIzometri chnaPlaska Ploska pikselna grafika peredbachaye vid speredu zverhu abo zboku Izometrichna pikselna grafika malyuyetsya v proyekciyi blizkoyi do izometrichnoyi Prikladi mozhna pobachiti v igrah yaki vidobrazhayut trivimirnij prostir ne vikoristovuyuchi pri comu trivimirnoyi obrobki Tehnichno v izometriyi kuti povinni buti 30 vid gorizontali ale pri comu liniyi v pikselnoyi grafiki viglyadayut nerivnimi Shob usunuti cej efekt obirayutsya liniyi z vidnoshennyam pikseliv 1 2 a kut pri comu stanovit 26 565 tangens vid 0 5 Ridshe zustrichayutsya inshi proyekciyi dimetrichna abo perspektivna IstoriyaGra Broforce 2015 stilizovana pid pristavki i filmi 1980 h rokiv Termin pixel art buv vpershe vikoristanij Adellyu Goldbert i Robertom Flegalom z Doslidnickogo centru Palo Alto korporaciyi Xerox v 1982 roci hocha sama grafika vikoristovuvalasya she za 10 rokiv do cogo v programi Richarda Shoupa v Xerox PARC i t in Pikselna grafika shiroko zastosovuvalasya v 1980 ti roki na PK ta pristavkah iz obmezhenimi palitrami Poyava zminyuvanih 256 kolorovih palitr poklalo kraj zasillyu pikselnogo zobrazhennya v igrah z totalnim poshirennyam truecolor pikselnij malyunok buv vitisnenij i z robochih stoliv OS Tim ne mensh na portativnih pristroyah mobilni telefoni PSP i Nintendo DS pikselnij malyunok shiroko poshirenij i sogodni Inodi pikselna grafika vikoristovuyetsya v reklamnih banerah Suchasna pikselna grafika vikoristovuyetsya yak vidpovidna reakciya lyubiteliv igor malyunkiv na perevazhannya trivimirnoyi grafiki Deyaki entuziasti vikoristovuyut yiyi yak nasliduvannya minulogo A inshi vvazhayut sho vona vidrodzhuye tradiciyi prefiksalnih igor drugogo j tretogo pokolinnya v yakih grafika vzhe stala viglyadati estetichno Znachki dlya operacijnih sistem z obmezhenimi funkciyami vidobrazhennya tezh yavlyayut soboyu pikselnu grafiku U Windows znachki robochogo stolu ye rastrovimi zobrazhennyami riznih rozmiriv najmenshi z yakih inodi ne prosto zmensheni varianti a samostijni zrazki pikselnoyi grafiki Na robochih stolah GNOME i KDE zobrazhennya predstavleni nasampered SVG ale i voni mistyat pikselnu grafiku v PNG dlya nevelikih rozmiriv takih yak 16 16 i 24 24 Inshim yih zastosuvannyam na suchasnih komp yuterah ye znachki dlya sajtiv i riznih spiskiv perevag angl favicon SpilnotiV interneti isnuye bagato spilnot prisvyachenih pikselnij grafici Hudozhniki publikuyut svoyi tvorinnya spodivayuchis otrimati konstruktivnu kritiku ta vidguki shob polipshiti svoyi navichki Provodyatsya pikselni zmagannya v yakih gravci povinni stvoriti odin z kvadratnih abo shestikutnih elementiv velikoyi kartinki pri comu maksimalno uskladnivshi zhittya tim hto bude malyuvati susidni elementi Inodi stavlyatsya zavdannya malyuvannya na temu u yakih hudozhniki stvoryuyut svoyi roboti za zadanim shablonom abo z pevnoyi tematiki Deyaki taki roboti mozhut ob yednuvatisya v odnu veliku kartinu Nadzvichajno populyarni pikselni lyalki odin hudozhnik malyuye shablon lyalki yak pravilo z perekruchenimi proporciyami inshi navodyat lyalci risi oblichchya zachisku vbrannya Poganim tonom vvazhayetsya odyagati lyalku v chuzhi aksesuari frankendolling Pixel As Art Piksel art yak mistectvo TwitterAlgoritmi avtomatichnogo masshtabuvannyaZliva najblizhchij susid pravoruch SaI Pikselna grafika pogano perenosit zminu rozmiru pri perehodi na inshu rozdilnist yiyi dovoditsya peremalovuvati Zvichajni algoritmi masshtabuvannya yak bilinijna ta bikubichna interpolyaciyi priznacheni dlya fotografij i zovsim nepridatni dlya pikselnih zobrazhen kartinka staye rozmitoyu Utim isnuyut algoritmi sho pidvishuyut chitkist grafiki na visokih rozdilnih zdatnostyah Suchasni komp yuteri mozhut vikonuvati ci algoritmi navit v realnomu chasi Zbilshennya v cile chislo raziv Pikselna Vikipe tan zbilshena vdvichi algoritmom Hq2x Najprostishij algoritm pridatnij dlya zbilshennya v 2 3 i t d raziv najblizhchij susid Deyaki z algoritmiv yaki avtomatichno dodayut zobrazhennyu detalej EPx Scale2x Eric s Pixel Expansion Scale3x SaI Scaling and Interpolation Eagle SuperEagle Hq2x Hq3x Hq4x Vector ScalingIz drobovimi koeficiyentami Algoritmiv iz drobovimi koeficiyentami sho avtomatichno dodumuyut detali na pochatok 2016 roku ne vidomo Odnak isnuye kilka metodik dlya masshtabuvannya gri z drobovim koeficiyentom U masshtabah ponad 2 1 isnuye neskladna metodika yaka zberigaye pikselnu sitku A same dlya kozhnogo fizichnogo pikselya divimosya yaki pikseli zobrazhennya i v yakij proporciyi jogo pokrivayut U cij proporciyi i zmishuyemo kolori pikseliv Na comu principi pracyuye napriklad Dlya realizaciyi specefektiv koli konkretnij kadr vidno mizernu chastku sekundi najchastishe zastosovuyut filtr najblizhchij susid Tak pracyuye napriklad Terraria vona prosto povertaye pikselni mechi razom z yihnimi velikimi pikselyami Yaksho potribno pokazati kartinku v masshtabi vid 1 do 2 napriklad u redaktori z maloyu pogrishnistyu pridatnij filtr Lancosha V igrah masshtabu vid 1 do 2 namagayutsya unikati Div takozh studiya sho specializuyetsya na stvorenni pikselnoyi grafiki Mozayika Vishivka hrestomPrimitki Arhiv originalu za 3 chervnya 2017 Procitovano 30 kvitnya 2017 Posilannya angl angl