Untuk mengekspor beberapa gambar bermasker dari satu dokumen Affinity di Mac, buat slice berbasis layer untuk setiap aset bermasker yang lengkap, lalu ekspor slice yang dicentang sebagai PNG. Langkah pentingnya adalah memilih gambar bersama mask-nya, alih-alih menggambar persegi panjang ekspor di sekelilingnya.

Panduan ini membahas antarmuka desktop Affinity saat ini dan cara menghasilkan gambar terpisah yang dapat digunakan kembali dengan tampilan bermaskernya. Dokumentasi saat ini menyebut ruang kerja ekspor sebagai Slice Studio. Fitur ini mengekspor layer, grup, objek, dan artboard dalam berbagai format dan ukuran. Mengekspor menggunakan Slice Studio

Apa yang harus disertakan dalam setiap aset yang diekspor?

Mulailah dengan mengidentifikasi seluruh struktur layer yang menghasilkan setiap gambar akhir. Mask di Affinity dapat diterapkan ke layer, grup, atau objek tertentu; mask induk yang berdiri sendiri juga dapat memengaruhi layer di bawahnya. Karena itu, memilih mask saja belum tentu memilih gambar yang dikendalikannya. Masking layer

Untuk alur kerja ini, anggap satu aset akhir sebagai satu target ekspor: gambar dengan mask yang diterapkan padanya, atau grup yang berisi komponen-komponen yang diperlukan untuk aset tersebut. Jika sebuah mask saat ini memengaruhi beberapa aset terpisah, bereskan strukturnya sebelum membuat slice. Jika tidak, mengekspor satu elemen anak dapat menghilangkan komponen tingkat induk yang turut membentuk tampilannya.

Panduan keputusan berikut menggabungkan perilaku masking dan slice yang didokumentasikan Affinity:

Struktur dokumen Anda Target ekspor yang perlu disiapkan
Satu gambar dengan mask yang diterapkan padanya Entri induk gambar tersebut, termasuk mask yang diterapkan padanya
Beberapa layer membentuk satu grafis bermasker Grup yang berisi seluruh grafis dan mask-nya
Grup bermasker berisi beberapa aset yang diinginkan Target lengkap terpisah untuk setiap aset sebelum mengekspor
Beberapa grafis sudah digabungkan menjadi satu gambar Siapkan layer atau grup bermasker secara terpisah terlebih dahulu; slice persegi panjang saja tidak memisahkan grafis yang saling tumpang tindih

Perbedaan ini penting karena Affinity mendokumentasikan dua perilaku slice yang berbeda: slice yang dibuat dari entri Export Layers hanya menyertakan konten layer tersebut, sedangkan slice yang digambar dengan Slice Tool menyertakan semua layer yang terlihat di dalam persegi panjangnya. Gunakan slice yang dibuat dari layer saat Anda menginginkan aset bermasker yang terpisah tanpa karya di sekitarnya. Mengekspor menggunakan Slice Studio

Ekspor ini menghasilkan tampilan akhir yang sudah bermasker. Ini bukan cara untuk mendapatkan kembali file gambar asli tanpa perubahan atau menyertakan mask yang dapat diedit di dalam PNG. Simpan master Affinity yang dapat diedit: menyimpan akan mempertahankan informasi proyek, sedangkan mengekspor menghasilkan format untuk dibagikan. Menyimpan

Siapkan satu target lengkap untuk setiap gambar bermasker

Gunakan File > Save As untuk membuat salinan kerja sebelum menata ulang dokumen yang sudah ada. Dokumen Affinity saat ini menggunakan ekstensi .af. Menyimpan dokumen baru memungkinkan Anda mempertahankan versi yang sebelumnya disimpan. Menyimpan

Di panel Layers, luaskan entri aset pertama dan identifikasi gambar, mask, serta komponen pendukungnya. Pastikan mask aktif dan target menampilkan hasil yang diinginkan. Mask yang nonaktif dapat dikenali dari garis merah diagonal pada thumbnail yang diciutkan; mask yang diperluas memiliki kontrol visibilitas sendiri. Masking layer

Jika beberapa objek membentuk satu aset, pilih objek-objek tersebut lalu pilih Layer > Group. Mask dan penyesuaian yang diterapkan pada grup akan memengaruhi isinya. Pertahankan hubungan gambar dan mask yang sudah ada saat membuat grup; mengelompokkan objek yang tidak terkait tidak dengan sendirinya membentuk susunan masking yang diinginkan. Mengelompokkan

Beri setiap target nama deskriptif yang berbeda. Misalnya, komposisi sintetis dapat berisi tiga aset bernama circle-grid, rounded-stripes, dan hexagon-dots. Untuk mengganti nama grup, klik dua kali namanya di panel Layers, ketik nama pengganti, lalu tekan Return. Mengelompokkan

Sebelum melanjutkan, periksa setiap target secara terpisah di hierarki layer. Pertanyaan praktisnya adalah apakah entri tersebut berisi semua yang diperlukan untuk merender asetnya. Pemeriksaan ini sangat berguna ketika komposisi menggunakan mask bersama atau penyesuaian di atas beberapa grup.

Buat dan ekspor slice berbasis layer

1. Aktifkan Slice Studio dan panelnya

Buka Studio Manager, aktifkan Slice Studio, lalu beralih ke sana. Dokumentasi bantuan saat ini menyebutkan bahwa Studio ini tersembunyi secara default, jadi ketiadaannya dari pilihan ruang kerja yang terlihat bukan berarti fiturnya tidak tersedia. Slice Studio

Tampilkan panel yang diperlukan melalui menu Mac:

  • Window > General > Export Layers
  • Window > General > Export Options
  • Window > General > Slices

Itulah lokasi panel desktop yang didokumentasikan. Panel Export Layers (Slice Studio), Panel Export Options, Panel Slices

2. Atur pengaturan default, lalu buat setiap slice

Di Export Options, pilih Defaults, pilih pengaturan PNG yang diinginkan, lalu kembali ke Selection setelah selesai. Pengaturan default berlaku untuk slice berikutnya yang Anda buat. Mengekspor slice

Di Export Layers, pilih target bermasker lengkap yang pertama lalu klik Create Slice. Ulangi untuk target lainnya. Pilih gambar atau grup lengkap dengan mask yang tetap melekat, bukan hanya entri mask. Panel ini mendukung pembuatan slice dari layer, grup, objek, dan artboard. Panel Export Layers (Slice Studio)

Slice yang dibuat dari layer secara otomatis menyesuaikan ukurannya dengan batas item yang dipilih. Periksa batas yang dihasilkan, alih-alih menganggap ukurannya persis sesuai dengan piksel opak yang terlihat: dokumentasi menjelaskan bahwa ukuran mengikuti batas item, bukan menjanjikan pemangkasan otomatis hingga ke setiap tepi mask. Mengekspor menggunakan Slice Studio

3. Konfigurasikan hasil dan lakukan pengujian kecil

Luaskan setiap entri di Slices, lalu periksa nama file, format, dan ukurannya. Setiap slice dapat memuat beberapa format ekspor, dan setiap format dapat memuat beberapa ukuran. Untuk tiga aset sintetis di atas, mulailah dengan satu keluaran PNG per slice agar hasil awal mudah diperiksa. Panel Slices

Ekspor satu slice menggunakan kontrol ekspornya masing-masing. Buka hasilnya dan periksa garis tepi mask, transparansi, dimensi piksel, serta ketiadaan grafis di sekitarnya. Menguji satu aset terlebih dahulu akan memudahkan Anda menemukan target ekspor atau pengaturan format yang keliru.

Setelah pengujian, centang entri slice yang diinginkan dan hapus centang pada entri seluruh halaman atau entri lain yang tidak diperlukan. Klik Export Slices (n), pilih folder tujuan, lalu klik Export. Tindakan ini mengekspor format dan ukuran yang dikonfigurasi untuk slice yang dicentang. Folder ekspor hanya diingat selama sesi pengeditan saat ini. Mengekspor slice

Untuk menyamakan hasil ekspor, panel Slices menyediakan Copy export setup to clipboard dan Replace export setup from clipboard. Konfigurasikan satu slice, salin pengaturannya, lalu terapkan pengaturan tersebut pada slice target lain. Periksa kembali slice tujuan setelahnya karena penggantian akan mengubah konfigurasi ekspornya. Panel Slices

Pengaturan format dan ukuran mana yang mempertahankan hasil sesuai keinginan?

PNG adalah titik awal yang cocok untuk aset raster bermasker karena Affinity secara khusus mendokumentasikan dukungan transparansinya. Pertahankan mask yang dapat diedit dalam master .af dan gunakan PNG sebagai aset gambar akhir. Format file yang didukung, Menyimpan

Periksa pengaturan Matte ekspor jika hasilnya memiliki latar belakang yang tidak diinginkan: Affinity mendefinisikan Matte sebagai warna latar belakang gambar yang diekspor. Periksa juga objek latar belakang opak di dalam grup target, karena mengekspor seluruh grup akan menyertakan objek tersebut. Pengaturan Ekspor

Jangan berasumsi bahwa 1x selalu berarti dimensi piksel dokumen yang ada. Affinity mengaitkan skala slice dengan DPI dokumen. Contoh yang didokumentasikan menunjukkan dokumen berukuran 64 × 64 piksel pada 144 DPI diekspor menjadi 32 × 32 piksel untuk 1x dan 64 × 64 piksel untuk 2x. Periksa dimensi ekspor yang ditampilkan sebelum menjalankan seluruh rangkaian. Mengekspor menggunakan Slice Studio

Mengubah ke wadah vektor juga perlu dilakukan dengan cermat. Untuk PDF, SVG, dan EPS, pengaturan Rasterize Affinity menentukan apa yang terjadi pada elemen desain yang tidak didukung. Nothing menghilangkan elemen yang tidak didukung; Unsupported properties merasterisasi elemen tersebut; Everything merasterisasi seluruh desain. Karena itu, memilih SVG tidak menjamin versi gambar bermasker yang sepenuhnya berupa vektor dan dapat diedit. Pengaturan Ekspor

Untuk pertukaran file yang dapat diedit, pahami keterbatasan PSD dan TIFF yang berbeda dari kebutuhan pengiriman PNG. Dokumentasi format Affinity menyebutkan bahwa teks dirasterisasi saat ekspor PSD. Opsi TIFF Save Affinity layers mempertahankan layer yang hanya dapat dibaca saat file dibuka kembali di Affinity. Keduanya tidak menjamin bahwa aplikasi lain akan mereproduksi seluruh struktur dokumen yang dapat diedit. Format file yang didukung, Pengaturan Ekspor

Apa yang perlu diperiksa jika hasil ekspor keliru?

Gunakan urutan diagnosis ini sebelum menyusun ulang dokumen:

  1. Karya lain ikut muncul: periksa apakah slice digambar dengan Slice Tool. Buat slice dari target lengkap di Export Layers agar konten target tersebut terisolasi.
  2. Tampilan bermasker hilang: periksa apakah Anda memilih elemen anak di bawah induk yang memiliki mask, atau memilih mask saja. Buat ulang slice dari target lengkap.
  3. File kosong: periksa Make item visible in export, termasuk pengaturan induknya. Visibilitas ekspor terpisah dari visibilitas item biasa.
  4. Batas berubah tanpa diduga: jika Anda mengubah ukuran slice yang dibuat dari layer secara manual, pilih slice tersebut dengan Slice Tool lalu pilih Revert to auto sized.
  5. Dimensi piksel keliru: periksa DPI dokumen dan skala slice sebelum mengubah karya.

Pemeriksaan ini mengikuti kontrol slice, visibilitas, dan ukuran yang didokumentasikan. Mengekspor menggunakan Slice Studio, Panel Export Layers (Slice Studio), Mengekspor slice

Untuk satu aset yang bermasalah, gunakan dialog Export sebagai alternatif diagnostik: pilih target lengkapnya, pilih File > Export > Export, pilih PNG, lalu atur Area ke Selection Only. Selection Area menyertakan layer bertumpang tindih yang tidak dipilih, sedangkan Selection Only mengecualikannya. Ekspor aset tersebut, periksa hasilnya, lalu kembali ke pengaturan slice setelah targetnya benar. Dialog Export

Alur kerja ekstraksi yang andal dimulai dengan menyiapkan target bermasker lengkap, menetapkan slice buatan layer untuk masing-masing target, dan memeriksa satu file hasil ekspor sebelum memproses seluruh rangkaian. Setelah mask, transparansi, batas, dan dimensi piksel sesuai dengan aset yang diinginkan, ekspor slice yang dicentang dan simpan master yang dapat diedit untuk revisi mendatang.

Sumber