Зміст
- Крок перший: Планування іміджу
- Крок другий: Зміна розміру
- Крок третій: Згладжування
- Крок четвертий: Затінення
- Готовий спрайт
- Поради та підказки
Ванадіс любить створювати речі і має досвід роботи художником та мультиплікатором в ігровій та рекламній індустрії.
Піксельне мистецтво - це вид мистецтва, заснований на піксельному стилі, розроблений для ранніх відеоігор. Перші ігрові консолі мали обмеження на вихід (наприклад, низька роздільна здатність і кольоровий дисплей), і ці обмеження привели до нової техніки створення зображень. Сьогодні цей ретро-образ неймовірно популярний, і багато художників повторюють його. Незважаючи на прогрес у технологіях, які роблять ці старі техніки зайвими, ігри все ще випускаються з використанням стилю піксельного мистецтва.
У цій статті описано, як створити власний піксельний спрайт, з покроковим керівництвом та деякими корисними порадами та підказками.
Крок перший: Планування іміджу
Першим кроком є вирішення, якого персонажа ви хочете створити і наскільки стилізованим чи реалістичним ви хочете бути. Це може бути дуже простий мультфільм або більш складний реалістичний персонаж. Для прикладу я вибрав щось посередині.
Ще не турбуйтеся про пікселі - вони з’являться пізніше. Просто намалюйте свого персонажа, як зазвичай.
Я розпочав з простого ескізу, а потім обробив його, додавши колір і зачистивши лінії Adobe Photoshop. Я почав працювати з досить великим розміром файлу (близько 1000 пікселів у висоту), але просто працюю в будь-якому масштабі, який вам здається найбільш зручним - найкраще, ніж остаточний розмір вашого спрайта.
Вам не потрібно використовувати Photoshop для створення вашого піксельного спрайта. Існує безліч безкоштовних програм із необхідними інструментами, наприклад MS Paint і Графіка Гейл. Якщо ви створюєте власне зображення з нуля, а не працюєте над вже існуючим, Photoshop - це шлях.
Роблячи зображення з нуля, мені дуже корисно працювати на різних шарах: шар для лінійки, шар для місцевих кольорів, шари для світла і тіні та додаткові шари для деталей. Використовуйте стільки шарів, скільки вам подобається, але не переборщуйте, оскільки їх важко відстежити! Коли справа доходить до піксельної стадії, найкраще об’єднати всі шари разом (крім фонового).
Крок другий: Зміна розміру
Після того, як зображення вашого персонажа закінчено, і ви задоволені усім його виглядом, настав час його пікселювати!
По-перше, йому, ймовірно, знадобиться повторний розмір. Піксельне мистецтво, як правило, дуже мало. Іноді спрайт може бути розміром до 20x20 пікселів, особливо розроблений для ручних пристроїв.
Звичайно, чим він менший, тим простішим і перебільшеним повинен бути стиль. Оскільки зображення, яке я використовую, порівняно складне, воно повинно бути великим спрайтом, тому я змінив його розмір до 275 пікселів у висоту (або 300 пікселів, включаючи фон). Набагато більший за це, і він починає втрачати відчуття піксельного спрайту.
Крок третій: Згладжування
Однією з проблем зміни розміру є згладжування. Є кілька варіантів, які ви можете змінити, щоб уникнути цього, наприклад 'найближчий сусід (зберегти тверді краї)' у спадному меню вікна розміру зображення, але я вважаю, що це знищує деталі. До того ж це обман! Найкраще піксельне мистецтво робиться вручну - стиль старої школи.
Отже, змінене зображення виглядає дуже м’яким і зовсім не схожим на піксельне мистецтво. Першим кроком до пікселізації є очищення країв зображення та позбавлення від згладжування. Це означає, що будь-які пікселі краю, які мають непрозорість менше 100%, слід стирати або перемальовувати зі 100% непрозорістю, використовуючи інструмент олівця або ластик.
Щоб допомогти цьому процесу, я зазвичай змінюю фон на яскраво-синій або колір, якого немає ніде на зображенні. Це полегшує видимість країв (саме тому важливо тримати фон окремо!). Залежно від стилю, який ви вибрали, ви можете додати чіткий контур навколо спрайту. Я вибрав не для цього зображення, але існує кілька формул для створення плавних піксельних кривих та контурів. Ще один часто застосовуваний прийом - це додавання білого контуру навколо всього зображення. Я вважаю, що спочатку це було зроблено для створення спрайту з ігрового фону, і це питання стилістичних переваг. Після того, як ви очистили краї, зображення починає формуватися і виглядати більш виразно завдяки тому, що має чітке зображення пікселів. Але є ще шлях, оскільки затінення всередині потребує роботи.
Крок четвертий: Затінення
Тепер настав час піксельного затінення. Плавні градієнти заборонені! На зображенні, яке я використовував, їх багато, і мільйон кольорів для завантаження! Піксельне мистецтво виглядає більш автентичним і ретро, чим менше кольорів ви використовуєте, але набагато складніше реалістично затінювати меншою кількістю кольорів.
Існує два основних методи подолання цього обмеження: затінення клітин і розмивання.
Затінення клітин використовує плоскі кольори та середній тон між двома відтінками, щоб згладити перехід між ними. Це чудово для отримання чистого стилізованого вигляду, але незабаром він може почати використовувати багато кольорів.
Для більш ретро-стилю є затухання. Дизеринг допомагає поєднати два кольори, використовуючи візерунок, який обманює око здалеку. Якщо ви на дуже обмеженій кольоровій палітрі, ви можете використовувати базову теорію кольорів, щоб «змішати» нові кольори таким чином; наприклад, розмиваючи синій та жовтий кольори, щоб отримати зелений відтінок. Дизеринг також додає текстури та чіткий стиль, що нагадує 8-бітну еру.
Для мого зображення я вирішив використовувати переважно дизеринг. З цим можна здичавити. Є кілька основних формул, яким слід керуватися, використовуючи шаховий шаблон, який витончується по краях, але майже все, що завгодно, поки це візерунок. Якщо ви спробуєте використовувати аерограф для випадкових пікселів, це буде працювати не так добре. Слідування за зразком є найкращим методом, навіть якщо він змінюється відповідно до форми структури, яку він представляє.
Готовий спрайт
І готово!
Піратський спрайт, який я створив, використовує багато кольорів, що надає їй більш реалістичний вигляд, ніж справді ранні спрайти. Якщо ви віддаєте перевагу більш ретро-зовнішньому вигляду, обмежте кольори та масштаб, як я це зробив із Spartan.
Успіхів та веселощів, створюючи спрайти!
Поради та підказки
- Ніколи не намагайтеся зробити піксельний спрайт з нуля. Краще працювати з зменшеного зображення як вихідну точку.
- Використовуйте яскраво забарвлений фон, контрастний вашому спрайту, для очищення країв та позбавлення від блукаючих пікселів.
- Майте на увазі, що чим менший спрайт, тим простішим повинен бути дизайн. Крихітні спрайти найкраще в стилі чибі (наприклад, спартанський у верхній частині сторінки).
- Затінення клітин або розмивання, або комбінація працює. Без градієнтів!
- Photoshop має функцію збереження 'зберегти для Інтернету та пристроїв', де ви можете перемикати кількість та тип кольорів, що використовуються у вашому зображенні. Трохи обман, але зручний ярлик для початку.
- Щоб отримати масштабовану версію піксельної графіки: збільште потрібний розмір, натисніть екран друку та вставте цей файл у новий файл. Вуаля, у вас підірване піксельне зображення для справжнього ретро-вигляду!
Ця стаття є точною та вірною, наскільки відомо автору. Вміст призначений лише для інформаційних чи розважальних цілей і не замінює особистих порад чи професійних порад у ділових, фінансових, юридичних чи технічних питаннях.
