Зміст

• Крок
• Частина 1 з 7: Зберіть свої інструменти
• Частина 2 з 7: Відпрацюйте основні навички
• Частина 3 з 7: Складання контуру вашого першого спрайту
• Частина 4 з 7: Розфарбуйте ваш спрайт
• Частина 5 з 7: Застосування тональних значень
• Частина 6 з 7: Використання передових методик
• Частина 7 з 7: Завершення штрихів

Піксельне мистецтво - це найбільший шанс у сучасних інді-відеоіграх. Це дозволяє художнику додати багато символів до гри, не витрачаючи незліченну кількість годин на моделювання 3D-об'єктів або намальованих від руки складних предметів. Якщо ви хочете стати піксельним художником, спочатку створіть спрайт. Опанувавши створення спрайт, ви можете почати з анімації та її реклами та рекламувати свої навички потенційним роботодавцям.

Крок

Частина 1 з 7: Зберіть свої інструменти

1. Завантажте хороше програмне забезпечення для редагування зображень. Хоча в Paint можна створити піксельне зображення, ви виявите, що це непросто. Деякі з найбільш часто використовуваних програм для піксельних зображень:
   • Photoshop
   • Paint.net
   • GIMP
   • Піксен
2. Придбайте планшет для малювання. Якщо ви хочете простежити намальовані від руки малюнки або вам не подобається малювати за допомогою миші, використовуйте планшет та ручку для малювання. Wacom - одна з найпопулярніших торгових марок, коли мова йде про малювання планшетів.
3. Увімкніть відображення сітки в програмному забезпеченні для редагування зображень. Яке б програмне забезпечення ви не вибрали, увімкніть сітку. Це дозволяє чітко бачити, де розміщений кожен піксель. Зазвичай ви можете отримати доступ до сітки з меню Перегляд.
   • Ймовірно, вам доведеться спочатку встановити сітку, щоб кожен квадрат представляв 1 піксель. Метод цього залежить від програми. У GIMP ви можете змінити це за допомогою меню Зображення (виберіть "Встановити сітку ...").
4. Виберіть однопіксельний олівець. Виберіть інструмент «Олівець» у програмі для редагування зображень. З опцій Олівець виберіть однопіксельну кисть. За допомогою цього ви можете малювати в пікселях.

Частина 2 з 7: Відпрацюйте основні навички

1. Створіть новий образ. Оскільки ви будете працювати на рівні пікселів, зображення не повинно бути дуже великим. Повний екран в оригіналі Super Mario Bros. гра становить лише 256 х 224 пікселів. Сам Маріо - лише 12 х 16 пікселів!
2. Збільшувати. Оскільки ви будете працювати з окремими пікселями, вам доведеться наблизити дуже далеко, щоб ви могли чітко бачити сітку та де кожен піксель буде розміщений. Можливо, вам доведеться збільшити до 800%, щоб побачити пікселі в сітці.
3. Потренуйтеся в малюванні прямої лінії Це звучить просто, але якщо лінія відхиляється навіть на один піксель у центрі, це буде відображатися як неправильність. Вправляйтесь у малюванні прямих ліній за допомогою миші або ручки для малювання, щоб вам не довелося щоразу користуватися інструментом ліній.
4. Потренуйтеся в малюванні кривих ліній. Ви робите криві лінії, рухаючи піксельну лінію. Наприклад, ви можете створити приємну криву, перемістивши піксель через шість пікселів, після чого відбудеться зсув до трьох пікселів, а потім після двох пікселів. Потім зсуви змінюються для іншої частини кривої. Невдала крива починається зі зсуву на три пікселі, за яким йде один піксель, а потім ще три пікселі або інший дивний шаблон.
5. Використовуйте гумку, щоб скасувати помилки. Як і олівець, ви також встановлюєте Eraser Tool по одному пікселю за раз. Якщо гумка занадто велика, важко буде точно видалити пікселі.

Частина 3 з 7: Складання контуру вашого першого спрайту

1. Визначтесь, у чому полягає спрайт. Це буде анімація чи вона залишиться статичною? Ви можете додати більше деталей до статичного спрайту, але намагайтеся зробити рухливий спрайт простим, оскільки вам доведеться малювати частини по-різному для анімації. Якщо спрайт використовується з іншими спрайтами, дотримуйтесь художнього стилю, який робить все цілим.
2. Дізнайтеся, чи є якісь обмеження. Створюючи спрайт для проекту, визначте, чи є обмеження щодо розміру чи кольору. Це стає більш важливим, коли ви починаєте працювати над великими проектами з багатьма різними спрайтами.
   • Більшість сучасних систем насправді не мають жодних обмежень щодо кольору та розміру спрайтів. Якщо ви розробляєте гру спеціально для старих систем, ви можете зіткнутися з обмеженнями.
3. Зробіть ескіз дизайну. Зробіть основний дизайн спрайту на папері. Це дозволить побачити, як буде виглядати спрайт, а також внести корективи в поставу та інші атрибути. Ви можете використовувати цей ескіз, щоб відстежити його пізніше за допомогою планшета (якщо він у вас є).
   • Додайте більше деталей до ескізу. Створіть будь-які атрибути, які ви хочете додати, щоб ви мали уявлення про те, як виглядатиме спрайт, коли він буде закінчений.
4. Створіть контур у своїй програмі. Використовуйте накиданий контур як посилання або прорисуйте контур за допомогою планшета для малювання. Ви можете натиснути та намалювати, щоб створити лінійку або розмістити кожен піксель окремо. Вибір за вами.
   • Для першого спрайту використовуйте чорний як колір лінії. Це полегшить розрізнення контуру. Ви можете змінити колір контуру пізніше.
5. Очистіть контур. Збільште масштаб і видаліть зайві пікселі та зробіть лінії акуратними. Контур не може бути товщі пікселя. За допомогою олівця розміщуйте пікселі для виправлення помилок.
   • Зосередьтеся на більших частинах, створюючи контур. Ви завжди можете повернутися назад і внести незначні зміни пізніше.

Частина 4 з 7: Розфарбуйте ваш спрайт

1. Підготуйте свої базові знання з теорії кольорів. За допомогою кольорового круга визначте, які кольори вибрати. Кольори, які розташовані навпроти один одного, далекі один від одного, тоді як кольори, які на кольоровому колі розташовані близько один до одного, добре поєднуються.
   • Вибирайте кольори, завдяки яким ваш спрайт виділяється, не стикаючись з рештою кольорів. Уникайте пастелі, якщо тільки цей стиль не використовується протягом усього проекту.
2. Не використовуйте більше кількох кольорів. Чим більше кольору ви використовуєте, тим більш відволікаючим буде ваш спрайт. Перегляньте деякі знакові спрайти, і ви виявите, що вони часто використовують лише кілька кольорів.
   • Маріо - Класичний спрайт Маріо використовує лише три кольори, які всі близькі один до одного.
   • Sonic - Sonic має більше деталей, ніж оригінальний Mario, але все одно складається лише з чотирьох кольорів з тональними варіаціями.
   • Рю - Один з класичних спрайтів бойових ігор. Рю використовує великі кольорові ділянки, лише незначні зміни в тональних значеннях формують персонажа. Рю має лише п’ять основних кольорів з різними тональними значеннями.
3. Нанесіть кольори. Використовуйте інструмент заливки, щоб розфарбувати ваш спрайт. На даний момент ви використовуєте лише стандартні кольори, тому не хвилюйтеся, що це виглядає настільки рівно. Інструмент заливки замінює всі пікселі, що відповідають натиснутому пікселю, вибраним кольором, доки не буде виявлена ​​межа.

Частина 5 з 7: Застосування тональних значень

1. Визначте «джерело світла». Кут, під яким світло потрапляє на спрайт, допомагає визначити, куди кидати тіні для отримання більш реалістичного та правдоподібного ефекту. Хоча світла не видно, важливо знати, звідки воно виходить.
   • Напевно, найпростіше кинути тінь, коли джерело світла розміщений далеко над спрайтом, незалежно від того, справа чи зліва.
2. Застосовуйте тональні значення з трохи темнішим кольором, ніж базовий. Якщо джерело світла надходить зверху, тіні будуть знаходитися внизу спрайту. Затініть будь-яку поверхню, яка не зазнає прямого світла. Просто додайте кілька шарів пікселів у верхній або нижній частині контуру, щоб створити тіні.
   • Ви можете зменшити "яскравість" основного кольору і трохи збільшити значення "відтінок", щоб отримати гарний колір тіні.
   • Ніколи не використовуйте градієнти. Вони виглядають фальшивими та непрофесійними. Ви можете використовувати дизеринг для імітації градієнтів (див. Нижче).
3. Додайте до нього трохи м’яких тіней. Вибирайте відтінок між темною тінню та початковим базовим кольором. Використовуйте цей відтінок, щоб додати новий шар тіні між відтінками та базовим кольором. Це дає вам ефект переходу від темного до світлого.
4. Застосувати основні моменти. На спрайті є місця, де світло падає безпосередньо. Ви можете додати блики, додавши відтінок, який трохи світліший за базовий колір. Використовуйте світлі місця економно, оскільки вони можуть відволікати увагу.

Частина 6 з 7: Використання передових методик

1. Спробуйте працювати з розмиванням. Це ефект, який дозволяє художникам відображати зміну відтінку. Це дозволяє створити градієнт лише з кількома кольорами, почергово розміщуючи пікселі, створюючи переходи. Розміщення двох різних піксельних кольорів у візерунку та ступінь, в якому це відбувається, може здурити око тим, що здається, що існують різні відтінки.
   • Новичками часто зловживають растифікацією, тому краще не використовувати її, за винятком рідкісних випадків.
2. Практикуйте згладжування. Піксельне зображення визначається пікселями, які видно чітко, але іноді потрібно зробити лінії дещо плавнішими. Згладжування - це техніка, за допомогою якої ви можете досягти цього.
   • Додайте проміжні кольори до перегинів на кривій. Додайте шар перехідних кольорів навколо контуру кривої, щоб ви хотіли виглядати більш плавно. Якщо він продовжує виглядати блочно, додайте ще шар з більш світлим кольором.
   • Якщо ви хочете, щоб ваш спрайт контрастував з будь-яким кольоровим фоном, не використовуйте згладжування для зовнішнього краю контуру.
3. Використовуйте вибіркові контури. Це термін для використання того самого кольору контуру, що і кольору заливки. Це надає спрайту трохи менш «мультяшного» вигляду, оскільки контур виглядає дещо природнішим. Використовуйте вибіркові контури для шкіри та традиційні контури для одягу.
   • Використовуйте темніший відтінок, ніж базовий колір деталі, вибірково додаючи контури. Використовуйте джерело світла, щоб змінити відтінок, створюючи контур, роблячи спрайт природнішим. Це особливо корисно для тонусу шкіри та визначення м’язів.
   • Традиційні обриси прекрасні, якщо ви хочете, щоб спрайт відрізнявся від зайнятого фону.

Частина 7 з 7: Завершення штрихів

1. Подивись уважніше на спрайт. Зробіть крок назад і подивіться на спрайт таким, яким він став зараз. Перевірте, чи щось не так, та виправте недоліки чи помилки.
2. Додайте деталі. Закінчивши розфарбовування та застосовуючи тональні значення, ви можете додати такі деталі, як текст, очі, додаткові функції та все, що робить спрайт ще кращим. Увага до деталей в кінці проекту - це те, що відрізняє любителя від професійних піксельних художників.
3. Зробіть анімацію вашого спрайту. Якщо ви виконали наведені вище дії, тепер у вас є один статичний спрайт. Це приємно як витвір мистецтва, але якщо ви хочете зробити спрайти для ігор, їх, мабуть, потрібно буде анімувати. Це означає, що кожен кадр анімації отримує власний спрайт, з незначними змінами порівняно з попереднім кадром. Колекція всіх спрайтів, що використовуються в анімації, називається "спрайт-лист".
   • Перегляньте wikiHow для отримання додаткової інформації про анімацію листа спрайтів у GIMP.
   • Створення унікальної та захоплюючої анімації для спрайтів - це один із способів піксельних художників відрізнити себе від аматорів. Хороша анімація може повністю оживити спрайт.
4. Створіть портфоліо. Якщо ви хочете використовувати свої піксельні мистецькі навички у світі розробки відеоігор, вам потрібно буде створити надійне портфоліо, яке можна показати потенційним роботодавцям. Додайте сюди свої найкращі спрайти, а також деякі анімації, якщо вони є. Включіть різні теми, такі як персонажі, середовища, предмети тощо.