Untuk membetulkan baris atau lajur tambahan dalam eksport helaian sprite Affinity pada Mac, semak kedudukan, dimensi dan skala output segi empat eksport. Gunakan hirisan bersaiz tepat untuk helaian yang telah disusun, kemudian sahkan PNG yang dieksport sebelum mengubah karya seni.

Panduan ini merangkumi antara muka desktop Affinity semasa dan Slice Studio. Tugasnya ialah mengeksport grid sprite sedia ada pada dimensi piksel yang dikehendaki. Bantuan Affinity semasa menerangkan segi empat eksport tersuai dan output hirisan individu; langkah di bawah menggunakan kawalan tersebut secara langsung.

Kenal pasti sama ada piksel tambahan mengubah dimensi fail

Mula-mula, bezakan dua gejala: fail yang satu piksel terlalu besar dan fail berdimensi betul yang mengandungi piksel tepi yang tidak diingini. Kedua-duanya memerlukan semakan yang berbeza. Catat lebar dan tinggi yang dikehendaki, kemudian buka fail yang dieksport secara berasingan untuk menyemak dimensinya serta memeriksa baris dan lajur paling luar.

Gunakan pengiraan saiz jangkaan yang mudah. Sebagai contoh, helaian yang mengandungi empat bingkai 64 × 64 dalam satu baris mendatar, tanpa jidar atau celah, mempunyai sasaran 256 × 64 piksel. Eksport 256 × 65 mempunyai ketidakpadanan dimensi. Eksport 256 × 64 dengan baris bawah berwarna yang tidak diingini mempunyai dimensi yang betul, tetapi kandungan atau kedudukannya perlu diperiksa.

Perkara yang ditemui Semak dahulu Tindakan seterusnya yang berguna
Lebar atau tinggi terlebih satu piksel Sempadan eksport dan kedudukannya Tetapkan segi empat hirisan yang tepat
Dimensi berbeza dengan ketara Skala eksport dan DPI dokumen Semak resolusi output sebenar hirisan
Dimensi betul, tetapi tepi kelihatan salah Kedudukan karya seni dan kandungan yang kelihatan Periksa tepi tanpa mengubah saiz helaian
Eksport mengandungi karya seni yang tidak dijangka Jenis hirisan atau Area eksport Pilih sempadan kandungan yang dikehendaki

Affinity membezakan hirisan yang dilukis daripada hirisan yang dibuat daripada lapisan. Hirisan yang dilukis merangkumi semua lapisan yang kelihatan di dalam segi empatnya; hirisan yang terbit daripada lapisan hanya merangkumi kandungan lapisan sumbernya. Perbezaan ini penting apabila objek berdekatan atau latar belakang muncul dalam helaian yang dieksport. Lihat Mengeksport menggunakan Slice Studio.

Semak kedudukan piksel serta lebar dan tinggi

Lebar nombor bulat tidak membuktikan bahawa segi empat bermula pada sempadan piksel. Dalam ilustrasi geometri, segi empat selebar 256 piksel yang bermula pada X = 10.5 berakhir pada X = 266.5. Kedua-dua tepi berada di antara sempadan piksel. Ini menunjukkan mengapa menyemak lebar sahaja boleh terlepas masalah penjajaran; ini bukan dakwaan tentang formula rasterisasi tepat Affinity.

Untuk pemeriksaan berangka pada Mac, buka Window > General > Transform. Panel ini menyediakan X, Y, W dan H, serta pemilih titik sauh. Pilih sauh kiri atas apabila menyemak kedudukan kiri atas kawasan eksport segi empat. Ukuran menggunakan unit pembaris semasa dan relatif kepada titik asal pembaris. Kawalan ini diterangkan dalam Panel Transform.

Jika perlu, paparkan pembaris dengan View > Show > Rulers, kemudian Control-klik persilangannya dan pilih piksel. Jika anda pernah mengalihkan titik asal pembaris, klik dua kali persilangan itu untuk menetapkannya semula sebelum mendiagnosis koordinat. Affinity menerangkan kedua-dua tindakan dalam Pembaris.

Periksa kedudukan dan saiz sempadan eksport, bukannya memilih semua karya seni sprite dan membundarkan setiap nilai. Untuk helaian empat bingkai sebagai contoh, segi empat yang dikehendaki mungkin X = 0, Y = 0, W = 256, H = 64. Helaian sedia ada anda boleh bermula di tempat lain; gunakan kedudukan yang benar-benar merangkumi grid bingkainya.

Jika paparan angka menyembunyikan pecahan kecil, bantuan Transform menyatakan bahawa Settings > User Interface ialah tempat untuk melaraskan bilangan tempat perpuluhan. Tingkatkan ketepatan paparan semasa menyemak. Elakkan mengubah dimensi karya seni semata-mata supaya angka kelihatan kemas: perubahan saiz boleh mengubah kandungan bingkai.

Gunakan tetapan penjajaran piksel yang betul

Buka View > Snapping dan dayakan Force Pixel Alignment. Affinity menerangkan bahawa tetapan ini melekapkan objek vektor, nod, pemegang dan kawasan pemilihan piksel pada piksel penuh apabila ia dibuat, dialihkan atau diubah suai. Affinity juga memberi amaran bahawa melekap pada objek, panduan atau grid yang tidak sejajar dengan piksel boleh menghasilkan kedudukan yang tidak sejajar, jadi matikan sementara mod lekapan yang bercanggah semasa membetulkan. Lihat Penjajaran Piksel Paksa.

Untuk membetulkan kedudukan pecahan sedia ada, biarkan Move By Whole Pixels dimatikan. Pilihan itu mengehadkan jarak pergerakan dan boleh mengekalkan anjakan pecahan objek. Contohnya, menambah 10 pada X = 10.5 menghasilkan X = 20.5. Affinity membezakan tingkah laku ini secara jelas daripada Force Pixel Alignment dalam dokumentasi penjajaran piksel yang sama.

Anggap lekapan sebagai bantuan semasa menyunting. Selepas mengalihkan atau melaraskan sempadan yang berkaitan, semak semula nilai angkanya. Mendayakan pilihan lekapan sahaja tidak membuktikan bahawa setiap objek sedia ada telah dibetulkan.

Eksport helaian tersusun melalui satu hirisan yang tepat

Untuk helaian sedia ada, hirisan tersuai yang dilukis menyediakan cara yang didokumenkan untuk mengawal segi empat eksport tanpa menjadikan dimensinya bergantung pada keluasan kumpulan sprite yang berubah-ubah. Affinity mengesyorkan secara khusus penggunaan panel Transform dalam Slice Studio untuk meletakkan hirisan dengan tepat dan menetapkan dimensi yang tepat. Lihat Mengeksport hirisan.

  1. Buka Studio Manager, dayakan entri Studio Slice jika perlu, kemudian beralih kepadanya. Cara mendayakan entri Studio diterangkan dalam Menyesuaikan Studio.
  2. Pilih Slice Tool dan seret segi empat di sekeliling helaian yang telah disusun. Alat ini tersedia secara lalai dalam Slice Studio; pintasan papan kekuncinya ialah S. Lihat Alat Slice.
  3. Dengan hirisan yang dilukis dipilih, gunakan Transform untuk menetapkan kedudukan, lebar dan tinggi yang dikehendaki. Untuk helaian contoh, gunakan W = 256 px dan H = 64 px, kemudian letakkannya merangkumi empat bingkai.
  4. Buka Window > General > Slices, kembangkan entri hirisan dan pilih PNG sebagai format failnya. Semak skala saiz dan resolusi output yang dipaparkan.
  5. Eksport saiz yang dikehendaki menggunakan kawalan eksport saiz itu, atau biarkan hanya hirisan yang dikehendaki ditandakan dan gunakan Export Slices. Pilih folder destinasi dan klik Export.

Dokumentasi Panel Slices menerangkan pemilihan format fail, skala saiz dan entri eksport yang ditandakan. Arahan berasingan Mengeksport hirisan membezakan cara mengeksport satu saiz, satu format atau semua output hirisan yang ditandakan. Untuk eksport diagnostik pertama, pilih satu output PNG supaya fail yang diperiksa tidak mengelirukan.

Sebelum mengeksport, semak lapisan yang kelihatan di dalam segi empat. Hirisan yang dilukis merangkumi kandungannya. Jika sebaliknya anda membuat hirisan daripada kumpulan atau lapisan, sempadan awalnya mengikut keluasan item itu dan outputnya hanya mengandungi item sumber tersebut. Gunakan jenis hirisan yang sepadan dengan helaian yang dikehendaki, seperti yang diterangkan dalam Mengeksport menggunakan Slice Studio.

Kekalkan ruang kosong yang disengajakan di dalam setiap bingkai. Dalam contoh empat bingkai, setiap bingkai mesti mengekalkan peruntukan 64 × 64 walaupun grafik di dalamnya jauh lebih kecil. Mengecilkan eksport agar rapat pada karya seni yang kelihatan akan mengubah grid yang hendak anda hasilkan.

Semak DPI sebelum menganggap 1x bermaksud bilangan piksel yang dijangka

Affinity menerangkan hubungan antara DPI dokumen dengan saiz 1x, 2x dan 3x Slice Studio. Contohnya menunjukkan dokumen 64 × 64 px dieksport pada 64 × 64 pada 1x apabila DPI dokumen ialah 72 atau 96. Pada 144 DPI, output 1x yang didokumenkan ialah 32 × 32, manakala 2x menghasilkan 64 × 64. Lihat jadual dalam Mengeksport menggunakan Slice Studio.

Semak resolusi yang dipaparkan pada hirisan dan dimensi fail yang terhasil. Jika skala menjelaskan ketidakpadanan itu, laraskan persediaan eksport sebelum mengubah saiz bingkai. Mengubah geometri helaian untuk mengimbangi tetapan skala eksport akan menyukarkan penyelenggaraan sumber.

Gunakan dialog Export apabila helaian sudah memenuhi satu artboard

Jika seluruh helaian memenuhi satu artboard, anda boleh menggunakan File > Export > Export, memilih pratetap PNG dan menetapkan Area kepada artboard bernama itu. Periksa pratonton dan dimensi output, pilih Ask for Location, kemudian eksport dan simpan. Show in Finder boleh menunjukkan destinasi selepas itu. Ini ialah langkah Mac semasa dalam Dialog Export.

Pilih kawasan dengan teliti. Dokumentasi semasa Tetapan Export menyatakan bahawa output Whole document daripada dokumen yang mengandungi artboard menghasilkan fail imej berasingan untuk setiap artboard. Mengeksport beberapa artboard dengan cara ini tidak menggabungkannya menjadi satu imej helaian sprite. Untuk satu helaian, susun bingkai dalam satu segi empat yang dikehendaki dan eksport segi empat itu.

Dialog Export juga membolehkan lebar dan tinggi output alternatif, dengan kunci nisbah aspek. Gunakan medan itu untuk mengesahkan dimensi yang dikehendaki. Elakkan memaksa hasil 256 × 65 menjadi 256 × 64 sebagai pembaikan pertama: mengubah dimensi output mungkin mensampel semula imej dan bukannya membetulkan sempadan asal. Affinity menerangkan kawalan saiz dan pensampelan semula ini dalam Tetapan Export.

Ambil kira had format dan eksport

PNG ialah pilihan yang sesuai apabila helaian memerlukan ketelusan; Affinity menyenaraikan sokongan ketelusan PNG secara jelas dalam Format fail yang disokong. Jika anda sengaja membesarkan karya seni piksel yang tepinya jelas, Affinity menerangkan Nearest Neighbor sebagai pilihan pensampelan semula untuk imej bertajam. Pilihan ini berkaitan dengan penskalaan, bukannya pembaikan bagi segi empat eksport yang diletakkan secara salah. Lihat Tetapan Export.

Semak juga Include bleed jika tersedia. Affinity mendokumenkan pilihan ini untuk PNG dan menyatakan bahawa mengaktifkannya menyertakan kawasan bleed yang dikonfigurasikan untuk dokumen. Matikannya apabila output yang diperlukan ialah tepat mengikut segi empat grid sprite. Dokumentasi yang sama memberi amaran bahawa eksport yang melebihi dimensi maksimum sesuatu format akan diskalakan supaya muat, dan dialog Export akan memaparkan amaran. Lihat Tetapan Export.

Aliran kerja hirisan yang didokumenkan mengeksport kawasan yang ditetapkan; ia tidak menyediakan arahan untuk pembungkusan bingkai automatik, pemasaan animasi atau metadata sprite atlas umum. Secara khusus, Batch builder didokumenkan khas untuk kelompok JSON Xcode daripada hirisan ikon Apple. Untuk tugas ini, cara yang disokong ialah menyusun bingkai sendiri dan mengeksport segi empat yang merangkuminya, bukannya menggunakan Batch builder sebagai penjana atlas. Lihat Panel Slices.

Sahkan PNG yang dibetulkan sebelum mengubah apa-apa lagi

Buka eksport baharu secara berasingan dan sahkan tiga perkara: dimensi pikselnya yang tepat, baris dan lajur paling luar serta sempadan bingkai. Dalam helaian 256 × 64 sebagai contoh, pembahagian bingkai menegak sepatutnya berada pada jarak 64, 128 dan 192 piksel dari tepi kiri. Nilai ini diperoleh secara langsung daripada susun atur empat bingkai yang dinyatakan.

Jika saiz fail kini betul tetapi piksel yang tidak diingini masih ada, periksa kandungan sumber yang kelihatan pada lokasi tersebut. Jika fail masih terlebih satu piksel, semak semula hirisan yang dipilih, nilai X/Y/W/H, skala output dan tetapan bleed. Urutan ini membezakan masalah sempadan daripada masalah kandungan tanpa perlu mengubah saiz karya seni berulang kali.

Simpan segi empat eksport dan persediaan eksport yang telah dibetulkan bersama dokumen. Hasil yang diperlukan ialah PNG yang dimensi dan grid bingkainya sepadan dengan susun atur yang dikehendaki. Selepas kedua-dua semakan lulus, anda tidak perlu membuang baris atau lajur daripada fail siap secara agak-agak.

Sumber