Saya tidak membunuh Stanley Lieber: Cara menggambar dengan 9front

 (triapul.cz)
1 poin oleh GN⁺ 3 jam lalu | 1 komentar | Bagikan ke WhatsApp
  • Merangkum alur lengkap menggambar di 9front dengan berpusat pada paint(1), menghubungkan dari pemilihan perangkat input hingga pengelolaan kanvas, manipulasi gambar, dan ekspor
  • Pekerjaan dilakukan dalam format internal image(6) milik 9front, lalu hasilnya disesuaikan setelah menggambar dengan paint(1) menggunakan page(1), crop(1), vcrop(1), resize(1), dan rotate(1)
  • Karena paint(1) tidak memiliki deteksi tekanan, layer, maupun cut-and-paste, pengguna harus mengelola sendiri area kerja dan warna seperti saat bekerja di atas kertas
  • Mencakup mouse, jari, pena, tablet eksternal, serta input drawterm/VNC, tetapi karena tombol pena meniru klik mouse, susunan dengan keyboard dan mouse tetap dekat adalah yang paling praktis
  • Untuk berbagi ke luar, konversi PNG paling cocok, dan karena PNG atau JPG bukan target edit langsung bagi paint(1), crop(1), atau vcrop(1), bila perlu format itu harus diubah kembali ke format image 9front

Konfigurasi dasar untuk menggambar di 9front

  • Untuk menggambar dibutuhkan “alat untuk menggambar” dan “permukaan untuk digambar”, dan di 9front selain perangkat input pena sungguhan, berbagai metode input lain juga bisa digunakan
  • Jika Anda memiliki komputer yang menjalankan 9front, Anda bisa mengikuti How to draw, dan jika menginginkan perangkat yang dapat digambar langsung di layar, laptop 2-in-1 dengan dukungan Wacom adalah pilihan yang cocok
  • Daftar perangkat ThinkPad yang terbukti bekerja dengan baik adalah sebagai berikut

Karakteristik tiap perangkat input

  • Menggambar dengan mouse adalah cara lama, tetapi kelebihannya kompatibel dengan semua komputer yang memiliki mouse
  • Input jari membuat sentuhan layar meniru klik kiri mouse, tetapi tidak bisa menggantikan klik lain sehingga mouse tetap perlu diletakkan dekat
  • Untuk tablet eksternal, produk yang memiliki layar kemungkinan tidak akan bekerja di 9front, sedangkan produk tanpa layar bisa saja berfungsi
    • Perangkat yang direkomendasikan adalah GAOMON S620, yang bekerja baik sebagai plug-and-play di 9front
    • Wacom CTL-672 bekerja seperti touchpad koordinat relatif
    • Wacom CTL-490 tidak berfungsi
    • Informasi terkait ada di [fqa] 3.2.4 - Tablet Digitizers
  • Menggambar dengan benar hanya memakai keyboard itu sulit, tetapi keyboard tetap diperlukan untuk bekerja di paint(1)
    • Di komputer tablet atau lingkungan khusus yang sulit mengakses keyboard fisik, keyboard layar bitsy/keyboard dapat digunakan
    • Contoh menjalankan: rio -k 'bitsy/keyboard -n'
  • Dengan drawterm/VNC, Anda bisa terhubung ke komputer 9front jarak jauh atau virtual dan memakai lebih banyak jenis perangkat input
    • Bisa menggambar dengan jari di ponsel Android, dengan mouse di Linux dan MacOS, atau memakai perangkat input di Windows yang tidak didukung langsung oleh 9front
    • Situs terkait adalah drawterm.9front.org

Format image(6) dan asumsi dasar paint(1)

  • Menggambar, memotong, dan memanipulasi gambar di 9front dilakukan pada file format internal image(6)
  • Saat membuat gambar, Anda tidak perlu terlalu memikirkan formatnya, tetapi untuk membagikannya ke luar Anda harus mengubahnya ke format lain
  • Nama file dicontohkan dengan bentuk seperti file.pic, tetapi Anda bebas memberi nama apa pun
  • Panduan ini hanya membahas paint(1) di antara berbagai program menggambar milik 9front
  • paint(1) harus didekati lebih seperti bekerja di atas kertas, tinta, dan warna dibanding program menggambar digital pada umumnya

Batasan dan operasi dasar paint(1)

  • Tombol pena dan tablet meniru input mouse, dan dalam panduan ini semuanya dijelaskan sebagai operasi mouse
    • Kondisi melayang di atas layar sama dengan pergerakan mouse
    • Menyentuh permukaan berarti klik kiri atau menahan klik
    • Pena yang ideal memiliki 2 tombol untuk klik tengah dan klik kanan
    • Jika hanya ada tombol untuk klik kanan, Anda bisa menahan Shift sambil menekan tombol itu untuk meniru klik tengah
  • paint(1) dan 9front tidak mendukung deteksi tekanan
  • Tidak ada layer maupun cut-and-paste, jadi hasil akhirnya adalah persis seperti yang Anda gambar
  • Simpan dan buka dilakukan lewat input tombol
    • w: simpan file
    • r: buka file atau baca ulang
    • |: pipe kanvas saat ini ke perintah untuk diubah
    • < command: baca hasil perintah ke paint(1) dan gantikan kanvas saat ini
    • > command: kirim kanvas saat ini ke perintah dan tulis ke file
  • Contoh pekerjaan adalah sebagai berikut
    • | rotate -u: putar kanvas
    • < crop -i -50 glenda.pic: buka glenda.pic dengan menambahkan bingkai hitam 50 piksel
    • > crop -i -50 | rotate -r 90 > modified_glenda.pic: tambahkan bingkai ke kanvas saat ini, putar 90 derajat, lalu simpan

Kanvas ditentukan oleh rentang piksel yang telah diberi jejak

  • Di paint(1), kanvas adalah area persegi panjang yang memuat gambar
  • Jendela putih tepat setelah memulai adalah file kosong, dan kanvas baru terbentuk setelah piksel pertama digambar atau dihapus
  • paint(1) menganggap piksel yang paling jauh ditempatkan sebagai batas kanvas
    • Ukuran jendela tidak menentukan ukuran kanvas
    • Piksel yang dihapus dengan penghapus pun tetap dianggap sebagai piksel yang pernah diletakkan
  • Disarankan menganggap ukuran jendela paint(1) yang pertama dibuat sebagai kanvas kerja, lalu menggambar tanda potong di sudut-sudut sebelum mulai bekerja
  • Jika membutuhkan gambar dengan ukuran tepat, Anda perlu membuat kanvas berukuran tetap lewat prosedur terpisah, lalu setelah selesai menghitung pemotongan atau membuang margin

Alat utama di paint(1)

  • Pemilihan alat dilakukan dengan klik kiri toolbar bagian bawah
  • Warna
    • Pilih warna dengan klik kiri
    • Klik kanan warna pada toolbar untuk memasukkan kode heksadesimal dan mengubah palet
    • paint(1) tidak mengingat palet setelah ditutup, jadi harus diatur ulang setiap kali membuka jendela baru
    • Jika ingin memakai lebih dari 16 warna, Anda bisa membuka file gambar yang sama di beberapa jendela paint(1) dan menyinkronkannya dengan w dan r
  • Kuas
    • Pilih ukuran kuas dengan 0-9 atau klik kiri lalu drag untuk menggambar
  • Isi
    • Menggunakan f, c, klik kiri, dan klik tengah
    • Mengubah area piksel yang terhubung dengan warna yang sama menjadi warna lain
    • Juga dipakai untuk mengubah warna latar, dan warna latar adalah warna yang digunakan penghapus saat menghapus
    • c menghapus semuanya, mengubah latar ke warna yang dipilih, dan menjadikannya kembali seperti file kosong
  • Penghapus
    • Menggunakan 0-9 dan klik tengah
    • Mengubah area di bawah kursor menjadi warna latar dengan ukuran yang sama seperti ukuran kuas saat ini
  • Garis lurus dan lingkaran
    • Untuk garis lurus, gunakan penggaris
    • Untuk lingkaran, gunakan benda datar berbentuk bulat, atau gambar lingkaran lebih dulu dengan jangka di atas kertas kalkir lalu ikuti garisnya
  • Pindah tampilan, zoom, undo
    • Tekan tombol kanan mouse sambil bergerak untuk melakukan panning
    • Gunakan -, + untuk zoom in/out, tetapi tidak bisa memperkecil lebih jauh dari tingkat zoom awal
    • Esc mengatur ulang zoom dan memusatkan kanvas
    • u membatalkan segmen garis kontinu terakhir, dan satu garis panjang pun bisa terbagi menjadi beberapa langkah undo

Layer palsu dan penghapusan berbasis warna

  • paint(1) tidak memiliki layer, tetapi Anda bisa membuat layer palsu dengan membuat sketsa menggunakan warna yang tidak benar-benar dipakai, lalu menggambar garis final di atasnya
  • Dalam contoh, HotPink dipakai sebagai warna sketsa, lalu setelah selesai hanya warna itu yang dihapus
  • Menggunakan fill manual atau penghapus presisi bisa memakan waktu, jadi mengganti warna tertentu menjadi warna latar dengan pico adalah cara yang berguna
  • pico bisa didapatkan dengan perintah berikut
  • Penjelasan terkait ada di Image Manipulation on Plan 9 Using pico
  • Nilai RGB desimal untuk HotPink #ff5fd7 adalah 255, 95, 215, dan disertakan contoh konversinya dengan pc(1)

page(1), crop(1), vcrop(1), resize(1), rotate(1)

  • page(1) adalah penampil dokumen yang dipakai untuk menampilkan berbagai format gambar, PDF, ebook, dan lain-lain
    • Anda bisa melihat gambar dengan page my_picture.pic
    • Disarankan membiasakan memeriksa hasil manipulasi gambar dengan page(1) sebelum menuliskannya ke file
    • Di page(1) juga Anda bisa menekan w untuk menyimpan hasil yang sedang ditampilkan ke file
  • Jika gambar menjadi lebih besar dari jendela paint(1), buat jendela terpisah dengan page picture.file dan gunakan fit width atau fit height sebagai jendela pratinjau
  • vcrop(1) adalah alat crop grafis
    • Klik kiri untuk panning
    • Klik tengah untuk memilih alat crop
    • Klik kanan untuk menampilkan opsi seperti simpan
    • Karena tidak ada zoom, ada keterbatasan saat ingin memotong area yang lebih besar dari jendela atau perlu crop presisi per piksel
  • crop(1) menghapus atau menambahkan baris piksel
    • crop -x 50 mypic.pic > mypic_crop.pic: crop 50 piksel dari sisi kiri dan kanan
    • crop -i -10 -b 255 255 255 mypic.pic: tambahkan bingkai putih 10 piksel
  • resize(1) memperbesar atau memperkecil gambar
    • Untuk mempertahankan rasio asli, tentukan hanya salah satu dari -x atau -y
    • Contoh: resize -n -y 245 mypic.pic > mypic_resized.pic
  • rotate(1) dapat memutar gambar per 90 derajat
    • rotate -r 90 my.pic > rotated.my.pic
    • rotate -ul > flipped.my.pic

Membuat ukuran kanvas yang tepat dan strategi crop

  • Jika Anda memerlukan ukuran yang tepat seperti 250x250, gunakan prosedur membuat gambar kosong, mengubah ukurannya dengan resize(1), lalu membukanya di paint(1)
    • w empty_canvas.pic
    • resize -n -x 250 -y 250 empty_canvas.pic > empty_canvas_250x250.pic
    • cp empty_canvas_250x250.pic mypicture.pic
    • paint mypicture.pic
  • paint(1) tidak mencegah menggambar melewati batas kanvas, dan jika batas itu dilewati ukuran gambar akan meluas
  • Ada tiga pilihan
    • Tidak memedulikan garis yang melewati batas, lalu crop secara matematis setelah selesai
    • Menambahkan margin ekstra yang seragam sebelum bekerja, lalu menghapusnya setelah selesai
    • Menggambar tanda crop di sudut-sudut lalu memotongnya nanti
  • crop -r a b c d melakukan crop menggunakan koordinat absolut gambar, dan koordinat dapat diperiksa dengan dd -bs 128 -count 1
  • Dengan metode margin, misalnya Anda menambahkan margin merah 25 piksel ke kanvas putih 250x250 untuk bekerja, lalu setelah selesai menghapusnya dengan crop -i 25 untuk mendapatkan hasil akhir 250x250 yang tepat

Tracing dan palet

  • Anda bisa mengambil gambar dari internet, mengubahnya ke format 9front, lalu mencerahkannya dengan pico untuk dijadikan acuan tracing di paint(1)
  • Di paint(1), telusuri garis dengan warna tertentu seperti HotPink, lalu dengan pico sisakan hanya warna itu dan ubah sisanya menjadi putih
  • Materi terkait palet tersedia di git.sr.ht/~amavect/makeu

Mengekspor dan berbagi ke luar

  • Gambar yang dibuat di 9front pada dasarnya adalah pixel art, jadi disarankan mengubahnya ke PNG
  • Disimpulkan bahwa PNG selalu lebih kecil dan lebih tajam daripada JPG, serta tampil persis seperti yang terlihat di paint(1)
  • Format lain seperti PNG atau JPG tidak bisa ditangani langsung oleh paint(1), crop(1), atau vcrop(1), tetapi bisa ditampilkan dengan page(1)
  • Jika file asli hilang, Anda bisa mengubah PNG kembali ke format 9front untuk diedit
    • png -c9 my_picture.png > my_picture.pic
  • Ada banyak cara memindahkan hasil ke perangkat lain, dari yang paling sederhana hingga yang lebih rumit
    • Buka dengan page(1) lalu foto layar dengan ponsel
    • Hubungkan drive USB FAT lalu salin ke /shr/sdS0M3TH1NG
    • Kirim ke komputer Unix dengan sshfs(4)
    • Dari komputer Unix, masuk dengan drawterm lalu salin ke /mnt/term/some/where
    • Posting ke snac dengan mothra(1)
    • Kirim email ke diri sendiri dari komputer 9front
    • Kirim dengan sshfs(4) ke mesin virtual di dalam 9front
    • Salin ke server web 9front lalu unduh dari perangkat lain

Bacaan terkait

1 komentar

 
GN⁺ 3 jam lalu
Komentar Lobste.rs
  • Plan 9 dan 9front selalu terasa menarik, dan selera humor 9front mengingatkan pada web lama :) ini juga tidak terkecuali
    • Ini sistem yang nyaman
      Ditulis di Mothra milik 9front
  • Menggambar garis lurus dengan penggaris di atas tablet gambar punya semacam kekacauan yang menyenangkan, tapi sulit dijelaskan kenapa itu buruk. Bahkan tidak yakin itu memang buruk sejak awal
    Mungkin variasi kecil yang alami justru membuatnya terlihat lebih bagus daripada garis Bresenham
    Tetap saja, untungnya kompasnya tidak dipakai langsung di permukaan tablet, melainkan di atas kertas kalkir
    • Kalau menggambar pelan, terutama mudah muncul semacam gelombang buatan
      Tapi sebagian besar ini masalah yang bisa dihindari jika sadar, jadi saya sangat merekomendasikan memakai panduan fisik daripada presisi buatan
    • Kompas yang dipakai di sekolah dulu bisa mengganti sisi untuk menggambar dengan pena apa saja
      Sepertinya akan bekerja cukup baik kalau sisi jarumnya ditancapkan ke potongan gabus tutup botol anggur :^)
  • @pmjv, kalau memeplex triapul.cz dan stanleylieber.com dua-duanya milikmu… sebenarnya kamu dapat waktu dari mana?!
    • Bukan orang yang sama!