No maté a Stanley Lieber: cómo dibujar con 9front

 (triapul.cz)
1 puntos por GN⁺ 3 시간 전 | 1 comentarios | Compartir por WhatsApp
  • Organiza el flujo completo para dibujar en 9front alrededor de paint(1), conectando desde la elección del dispositivo de entrada hasta la gestión del lienzo, la manipulación de imágenes y la exportación
  • El trabajo se realiza en el formato interno image(6) de 9front, y luego de dibujar con paint(1) el resultado se ajusta con page(1), crop(1), vcrop(1), resize(1) y rotate(1)
  • paint(1) no tiene sensibilidad a la presión, capas ni cortar/pegar, así que el usuario debe gestionar por sí mismo el área de trabajo y los colores como si estuviera trabajando sobre papel
  • Cubre mouse, dedo, pluma, tableta externa y entrada por drawterm/VNC, pero como los botones de la pluma imitan clics del mouse, resulta práctico mantener cerca el teclado y el mouse
  • Para compartir fuera de 9front conviene convertir a PNG, y como PNG o JPG no son editables directamente en paint(1), crop(1) ni vcrop(1), si hace falta hay que convertirlos otra vez al formato image de 9front

Configuración básica para dibujar en 9front

  • Para dibujar hacen falta una “herramienta para dibujar” y una “superficie para dibujar”, y en 9front se pueden usar varias formas de entrada además de un dispositivo real de pluma
  • Si tienes una computadora que ejecute 9front, puedes seguir How to draw, y si quieres un equipo en el que se pueda dibujar directamente sobre la pantalla, una laptop 2-en-1 con soporte para Wacom es una buena opción
  • La lista de dispositivos que en la práctica funcionaron bien es la siguiente, dentro de la línea ThinkPad

Características según el dispositivo de entrada

  • Dibujar con mouse es una forma antigua, pero tiene la ventaja de ser compatible con cualquier computadora que tenga mouse
  • La entrada con dedo hace que el toque en pantalla imite el clic izquierdo del mouse, pero no reemplaza los otros clics, así que conviene tener el mouse cerca
  • Las tabletas externas con pantalla pueden no funcionar en 9front, mientras que las que no tienen pantalla sí pueden funcionar
    • El dispositivo recomendado es GAOMON S620, que funciona bien como plug and play en 9front
    • La Wacom CTL-672 funciona como un touchpad de coordenadas relativas
    • La Wacom CTL-490 no funciona
    • Hay información relacionada en [fqa] 3.2.4 - Tablet Digitizers
  • Es difícil dibujar correctamente solo con teclado, pero para trabajar con paint(1) sí hace falta teclado
    • En tablets o entornos especiales donde sea difícil acceder a un teclado físico, se puede usar el teclado en pantalla bitsy/keyboard
    • Ejemplo de ejecución: rio -k 'bitsy/keyboard -n'
  • Con drawterm/VNC puedes conectarte a una computadora 9front remota o virtual y usar una variedad más amplia de dispositivos de entrada
    • Por ejemplo, dibujar con el dedo desde un teléfono Android, con mouse desde Linux y MacOS, o usar en Windows dispositivos de entrada que 9front no soporta directamente
    • Sitio relacionado: drawterm.9front.org

El formato image(6) y la premisa de paint(1)

  • El dibujo, recorte y manipulación de imágenes en 9front se hacen en archivos del formato interno image(6)
  • Mientras creas el dibujo no hace falta preocuparte demasiado por el formato, pero para compartirlo afuera sí hay que convertirlo a otro formato
  • Se usa como ejemplo un nombre de archivo como file.pic, pero puedes ponerle el nombre que quieras
  • Esta guía trata solo de paint(1) entre los varios programas de dibujo de 9front
  • paint(1) requiere un enfoque más cercano al trabajo con papel, tinta y color que el de un programa de dibujo digital convencional

Limitaciones y controles básicos de paint(1)

  • Los botones de la pluma y la tableta imitan entradas del mouse, así que en la guía todo se expresa como operaciones de mouse
    • Mantener la pluma flotando sobre la pantalla equivale a mover el mouse
    • Tocar la superficie equivale a clic izquierdo o mantenerlo presionado
    • La pluma ideal tiene 2 botones para clic central y clic derecho
    • Si solo hay un botón para clic derecho, se puede mantener presionada Shift mientras se pulsa para imitar el clic central
  • paint(1) y 9front no soportan sensibilidad a la presión
  • Tampoco hay capas ni cortar/pegar, así que lo que dibujas queda tal cual como resultado
  • Guardar y abrir se hace con teclas
    • w: guardar archivo
    • r: abrir archivo o recargarlo
    • |: enviar el lienzo actual por pipe a un comando para transformarlo
    • < command: leer el resultado de un comando en paint(1) y reemplazar el lienzo actual
    • > command: enviar el lienzo actual a un comando para escribirlo en un archivo
  • Ejemplos de trabajo
    • | rotate -u: rotar el lienzo
    • < crop -i -50 glenda.pic: abrir glenda.pic agregándole un borde negro de 50 píxeles
    • > crop -i -50 | rotate -r 90 > modified_glenda.pic: agregar un borde al lienzo actual, rotarlo 90 grados y guardarlo

El lienzo se determina por el rango donde hay píxeles puestos

  • En paint(1), el lienzo es el área rectangular que contiene el dibujo
  • La ventana blanca justo después de iniciar es un archivo vacío, y el lienzo no existe hasta que dibujas o borras el primer píxel
  • paint(1) considera como bordes del lienzo los píxeles más alejados
    • El tamaño de la ventana no determina el tamaño del lienzo
    • Los píxeles borrados con la goma también cuentan como píxeles colocados
  • Se recomienda pensar en el tamaño de la ventana inicial de paint(1) como un lienzo de trabajo, marcar las esquinas para recorte y trabajar dentro de eso
  • Si necesitas una imagen de tamaño exacto, hay que crear un lienzo de tamaño fijo con un procedimiento aparte y luego hacer cálculos de recorte o eliminar márgenes al terminar

Herramientas principales de paint(1)

  • La selección de herramientas se hace haciendo clic izquierdo en la barra inferior
  • Colores
    • El color se selecciona con clic izquierdo
    • Si haces clic derecho sobre un color de la barra, puedes cambiar la paleta introduciendo su código hexadecimal
    • paint(1) no recuerda la paleta al cerrarse, así que hay que volver a cambiarla cada vez que se abre una ventana nueva
    • Si quieres usar más de 16 colores, puedes abrir el mismo archivo de dibujo en varias ventanas de paint(1) y sincronizarlas con w y r
  • Pincel
    • Elige el tamaño con 0-9 o con clic izquierdo y dibuja arrastrando
  • Relleno
    • Usa f, c, clic izquierdo y clic central
    • Cambia una zona de píxeles conectados del mismo color a otro color
    • También sirve para cambiar el color de fondo, y ese será el color al que cambia la goma
    • c elimina todo y deja el archivo vacío con el color elegido como fondo
  • Goma de borrar
    • Usa 0-9 y clic central
    • Cambia al color de fondo la zona bajo el cursor con el mismo tamaño del pincel actual
  • Líneas rectas y círculos
    • Para líneas rectas se usa una regla
    • Para círculos se recomienda seguir un objeto plano y redondo, o un círculo dibujado previamente con compás sobre papel translúcido
  • Mover, zoom y deshacer
    • Mantén presionado el botón derecho del mouse y mueve para hacer paneo
    • - y + hacen zoom, pero no se puede alejar más allá del nivel original
    • Esc reinicia el zoom y centra el lienzo
    • u deshace el último tramo continuo de líneas, y una sola línea larga puede dividirse en varios pasos de undo

Capas falsas y eliminación basada en color

  • paint(1) no tiene capas, pero puedes crear capas falsas haciendo el boceto con un color que no vayas a usar realmente y luego dibujando encima
  • En el ejemplo se usa HotPink como color del boceto y, al terminar, se elimina solo ese color
  • Hacerlo a mano con relleno o borrado preciso puede tomar mucho tiempo, así que resulta útil usar pico para reemplazar un color específico por el color de fondo
  • pico se puede obtener con el siguiente comando
  • Explicación relacionada: Image Manipulation on Plan 9 Using pico
  • El valor RGB decimal de HotPink #ff5fd7 es 255, 95, 215, y se incluye un ejemplo de conversión con pc(1)

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

  • page(1) es un visor de documentos y se usa para mostrar varios formatos de imagen, PDF, ebooks y más
    • Puedes ver tu dibujo con page my_picture.pic
    • Se recomienda acostumbrarse a revisar con page(1) antes de escribir en archivo el resultado de una manipulación de imagen
    • También en page(1) puedes presionar w para guardar en archivo lo que estás viendo
  • Si el dibujo se hizo más grande que la ventana de paint(1), puedes abrir otra ventana con page picture.file y usar fit width o fit height como si fuera una ventana de vista previa
  • vcrop(1) es una herramienta gráfica de recorte
    • Clic izquierdo para paneo
    • Clic central para elegir la herramienta de recorte
    • Clic derecho para ver opciones como guardar
    • Como no permite zoom, tiene limitaciones cuando hay que recortar un área más grande que la ventana o hacer un recorte preciso a nivel de píxel
  • crop(1) elimina o agrega filas de píxeles
    • crop -x 50 mypic.pic > mypic_crop.pic: recorta 50 píxeles de los lados izquierdo y derecho
    • crop -i -10 -b 255 255 255 mypic.pic: agrega un borde blanco de 10 píxeles
  • resize(1) agranda o reduce la imagen
    • Para mantener la proporción original, especifica solo -x o solo -y
    • Ejemplo: resize -n -y 245 mypic.pic > mypic_resized.pic
  • rotate(1) permite rotar imágenes en múltiplos de 90 grados
    • rotate -r 90 my.pic > rotated.my.pic
    • rotate -ul > flipped.my.pic

Crear un lienzo de tamaño exacto y estrategias de recorte

  • Si necesitas un tamaño exacto como 250x250, puedes crear una imagen vacía, darle el tamaño deseado con resize(1) y luego abrirla en 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) no impide dibujar fuera de los bordes del lienzo, y si te pasas del borde, el tamaño de la imagen se expande
  • Hay tres opciones
    • No preocuparte por las líneas que salen del borde y recortar matemáticamente al terminar
    • Agregar un margen uniforme extra antes de trabajar y quitarlo al final
    • Marcar las esquinas para recorte y cortar después
  • crop -r a b c d recorta usando las coordenadas absolutas de la imagen, y las coordenadas se pueden revisar con dd -bs 128 -count 1
  • Con el método del margen, por ejemplo, trabajas sobre un lienzo blanco de 250x250 con un borde rojo adicional de 25 píxeles y, al terminar, lo quitas con crop -i 25 para obtener un resultado exacto de 250x250

Calco y paletas

  • Puedes traer una imagen de internet, convertirla al formato de 9front y aclararla con pico para calcarla en paint(1)
  • En paint(1) puedes seguir las líneas con un color específico como HotPink y luego usar pico para dejar solo ese color y convertir el resto a blanco
  • Como material relacionado sobre paletas, está git.sr.ht/~amavect/makeu

Exportar y compartir fuera de 9front

  • Como las imágenes dibujadas en 9front son en la práctica pixel art, se recomienda convertirlas a PNG
  • Se afirma que PNG siempre es más pequeño y más nítido que JPG, y que además se ve exactamente como se veía en paint(1)
  • Otros formatos como PNG o JPG no se pueden manejar directamente en paint(1), crop(1) ni vcrop(1), pero sí se pueden mostrar con page(1)
  • Si perdiste el original, puedes convertir de nuevo un PNG al formato de 9front para editarlo
    • png -c9 my_picture.png > my_picture.pic
  • Hay muchas formas de mover el resultado a otro dispositivo, desde las más simples hasta las más complejas
    • Abrirlo con page(1) y tomarle una foto a la pantalla con el teléfono
    • Conectar una unidad USB FAT y copiarlo a /shr/sdS0M3TH1NG
    • Enviarlo a una computadora Unix con sshfs(4)
    • Conectarte por drawterm desde una computadora Unix y copiarlo a /mnt/term/some/where
    • Publicarlo en snac con mothra(1)
    • Enviártelo por correo electrónico desde la computadora 9front
    • Transferirlo por sshfs(4) a una máquina virtual dentro de 9front
    • Copiarlo al servidor web de 9front y descargarlo desde otro dispositivo

Lecturas relacionadas

1 comentarios

 
GN⁺ 3 시간 전
Comentarios de Lobste.rs
  • Plan 9 y 9front siempre me parecieron fascinantes, y el sentido del humor de 9front me recuerda a la web de antes :) Esto no es la excepción
    • Es un sistema cómodo
      Escrito desde Mothra en 9front
  • Trazar líneas rectas con una regla sobre una tableta de dibujo tiene un caos agradable un poco extraño, y es difícil explicar por qué sería malo. Ni siquiera sé si lo es
    Quizá las pequeñas variaciones naturales hasta hagan que se vea mejor que una línea de Bresenham
    Aun así, me alegra que hayan usado el compás sobre papel cebolla y no directamente sobre la superficie de la tableta
    • Si dibujas despacio, es especialmente fácil que aparezca cierta ondulación artificial
      Pero en gran parte es algo que se puede evitar si uno está consciente de ello, así que recomiendo mucho usar una guía física en lugar de una precisión artificial
    • El compás que usaba en la escuela permitía cambiar la punta de dibujo por cualquier pluma
      Si clavas la punta de aguja en un pedazo de corcho de una botella de vino, creo que podría funcionar bastante bien :^)
  • @pmjv, suponiendo que tanto triapul.cz como el memeplex de stanleylieber.com sean tuyos… ¿cómo diablos encuentras tiempo para todo eso?
    • ¡No son la misma persona!