Pembuat Seni Titik Bulat

Dengan 48 titik mendatar, foto 3:2 menjadi 1.536 lingkaran: tiap petak digambar dengan warna rata-rata, dan pada halftone lingkaran makin besar di bagian yang makin gelap

Membuat gambar titik bulat berarti membagi foto menjadi petak-petak berjarak sama, lalu menggambar satu lingkaran di tiap petak dengan warna rata-rata piksel di dalamnya. Pada alat di atas, begitu Anda menentukan jumlah titik mendatar, jumlah baris menurun disesuaikan dengan rasio gambar asli. Gambar contoh berukuran 960 × 640 px yang dibagi menjadi 48 titik mendatar menghasilkan 32 baris dan 1.536 lingkaran seluruhnya.

Jika ukuran semua lingkaran dibuat sama, gambar hanya dibentuk oleh warna dan terlihat seperti manik-manik atau papan LED. Jika Anda memilih “Mengikuti terang-gelap (halftone)”, lingkaran makin besar di petak yang makin gelap sehingga tampak seperti titik cetak pada barang cetakan. Enam contoh gaya di sampingnya adalah pratinjau yang benar-benar digambar dari gambar yang sedang Anda buka, dan “Jumlah titik per warna” di bawahnya menunjukkan berapa lingkaran yang digambar untuk tiap warna. Gambar hanya diproses di dalam browser dan tidak dikirim ke server.

Kapan foto perlu diubah menjadi titik bulat

• Saat Anda butuh poster atau gambar merchandise bergaya pop art: Halftone adalah teknik cetak yang menyatakan terang-gelap lewat titik berukuran berbeda. Titik Ben-Day, yang diciptakan pencetak Benjamin Day pada 1879, dikenal luas lewat pop art Roy Lichtenstein. Gaya “Pop art” menghadirkan kesan itu dengan mengurangi warna menjadi 6 dan mengubah ukuran lingkaran mengikuti terang-gelap.
• Saat membuat pola manik-manik atau stiker: Satu lingkaran sama dengan satu butir manik. Manik Hama Midi berdiameter 5,0 mm, jadi 48 butir mendatar kira-kira 24 cm, dan manik Mini (2,5 mm) kira-kira 12 cm. Bila warna dikurangi sesuai jumlah warna manik yang Anda punya, “Jumlah titik per warna” langsung menjadi jumlah yang dibutuhkan untuk tiap warna.
• Saat membuat thumbnail bernuansa papan LED atau neon: Lingkaran dengan jarak yang dilebarkan di atas latar hitam terlihat seperti deretan bohlam yang menyala. Gambar yang sederhana lebih mudah terbaca daripada tulisan.
• Saat dicetak besar atau diserahkan ke pekerjaan potong: Jika disimpan sebagai SVG, tiap lingkaran tetap menjadi bentuk tersendiri sehingga tepinya tidak pecah walau diperbesar. Lingkaran berwarna sama dikelompokkan, jadi warna mudah diganti sekaligus di program desain.

Cara memakai

1. Masukkan gambar: Tekan “Pilih gambar” atau seret gambar ke area kerja. Gambar yang sudah disalin bisa ditempel dengan Ctrl+V (⌘V).
2. Pilih gaya: Tekan salah satu dari 6 contoh bulat di samping. Susunan, ukuran, jarak, warna, dan latar berubah sekaligus, lalu titik digambar ulang menyebar dari tengah.
3. Tentukan jumlah titik mendatar: Ketik angkanya, atau pilih antara 16 dan 200 dengan penggeser atau chip. Makin sedikit jumlahnya, makin besar lingkarannya dan makin sederhana gambarnya.
4. Atur lebih rinci: Di bagian bawah, Anda bisa mengubah susunan (kisi atau selang-seling), ukuran titik (semua sama atau mengikuti terang-gelap), jarak, latar, dan warna satu per satu. Jika nilainya berbeda dari gaya yang dipilih, pilihan contoh gaya dilepas.
5. Periksa lalu simpan: Tekan “Lihat gambar asli” untuk membandingkannya dengan aslinya, dan tekan sebuah warna di “Jumlah titik per warna” agar hanya lingkaran berwarna itu yang tampak tebal. Pilih PNG, JPG, atau SVG dan ukuran sisi terpanjang, lalu tekan “Simpan”.

6 gaya

Setelah memilih gaya, nilai-nilainya tetap bisa diubah satu per satu. Jumlah titik mendatar tidak berubah walau gayanya diganti.

Memilih jumlah titik mendatar: untuk foto 3:2

Untuk foto yang garis luarnya penting, seperti wajah atau hewan, pilih 48 sampai 72 titik mendatar. Untuk poster halftone, mulai 96 titik ke atas, tingkat terang-gelapnya tersambung lebih halus. Ukuran manik hanya dihitung dari diameter, jadi bergantung pada jarak pada papan manik, hasil sebenarnya bisa sedikit lebih besar.

Cara menghitung

1. Membagi petak: Jika lebar satu petak dianggap 1 dan jumlah titik mendatar adalah c, kisi memiliki round(c × tinggi ÷ lebar) baris menurun. Pada susunan selang-seling, jarak antarbaris adalah √3/2 (sekitar 0,866), sehingga jumlah barisnya round((c × tinggi ÷ lebar − 1) ÷ 0,866) + 1, dan baris genap bergeser setengah petak sehingga hanya berisi c − 1 lingkaran.
2. Warna titik: Piksel gambar asli dalam jarak ±0,5 petak ke samping dan ±0,5 petak ke atas-bawah dari pusat lingkaran (±0,433 petak pada susunan selang-seling) dirata-ratakan dengan bobot opasitasnya. Jika rata-rata opasitasnya di bawah setengah, lingkaran tidak digambar.
3. Memilih warna: “Kurangi warna” mengelompokkan warna dengan median cut (Heckbert, 1982), yaitu membagi berulang pada median saluran yang paling lebar sebarannya, lalu menyempurnakannya empat kali di ruang warna OKLab (Ottosson, 2020), dan tiap lingkaran diwarnai dengan warna terdekat. Game Boy dan PICO-8 juga memilih warna terdekat di OKLab. “Skala abu-abu” adalah abu-abu yang mempertahankan luminans relatif.
4. Ukuran titik: Radius “Semua sama” adalah (1 − jarak) ÷ 2 petak. Pada “Mengikuti terang-gelap”, radius itu dikalikan √k sehingga luas lingkaran sebanding dengan k.

k = (Y_latar − Y_petak) ÷ (Y_latar − Y_acuan)  (dibatasi 0 sampai 1)  ·  Y = 0,2126 R + 0,7152 G + 0,0722 B (sRGB linear)

Y adalah luminans relatif menurut WCAG 2.2. Y_acuan adalah warna tinta itu sendiri pada “Satu warna”, dan selain itu 0 bila latar terang (Y ≥ 0,5) atau 1 bila latar gelap. Latar transparan dianggap sebagai kertas putih. Karena itu, pada latar putih lingkaran di bagian gelap yang membesar, dan pada latar hitam lingkaran di bagian terang yang membesar. Tabel di bawah menunjukkan ukuran lingkaran pada petak abu-abu dengan gaya halftone (susunan selang-seling, latar putih, tinta #1A1A1A, jarak 0%). Pada susunan selang-seling, satu lingkaran menempati lebar petak² × 0,866, sehingga lingkaran yang saling bersentuhan mewarnai 90,7% dari bagiannya.

Saat menyimpan, jumlah piksel per petak ditentukan agar sisi terpanjang sesuai dengan ukuran yang dipilih. Jika foto 3:2 dengan 48 titik mendatar disimpan pada 2048 px, satu petak sekitar 42,7 px dan gambarnya berukuran 2048 × 1365 px. SVG menulis tiap petak sebagai bentuk lingkaran dengan satuan 10 per petak, dan lingkaran berwarna sama dikelompokkan dalam satu grup.

Perbedaan kisi dan selang-seling (sarang lebah)

Dari berbagai cara menata lingkaran berukuran sama di bidang datar tanpa celah besar, yang paling rapat adalah susunan heksagonal, yaitu tiap baris digeser seperti sarang lebah. L. Fejes Tóth membuktikan bahwa inilah susunan yang paling rapat. Luas yang ditutup lingkaran yang saling bersentuhan adalah 78,5% (π/4) pada kisi persegi dan 90,7% (π/(2√3)) pada susunan heksagonal.

Celah di antara lingkaran tampak sebagai warna latar. Karena itu, foto yang sama terlihat terang dan ringan di latar putih, dan gelap serta tegas di latar hitam. Perbedaan ini makin besar jika jaraknya dilebarkan.

Kesalahan yang sering terjadi

• Latar diganti pada halftone, lalu gambarnya terbalik: Mode mengikuti terang-gelap menentukan ukuran dari selisih kecerahan terhadap latar. Bila latar putih diganti hitam, lingkaran di bagian terang yang membesar. Jika Anda ingin kesan dicetak dengan tinta gelap, pakailah latar terang.
• Menghitung manik dengan warna asli: Pada warna asli, warna tiap lingkaran sedikit berbeda. Bila warnanya lebih dari 64, “Jumlah titik per warna” hanyalah angka kasar dari 12 kelompok warna yang mirip. Jumlah manik yang akan dibeli sebaiknya dilihat setelah jumlah warna ditentukan dengan “Kurangi warna”.
• Menyimpan latar transparan sebagai JPG: JPG tidak bisa menyimpan transparansi sehingga latarnya menjadi putih. Jika perlu transparan, simpan sebagai PNG atau SVG.
• Memperbanyak titik lalu menyimpan sebagai SVG: Foto 3:2 dengan 144 titik mendatar berisi 13.824 lingkaran. Makin banyak lingkaran, makin besar filenya dan makin lambat dibuka di program. Kalau gambarnya tidak untuk dicetak besar, PNG lebih mudah ditangani.
• Muncul galat pada gambar yang sangat tinggi: Satu gambar dapat berisi paling banyak 60.000 lingkaran. Gambar tegak 1:2 dengan 200 titik mendatar menghasilkan 400 baris dan 80.000 lingkaran, sehingga melewati batas. Kurangi jumlah titik mendatar.

Batasan dan catatan

• Titik cetak percetakan yang sesungguhnya (sudut layar, pemisahan ke empat pelat CMYK, dan titik yang melebar karena tinta menyebar) tidak ditiru. Satu gambar hanya berisi lingkaran dengan satu sudut.
• Pada mode mengikuti terang-gelap pun, lingkaran tidak menutupi seluruh petak (maksimal 78,5% pada kisi dan 90,7% pada selang-seling), sehingga bagian paling gelap terlihat lebih terang daripada gambar asli. Dengan jarak 0%, hasilnya paling pekat.
• Warna di layar berbeda dengan warna manik atau tinta yang sebenarnya. Untuk pola, cocokkan dengan bagan warna manik yang Anda miliki, dan siapkan jumlah yang sedikit berlebih.
• Game Boy dan PICO-8 hanya dipinjam warnanya. Ukuran layar dan batasan jumlah warna perangkat aslinya tidak diikuti.
• Hanya format yang bisa dibuka browser yang diterima. GIF animasi hanya memakai bingkai pertama, dan HEIC tidak bisa dibuka di sebagian browser, jadi ubah dulu ke JPG atau PNG. File diterima hingga 40MB, lalu dikecilkan ke sisi terpanjang 2.048 px sebelum dihitung.
• Ukuran simpan maksimal 4.096 px ditetapkan agar masih dalam batas kanvas browser iOS (4.096 × 4.096), supaya bisa disimpan di semua perangkat.

Tanggal acuan 2026-10-20. Definisi halftone dan titik Ben-Day, kepadatan penataan lingkaran, diameter manik, dan rumus luminans relatif diperiksa pada hari itu lewat sumber asli di bawah. Nilai tiap gaya dan batas 60.000 lingkaran ditetapkan oleh alat ini. Gambar contoh adalah “Blue, red and green parrot (Unsplash)” dari Wikimedia Commons (Mikhail Vasilyev, CC0 1.0) yang diperkecil menjadi 960 × 640 px.

Sumber

• 01Getty AAT — halftone negativesNegatif yang diambil melalui layar sehingga gambar tampak sebagai titik atau pola persegi berukuran berbeda; dipakai dalam cetak halftone
• 02Getty AAT — Ben Day processTeknik mencetak pola seperti titik dengan pelat seluloid, dirancang pada 1879 oleh pencetak New Jersey, Benjamin Day, dan sering dikaitkan dengan karya pelukis pop art Roy Lichtenstein
• 03Wolfram MathWorld — Circle PackingPenataan lingkaran paling rapat di bidang datar adalah kisi heksagonal seperti sarang lebah (dibuktikan L. Fejes Tóth), dengan kepadatan 0,9069 untuk heksagonal dan 0,7854 untuk persegi
• 04Hama — Meet our different beadsDiameter manik Midi 5,0 mm, diameter manik Mini 2,5 mm
• 05W3C — WCAG 2.2: relative luminanceLuminans relatif sRGB L = 0,2126 R + 0,7152 G + 0,0722 B, batas linearisasi 0,04045
• 06MDN — <circle>Bentuk dasar SVG yang menggambar lingkaran dari titik pusat (cx, cy) dan radius (r)
• 07Heckbert, P. (1982). Color image quantization for frame buffer displayACM SIGGRAPH Computer Graphics 16(3), 297–307. Pengurangan warna dengan median cut
• 08Björn Ottosson — A perceptual color space for image processing2020-12-23. Ruang warna OKLab (untuk memilih warna terdekat)
• 09Lospec — PICO-8 PaletteNilai HEX 16 warna PICO-8. Empat warna Game Boy memakai nilai dari Nintendo Gameboy (BGB) Palette di situs yang sama
• 10MDN — <canvas>: Maximum canvas sizeBatas kanvas perangkat iOS 4.096 × 4.096

Pertanyaan yang sering diajukan

Alat yang sering dipakai bersama