Cara Merencanakan Lembar Sprite yang Dapat Digunakan Kembali untuk Beberapa Status Animasi Hewan Peliharaan

Buat daftar status yang diperlukan hewan peliharaan sebelum memilih dimensi lembar. Serangkaian kecil status mungkin mencakup diam (idle), bergerak (move), dan reaksi singkat; daftar pastinya bergantung pada proyek. Untuk setiap status, tentukan apakah status tersebut berulang (loop), diputar sekali, atau berbalik arah di bagian akhir. Tandai bingkai pertama dan terakhir serta perkirakan berapa banyak pose berbeda yang dibutuhkan gerakan tersebut. Ini adalah bantuan perencanaan, bukan formula animasi baku.

Di Aseprite, tag bingkai dapat menandai rentang sebagai animasi bernama, dan setiap tag dapat menentukan pemutaran maju, mundur, atau ping-pong. Menamai dan menandai rentang saat Anda merencanakan membuat batas status terlihat di file sumber, bahkan jika Anda kemudian mengekspornya bersamaan. Aseprite: Tags

Tetapkan lebar dan tinggi sel yang konsisten untuk bingkai animasi jika alat penerima mengharapkan kisi reguler. Sediakan ruang untuk pose terlebar hewan peliharaan, telinga atau ekor yang terangkat, dan gerakan kecil apa pun di luar tubuh. Tempatkan hewan peliharaan relatif terhadap jangkar bersama, seperti bagian tengah kakinya atau bagian tengah pose diamnya. Saat hewan peliharaan berganti pose, gerakkan gambar di sekitar jangkar tersebut daripada menggeser jangkar itu sendiri; jika tidak, hewan peliharaan mungkin tampak melompat antarbingkai.

Kisi tetap mudah dipotong-potong karena setiap sel memiliki dimensi serta posisi baris atau kolom yang sama. Impor lembar sprite Aseprite meminta lebar dan tinggi bingkai, serta mendukung offset dan padding saat gambar memiliki celah. Jika ukuran bingkai berbeda jauh atau memerlukan titik tumpu (pivot) individual, atlas dengan metadata per bingkai mungkin lebih cocok daripada kisi yang seragam. Aseprite: Sprite sheets

Buat sketsa denah tata letak kecil dengan nama status dan rentang bingkai. Untuk kisi reguler, sediakan satu baris per status dan jaga agar bingkai setiap status tetap dalam urutan pemutaran dari kiri ke kanan. Jika jumlah bingkai berbeda di setiap status, biarkan sel yang tidak terpakai kosong atau gunakan strip terpisah per status; jangan letakkan pose yang tidak terkait ke dalam satu baris hanya untuk mengisinya. Urutan mendatar memang ringkas tetapi bisa lebih sulit untuk diperiksa; matriks membuat pengelompokan status lebih jelas bagi manusia dan pengimpor berbasis kisi yang sederhana.

Tidak ada konvensi urutan baris yang universal. Urutan yang diharapkan pengimpor sangat penting: dokumentasi Aseprite mencatat bahwa jenis lembar memengaruhi urutan pengambilan bingkai saat mengimpor, dan ekspornya mendukung tata letak horizontal, vertikal, dan matriks. Pilih urutan yang dapat ditafsirkan oleh mesin target, lalu catat dalam catatan proyek atau metadata. Aseprite: Sprite sheets

Perlakukan lembar sprite sebagai gambar hasil jadi (delivery), bukan satu-satunya sumber yang dapat diedit. Simpan proyek asli beserta lapisan, bingkai, tag, dan irisannya agar Anda dapat mengubah status individual tanpa merekonstruksinya dari hasil ekspor yang sudah digabungkan (flattened). Aseprite mendokumentasikan bahwa file .aseprite miliknya mempertahankan informasi seperti lapisan, bingkai, tag, dan irisan; ekspor PNG berguna untuk menggunakan karya seni di tempat lain. Aseprite: Files

Tambahkan metadata jika runtime perlu menemukan bingkai atau membaca pengaturan waktu dan nama status. Opsi ekspor Aseprite mencakup data JSON, kontrol padding, pemangkasan (trimming), dan pemilihan tag. Saat menggunakan tata letak padat (packed layout) atau pemotongan berukuran variabel, pertahankan metadata tersebut bersama gambar: koordinat piksel tidak dapat disimpulkan secara aman hanya dari baris dan kolom saja. Irisan Aseprite juga dapat menyimpan batas bernama dan titik tumpu, dan informasi irisan dapat disertakan dalam JSON lembar sprite. Aseprite: ExportSpriteSheet, Aseprite: Slices

Padding mendeskripsikan ruang kosong antarbingkai atau di sekeliling lembar; jumlah yang tepat bergantung pada pengimpor dan bagaimana tekstur akan diambil sampelnya (sampled). Jaga agar sel tetap terpisah jika alur kerja target memerlukan celah yang terlihat atau jika Anda ingin memeriksa batas dengan mudah. Jika bingkai bersentuhan, pastikan pengimpor masih dapat memotongnya dengan andal. Aseprite menampilkan padding tepi, bentuk, dan dalam sebagai pengaturan ekspor yang berbeda, jadi periksalah arti setiap pengaturan di alat tersebut daripada memperlakukan "padding" sebagai satu opsi universal. Aseprite: ExportSpriteSheet

Pemangkasan (trimming) menghapus margin transparan, yang dapat mengurangi area kosong tetapi dapat mengubah batas bingkai yang diekspor. Jika Anda memangkas bingkai, pertahankan offset, titik tumpu, atau metadata lain yang diperlukan untuk menempatkan kembali hasil pangkas yang terlihat pada jangkar bersama. Jika tidak, pose dengan siluet yang lebih kecil dapat tampak bergeser meskipun gambar aslinya sudah disejajarkan dengan benar. Untuk alur kerja kisi reguler tanpa metadata per bingkai, hindari memangkas sel individual kecuali pengimpor mempertahankan informasi perataan aslinya.

Sebelum mengekspor, tinjau status yang direncanakan secara berurutan. Periksa apakah bingkai pertama dan terakhir dari setiap perulangan (loop) menyatu sebagaimana mestinya, aksi sekali putar berhenti pada pose akhir yang sesuai, dan jangkar hewan peliharaan tetap stabil secara visual. Kemudian impor lembar menggunakan urutan bingkai target, dimensi sel, offset, dan padding. Putar setiap status pada pengaturan waktu yang dimaksudkan; lembar yang terlihat rapi di penampil gambar masih bisa memiliki pemotongan yang salah, bingkai yang terlewat, atau urutan yang tertukar di dalam pengimpor.

Gunakan pemeriksaan ringkas ini sebelum menyerahkan lembar ke langkah berikutnya:

• Setiap status memiliki nama dan rentang bingkai yang jelas.

• Dimensi kisi, dimensi bingkai, dan urutan pembacaan sesuai dengan pengimpor.

• Hewan peliharaan tetap sejajar dengan jangkar yang sama di berbagai pose.

• Pemotongan dan padding tidak memotong detail atau mencampurkan sel yang bertetangga.

• Metadata yang diekspor, jika digunakan, menyertai gambar yang benar dan mendeskripsikan tata letak saat ini.

• Sumber yang dapat diedit tetap tersedia untuk revisi di kemudian hari.

Pertama, tulis daftar status dan perilaku pemutaran. Selanjutnya, putuskan apakah pengimpor mengharapkan kisi reguler atau dapat menggunakan metadata bingkai. Tetapkan ukuran sel dan jangkar dari pose terlebar, petakan setiap status ke dalam baris atau rentang bingkai bernama, dan baru setelah itu gambar serta sempurnakan animasinya. Ekspor lembar uji coba kecil lebih awal dan impor ke runtime sebenarnya sebelum menyelesaikan semua pose. Pengujian tersebut mengungkapkan asumsi tata letak selagi perubahannya masih berbiaya murah.

Pilihan perencanaan utama adalah kesepakatan (kontrak) antara karya seni dan pengimpor: kisi reguler membutuhkan sel yang konsisten dan urutan yang diketahui; lembar yang dipadatkan atau dipangkas membutuhkan metadata yang andal dan informasi penempatan yang dipertahankan. Buat kontrak tersebut secara eksplisit, maka animasi sumber yang sama dapat tetap terorganisir sementara tata letak yang diekspor berubah sesuai kebutuhan proyek.

• Sprite sheets — Dokumentasi Aseprite

• Tags — Dokumentasi Aseprite

• Files — Dokumentasi Aseprite

• ExportSpriteSheet — API Aseprite

• Slices — Dokumentasi Aseprite