MicroTools

Spritesheet Creator

Малюйте піксель-арт покадрово з onion-skinning і експортуйте спрайтшит PNG.

7×
Size: 1px
Preview

0 frames · 64×64px per frame
Output: 0×NaNpx

Frames — 1 of 0 (64 max)

Про інструмент Spritesheet Creator

Безкоштовний онлайн-редактор піксель-арту та спрайтшитів. Малюйте кадри на полотні інструментами олівець, гумка, заливка, лінія, прямокутник та еліпс. Використовуйте onion-skinning (прозорість попередніх кадрів) для плавної анімації, переглядайте анімацію з будь-яким FPS і експортуйте готовий PNG-спрайтшит. Підтримує дзеркальне малювання, сітку, скасування/повернення, дублювання кадрів і розміри від 16×16 до 128×128.

Як використовувати

  1. 1Оберіть розмір кадру у списку (наприклад, 32×32 для дрібних ігрових спрайтів).
  2. 2Намалюйте перший кадр олівцем. Обирайте кольори з палітри або за допомогою піпетки.
  3. 3Натисніть "+ Add", щоб створити новий кадр. Увімкніть Onion Skin, щоб бачити попередній кадр напівпрозорим.
  4. 4Повторіть для кожного кадру анімації. Використовуйте "Дублювати" як базу для наступного кадру.
  5. 5Натисніть ▶ Play для попереднього перегляду анімації. Налаштуйте FPS за потреби.
  6. 6Натисніть "Export PNG" для завантаження спрайтшиту. Задайте кількість колонок для сіткового розкладу.

Часті запитання

Що таке спрайтшит?
Спрайтшит — це один файл зображення, що містить усі кадри анімації в сітці або смужці. Ігрові рушії використовують спрайтшити для ефективного відтворення анімацій, вибираючи різні ділянки зображення.
Які розміри кадрів підтримуються?
Готові розміри: 16×16, 32×32, 48×48, 64×64, 128×128, 16×32, 32×64, 64×32. Обирайте розмір, що відповідає вашому проекту, перед малюванням.
Що таке onion skinning?
Onion skinning показує попередній кадр (або кілька кадрів) напівпрозорим поверх поточного полотна. Це допомагає відстежувати рух і робити анімацію плавнішою — та сама техніка, що використовується в традиційній целулоїдній анімації.
Чи можна завантажити існуюче зображення?
Так. Натисніть "Upload image to frame", щоб завантажити PNG або JPEG у поточний кадр, масштабований за розміром полотна. Потім можна домалювати зверху.
Як експортувати спрайтшит?
Натисніть "Export PNG". За замовчуванням кадри розташовуються горизонтально. Задайте "Columns = 4" для сітки 4 колонки. Параметр Scale дозволяє експортувати у 2×, 4× або 8× від розміру полотна.

Інформація

Категорія
dev
Використання
Необмежено

Схожі інструменти

Image Editor

Редагуйте зображення з пресетами та повзунками — Cyberpunk, Vintage, Noir та інші.

CSS Visual Generator

Генеруйте CSS-градієнти, тіні та border-radius візуально з живим попереднім переглядом.

Більше інструментів: dev

JSON Formatter

Форматуйте, валідуйте та прикрашайте JSON-дані.

Base64 Encode/Decode

Кодуйте текст у Base64 або декодуйте Base64 у текст.

Encoder / Decoder

Кодуйте та декодуйте текст у 15+ форматах: Base64, URL, Hex, Binary, Morse, ROT13, JWT, SHA-256 та інші.

GitHub Repository Scanner

Візуалізуйте будь-який публічний репозиторій GitHub: файлове дерево, статистика, README та учасники.