Untuk menjaga konsistensi garis tipis checklist, buat desain pada dimensi PNG yang dituju, samakan geometri elemen yang berulang, dan periksa penempatan pikselnya sebelum mengekspor. Pengaturan ketebalan goresan saja tidak dapat menjamin hasil yang tampak sama pada setiap ukuran keluaran.

Panduan ini membahas grafik checklist yang dibuat dengan aplikasi desktop Affinity versi terkini di Mac: kotak kosong yang berulang, garis horizontal, dan label netral seperti “Item A.” Tujuannya adalah menghasilkan PNG yang bersih dengan ukuran tertentu. Jalur menu mengikuti dokumentasi Pusat Bantuan Affinity terkini.

Mengapa garis dengan lebar sama bisa tampak berbeda?

Mulailah dengan membedakan geometri karya dari pratinjau pikselnya. Tampilan Vektor Affinity menampilkan tepi vektor yang mulus pada tingkat zoom apa pun. Tampilan Piksel merepresentasikan karya vektor sebagai piksel individual, sedangkan tampilan Piksel Retina merepresentasikan tampilannya pada layar beresolusi tinggi. Gunakan View > Mode > Pixels untuk memeriksa desain yang akan dikeluarkan sebagai gambar biasa. Mode tampilan

Dua garis dapat memiliki ketebalan goresan yang identik, tetapi menempati posisi yang berbeda terhadap kisi piksel. Affinity secara eksplisit mengizinkan posisi pecahan piksel saat Paksa Perataan Piksel dinonaktifkan. Dokumentasinya juga memperingatkan bahwa menempel ke objek yang posisinya tidak sejajar dengan piksel dapat menghasilkan posisi yang tidak sejajar dengan piksel, sekalipun perataan piksel diaktifkan. Paksa Perataan Piksel

Kesimpulan praktisnya, menyamakan lebar hanyalah satu bagian dari pekerjaan. Samakan juga penempatan, orientasi, dan skala keluaran. Untuk checklist, bandingkan fitur yang setara: sisi kotak yang lurus dengan sisi kotak yang lurus, dan garis horizontal dengan garis horizontal. Sudut membulat dan tanda diagonal memiliki geometri berbeda, jadi jangan menilainya berdasarkan apakah pola pikselnya sama.

Tetapkan satu perlakuan garis yang konsisten

Pilih satu kotak atau garis yang mewakili, lalu buka Window > Vector > Stroke. Panel ini menyediakan kontrol gaya garis, lebar, ujung, sambungan, perataan, dan tekanan. Untuk checklist sederhana, gunakan garis utuh dan periksa profil tekanan sebelum menganggap nilai lebar sebagai bukti ketebalan yang seragam. Samakan pengaturan elemen yang setara. Panel Goresan

Untuk bentuk kotak tertutup, pilih satu perataan goresan dan gunakan secara konsisten. Pilihan yang didokumentasikan menempatkan goresan di tengah, di bagian dalam, atau di bagian luar tepi objek. Karena itu, perataan mengubah posisi batas yang terlihat terhadap geometri bentuk. Periksa juga Order: menggambar goresan di belakang bentuk tertutup yang terisi dapat menyembunyikan separuh bagian dalamnya. Panel Goresan

Periksa perilaku pengubahan ukuran sebelum menyesuaikan sekumpulan kotak. Scale with Object mengatur apakah garis ikut diskalakan bersama bentuk tertutup. Panel Transform juga memiliki Scale Override, yang dapat memaksa ketebalan goresan dan properti lain ikut diskalakan saat ukuran diubah. Jika kotak yang sebelumnya diubah ukurannya tampak berbeda, periksa kedua kontrol ini sebelum menetapkan lebar akhir yang sama. Panel Goresan, Panel Transform

Untuk garis horizontal sederhana, persegi panjang berisi yang tipis juga bisa digunakan. Rectangle Tool menyediakan kontrol isian dan goresan; gaya None pada panel Stroke menghapus garis tepinya. Dengan begitu, ketebalan garis dapat ditentukan sebagai tinggi persegi panjang, tanpa perlu mempertimbangkan goresan yang dipusatkan. Ini adalah rekomendasi editorial untuk garis lurus, bukan fitur ekspor khusus. Rectangle Tool, Panel Goresan

Posisikan garis secara tepat pada kisi piksel

Buka Window > General > Transform. Tentukan titik jangkar dengan sengaja sebelum memasukkan koordinat: perubahan posisi dan ukuran pada panel bergantung pada titik jangkar tersebut. Panel ini menyediakan nilai X, Y, lebar, tinggi, rotasi, dan kemiringan yang presisi, diukur relatif terhadap titik nol penggaris. Gunakan titik asal yang sama saat membandingkan objek berulang. Panel Transform

Untuk penempatan yang berorientasi pada piksel, buka View > Snapping dan aktifkan Force Pixel Alignment. Periksa juga target penempelan lainnya; panduan atau objek yang tidak sejajar dengan piksel dapat mengganggu hasil yang sejajar dengan piksel. Pengaturan ini berlaku saat objek dibuat, dipindahkan, atau diubah, jadi periksa karya yang sudah ada alih-alih menganggap bahwa mengaktifkannya telah memperbaiki semua objek. Paksa Perataan Piksel

Anggap Move By Whole Pixels sebagai batasan pergerakan. Dokumentasi Affinity menyatakan bahwa fitur ini mempertahankan piksel pecahan yang sudah ditempati objek saat objek dipindahkan dengan jarak bilangan bulat dalam piksel. Fitur ini dapat mempertahankan pergeseran pecahan yang tidak diinginkan. Tetapkan posisi yang dimaksud terlebih dahulu, lalu gunakan perpindahan dengan bilangan bulat dalam piksel jika perilaku tersebut membantu mempertahankan penempatan. Paksa Perataan Piksel

Untuk memeriksa batas dengan saksama, aktifkan View > Show > Pixel Grid lalu perbesar tampilan. Kisi ini hanya alat bantu visual dan tidak ikut diekspor. Gunakan bersama tampilan Piksel untuk memeriksa tepi yang setara, lalu kembalikan ke ukuran tampilan normal untuk menilai checklist secara keseluruhan. Kisi

Contoh pemeriksaan geometri

Misalkan ukuran keluaran yang dituju untuk checklist adalah 800 × 600 piksel. Untuk uji sintetis, buat tiga persegi panjang horizontal berisi tanpa goresan. Beri masing-masing lebar 240 px dan tinggi 1 px, dengan posisi kiri atas berikut. Nilai ini hanya contoh masukan, bukan hasil pengukuran dari pengujian Affinity.

Garis X Y Lebar Tinggi
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Gunakan jangkar kiri atas di Transform, masukkan nilai-nilai tersebut, dan biarkan rotasi serta kemiringan pada nol. Kini garis-garis berulang itu memiliki dimensi yang sama dan jarak bilangan bulat dalam piksel. Contoh ini menggunakan kontrol isian Rectangle Tool dan penempatan numerik di panel Transform; contoh ini tidak bergantung pada perintah “garis tajam” yang tidak terdokumentasi. Rectangle Tool, Panel Transform

Perhitungan skala menjelaskan mengapa ukuran tujuan penting. Mengekspor tata letak selebar 800 piksel ini menjadi lebar 400 piksel menghasilkan faktor skala 400 ÷ 800 = 0,5. Secara geometris, garis setinggi 1 piksel kemudian setara dengan setengah piksel keluaran; garis setinggi 2 piksel setara dengan satu piksel keluaran. Perhitungan ini menjelaskan geometri, bukan menjamin persisnya bayangan yang dihasilkan oleh perender. Jika hasil yang dibutuhkan selebar 400 piksel, nilai dan sempurnakan garis untuk ukuran keluaran tersebut.

Ekspor PNG dengan ukuran yang benar-benar dibutuhkan

Buka File > Export > Export dan pilih preset PNG. Tentukan Area dengan saksama: gunakan artboard bernama atau area dokumen yang sesuai untuk checklist secara keseluruhan. Selection Area menyertakan lapisan yang bertumpang tindih meskipun tidak dipilih, sedangkan Selection Only mengecualikannya. Karena itu, pilihan area yang berbeda dapat menghasilkan konten yang berbeda. Dialog ekspor

Periksa lebar dan tinggi hasil ekspor. Pengaturan Size Affinity awalnya menampilkan dimensi asli dan memungkinkan pilihan lain; biarkan Lock aspect ratio aktif agar ukuran diubah secara proporsional. Untuk uji contoh, ekspor terlebih dahulu pada 800 × 600. Uji secara terpisah setiap ukuran keluaran yang lebih kecil. Pengaturan Ekspor

Periksa pratinjau ekspor sebelum menyimpan. Di Mac, tekan Command-1 saat melihat pratinjau untuk mencapai 100%; Command-3 menampilkan 400% untuk pemeriksaan lebih dekat. Cari garis berulang yang berubah tingkat kegelapan atau ketebalan tampak, dan periksa apakah batas terpotong pada batas ekspor yang dipilih. Setelah itu, ekspor dan periksa PNG sebenarnya pada ukuran tampilan yang dituju. Dialog ekspor

Jika ukuran perlu diubah, Affinity menyediakan beberapa metode resampling. Bantuan Affinity menyebut Nearest Neighbor untuk gambar dengan tepi tajam dan Bilinear untuk memperkecil gambar. Gunakan metode tersebut sesuai kegunaan yang didokumentasikan, lalu bandingkan pratinjau karya Anda. Tidak ada metode resampling yang didokumentasikan sebagai jaminan bahwa garis tipis checklist akan tampak sama. Pengaturan Ekspor

Apa yang dapat diperbaiki oleh pengaturan ekspor, dan apa batasannya?

Batas yang relevan bergantung pada format. Affinity mendokumentasikan Rasterize: Nothing / Everything / Unsupported properties untuk PDF, SVG, dan EPS. Kontrol tersebut tidak tercantum untuk PNG. Demikian pula, Raster DPI didokumentasikan untuk efek yang dirasterisasi ke dalam format berorientasi vektor tersebut. Jangan mencari solusi “Rasterize Everything” untuk PNG; gunakan dimensi keluaran PNG dan perbaiki geometri karya. Pengaturan Ekspor

Gunakan urutan diagnosis berikut untuk menentukan apa yang perlu diubah. Ini adalah alat bantu pengambilan keputusan berdasarkan kontrol yang terdokumentasi, bukan klaim bahwa satu pengaturan dapat mendiagnosis setiap masalah ekspor.

Yang Anda amati Yang perlu diperiksa selanjutnya Tindakan praktis
Lebar numerik beberapa kotak berbeda Pengaturan goresan dan kontrol pengubahan ukuran Tetapkan perlakuan goresan akhir yang sama
Garis yang sama berbeda dalam tampilan Piksel Posisi, dimensi, dan target penempelan Koreksi tepi yang setara dan gunakan penempatan yang konsisten untuk pengulangannya
Garis hanya menjadi tidak rata pada ekspor yang lebih kecil Dimensi keluaran dan faktor skala Sempurnakan karya untuk ukuran yang lebih kecil tersebut
Garis menghilang atau bertemu latar yang tidak diharapkan Area ekspor dan lapisan yang disertakan Pilih cakupan dokumen, artboard, atau seleksi yang dimaksud
Tampilan Vektor terlihat mulus, tetapi PNG tampak berbeda Tampilan Piksel dan pratinjau ekspor Nilai hasil raster menggunakan representasi pikselnya

Setelah menemukan kombinasi yang sesuai, simpan pilihan ekspor melalui Preferences > Create Preset di dialog Export. Preset membuat pilihan ekspor tersebut dapat digunakan kembali; karya tetap memerlukan geometri dan penempatan yang sama. Dialog ekspor

Pemeriksaan akhir tetap sederhana: periksa satu kotak dan satu garis yang mewakili, pastikan pasangan berulangnya tampak sama, verifikasi dimensi PNG, lalu periksa gambar yang disimpan pada ukuran penggunaannya. Jika memerlukan ukuran keluaran lain, ulangi pemeriksaan untuk ukuran baru itu. Konsistensi diperoleh dengan mengendalikan geometri dan skala secara bersamaan.

Sumber