Está inspirado el panel de gama de sombras y luces que ofrecía Pyxel Edit, el cual generaba tonos para las sombras y las luces muy interesantes de forma muy sencilla.
Añade la funcionalidad original a Krita y lo expande añadiendo nuevas opciones.
Funciona generando distintas variaciones de tono en torno a un color de base. Este color de base estará siepre en el centro del gradiente (a excepción del gradiente “mix” (Mezcla/mixer)).
Funcionalidad original (explicación)
La paleta principal de sombreado (arriba del todo), funciona desplazando/acercando el valor, la saturación y el tono (hue) del color seleccionado a un tono azul específico para las sombras (a la izquierda). Para los colores brillantes (a la derecha), funciona igual, pero desplazando los colores a un tono amarillo.
l - Modifica -únicamente- el valor (luz).
s - Modifica -únicmente- la saturación.
h - Modifica -únicmente- el tono/hue.
l, s y h son muy útiles para modificar precisamente el color actual, mediante el Botón Central del ratón(Ve la sección de ‘Muestras’)
Paletas adicionales (Explicación)
Las paletas 2 y 3 están afectadas por el tono/hue de los deslizadores que están encima de ellas. El deslizador de la izquierda controla el tono/hue para las sombras, mientras que el deslizador derecho controla el tono/hue de los tonos de luz.
Esto ofrece más control a la hora de lograr combinaciones de colores cohesivas para pintar escenas con distintas iluminaciones.
For example, lets say you are painting a sunset scene with an orange light source, and you want the shadows to gather around a pink. You can select both hues in the sliders and generate easily colors that look good in that setting.
Por ejemplo, en el caso de que estuvieras pintando un atardecer con una luz naranja y en el que quieres que las sombras tiendan al color rosa, puedes seleccionar ambos tonos en los deslizadores. De esa forma, los colores que elijas siempre tendrán coherencia en dicha escena.
2 Usa el mismo algoritmo que la paleta inspirada por Pyxel Edit.
3 Usa un algoritmo distinto (normalmente ofrece colores más apagados en las sombras, y luces más vivas/coloreadas).
Mezclador (Mix)
Mezcla 2 colores.
Usa un algoritmo que comprueba la similitud entre los dos colores, y reduce o añade más muestras en función de lo similares que sean.
(Cuanto más distintos sean, más colores añade).
Puedes cambiar la resolución (el número de colores) con el deslizador vertical que hay al lado del color 2.
Pulsa los botones/colores 1 y 2 para cambiar los colores de la mezcla.
Dichos botones tienen los siguientesatajos/shortcuts:
Atajo
Acción
Click Izquierdo
Invoca el panel de selección.
CTRL + Click Izq.
Invoca el sampleador de color para seleccionar cualquier color en pantalla.
ALT + Click Izq.
Selecciona el color primario
Click Derecho
Selecciona el color secundario.
Personalmente, el atajo CTRL + Click Izq. me parece lo más rápido y es la principal forma en la que uso el mixer.
Para generar una paleta/gradiente
Presiona el botón FG / BG para seleccionar el color primario/secundario actual, y generar la paleta entorno a dicho color.
Una ‘muestra’ es cada uno de los colores que conforman el gradiente.
Atajos de ratón:
Atajo
Acción
Click Izq.
Selecciona el color primario
Click Der.
Selecciona el color secundario
Botón Central del Ratón
Selecciona el color primariody regenera la paleta
Personalmente, el atajo del Botón Central me parece muy util para modificar los colores con precision, al modificar su valor, hue, saturación, etc., hasta que obtengas el tono que buscas.
Cuando haces click en una muestra, el color seleccionado se vuelve activo:
El borde blanco indica que el color está seleccionado
Añadir el gradiente a la paleta que tengas activa.
Gestionando las paletas
La pestaña de Gama de sombras y luces está “conectada” al panel de “Paleta” de Krita.
Como mostrar el panel ‘Paleta’
Ve a Preferencias -> Paneles -> Paleta.
Aparecerá un panel como este:
Panel Paleta
Añadir colores a la paleta
Cuando tiene un gradiente seleccionado (tras haber seleccionado una muestra), puede añadir todos sus colores a la paleta activa. Para ello, pulsa este botón:
Añade los colores del gradiente seleccionado a la paleta que tengas activa
Ordenar los colores de la paleta
Se ha incluido opciones para ordenar los colores en el panel ‘Paleta’ según distintos criterios (hue, valor, saturación, luz percibida, similitud de colores, etc.), al igual que existen en otros programas de dibujo.
Esto es algo que personalmente me parece muy útil cuando se trabaja con paletas de colores limitadas.
Para ordenar la paleta activa, pulse el botón …:
La mayoría de las opciones se explican por sí msimas. Aunque algunas merecen ser explicadas:
Perceived lightness (luz percibida): Ordena los colores en función de cómo percibe la luz el ojo humano. No siempre coincide con la clasificación por «valor».
Cielab similarity (similitud Cielab): Ordena los colores de la paleta en función de su semejanza con el color activo (primario).
Remplazo de color
Permite reemplazar con precisión un color específico en las capas/grupos seleccionados o en todo el documento.
Resulta útil cuando se desea cambiar una paleta o un color determinado de todo un documento o capa.
El color a sustituir tiene que coincidir con el color exacto (no hay margen a la hora de comparar, el color ha de ser idéntico para ser remplazado).
1 - Color a reemplazar (izquierda) y el color nuevo (derecha)
Se aplican los mismos atajos que en el Mezclador
Atajo
Acción
Click Izquierdo
Invoca el panel de selección.
CTRL + Click Izq.
Invoca el sampleador de color para seleccionar cualquier color en pantalla.
ALT + Click Izq.
Selecciona el color primario
Click Derecho
Selecciona el color secundario.
Nohacefaltaquelosrecuerdes!Simplemente **manten el ratón encima (hover)** de los colores para mostrar **un panel informativo** con dichos **atajos**:
2 - Intercambia ambos colores.
Nota: Por el momento rehacer/rehacer no está soportado de forma nativa en los scripts de Krita, así que si quieres rehacer los cambios puedes intercambiar los colores (con el botón de intercambio) y reejecutar el reemplazo de color.
3 - Alfa del nuevo color (en caso de que tengas que cambiarlo).
4 - Remplaza el color en la(s) capa(s) seleccionada(s).
Puedes seleccionar más de una capa.
5 - Reemplaza el color en todas las capas del documento.
Pintura indexada
Establece un grupo de pintura indexada para una capa (o grupo) con un solo clic.
Que es la Pintura Indexada (Index Painting)?
Index Painting is a technique that automatically dithers and reduce colors on a non-pixel art artwork.
Esto significa que puedesusartodostuspincelesquenoseanpixelartenKrita, degradados, etc. para pintar y aún así obtener una estética Pixel Art. 👌
Ejemplo de la estética que se puede lograr con la pintura indexada:
Viene con un editor de patrones que permite crear, guardar y cargar diferentes patrones/preajustes para el efecto de dithering.
Esto es principalmente para experimentar y descubrir nuevos efectos/resultados.Hice el cielo en esta obra usando Pintura Indexada.
Interfaz
1Tamaño de la Matriz: Aumentar/disminuir las filas/columnas de la matriz de dithering.
2Rotar: Rota la matriz de dithering.
3Invertir: Invierte el color en la matriz de dithering.
4Limpiar la matriz: Restablece todas las celdas.
Presiónalo dos veces para pintar/borrar todas las celdas.
5Preajustes de Dither: Elije un preajuste para la matriz de dithering.
6Guardar preajuste: Guarda la matriz de dithering actual para usarla más tarde.
7Eliminar preajuste: Elimina el preajuste seleccionado.
8Matriz de Dither: Aquí puedes pintar/modificar cada celda de la matriz de dither. Cada celda representa un píxel del patrón de dither.
Hay varias maneras diferentes de pintar la matriz:
Atajo
Acción
Click Izq. / Click Der.
Pintar/borrar celda.
CTRL + Left/Click Der.
Añade/resta el valor de la celda.
ALT + Left/Click Der.
Pinta de forma gradual/más suave.
Consejo: Mantén el ratón sobre una celda (o cualquier elemento de la interfaz!) para ver un cuadro de información con dichos shortcuts.
9Crear grupo de Pintura Indexada: Pulsa para generar un grupo de Pintura Indexada a partir de la capa/grupo seleccionada.
10Actualizar la capa de dithering: Vuelve a pintar la capa con el patrón de dithering. Viene bien para ver los cambios despues de pintar la matriz.
La capa activa debe ser la capa “Dither” o una “hermana” (estar al mismo nivel) que la capa “Dither”.
Nota: La capa de dithering debe llamarse “Dither”. Esto se debe a que después de presionar el botón, busca si hay un grupo de Pintura Indexada configurado con una capa de dithering.
11Crear capa de dithering: Añade una capa con el patroón de dithering definido en la matriz.
Esto puede servir para generar patrones de dithering (y luego usarlos en pinceles, gradientes, etc).
Configurando un grupo de Pintura Indexada
Teniendo un dibujo en blanco y negro (o una capa vacia, si quieres dibujar desde cero):
Nota: Es preferible si el dibujo ya consta de una silueta con los bordes bien definidos, ya que la Pintura Indexada tiende a generar bordes suaves/poco definidos (lo cual no suele ser una estética que se busque al hacer Pixel Art).
Pulsa el botón Index Painting, en la pestaña de Pintura Indexada:
Obrendrás algo parecido a:
Crea un grupo con todo lo necesario para la Pintura Indexada.
Nota: Haz Click Derecho en esta capa para abrir las Propiedades del filtro y editar los colores de la Pintura Indexada.
Dither: Esta capa contiene el patrón de dithering de la matriz.
Nota: Si estás usando un Gradient Map, puedes cambiar su patrón en las propiedades (Click Derecho en la capa -> Propiedades). Tener ambos patrones intensifica el efecto de dithering.
Consejo: Incrementa/reduce la opacidad opacity de la capa cambiar la fuerza del efecto de dithering.
Gradient (opcional, depende de tus Opciones de Pintura Indexada): Ayuda a visualizar el efecto y a samplear colores.
Teniendo la capa “Gradient” seleccionada, puedes samplear su color en blanco y negro con el atajo CTRL+ALT+LeftMButton. Esto sirve también para controlar/saber qué textura tendrá el dither con el valor seleccionado.
[La capa/grupo que tenías seleccionada] (B&W sphere en este ejemplo): Aquíesdondepintas!(enblancoynegro!)
Exportación
Permite exportar el documento (o la(s) capa(s) seleccionada(s)) multiplicada por un factor, con un solo click de forma muy fácil y rápida.
Left: Original scale. Right: Scaled
Esto es útil para cuando quieres exportar tu imágen pixel art con un tamaño aumentado (para que se note que es Pixel Art).
Pestaña de Exportación
Opciones de la imagen
Escala: Factor por el que se multiplica el tamaño de la imagen.
Calidad: La calidad de compresión de la imagen. Cuanto más alta, mayor calidad.
Directorio: Soporta directorios relativos y absolutos.
Relativos. Ejemplo: Exports/Version 1 exportará las imágenes en un subdirectorio relativo al directorio en el que se encuentra tu documento actual.
Ejemplo: Si tu documento se encuentra en C:\Users\Dexter\Desktop\my-awesome-pixel-art.kra, las imágenes exportadas se guardarán en C:\Users\Dexter\Desktop\Exports\Version 1
Absoluto. Ejemplo: Establecer un directorio absoluto (como por ejemplo: C:\Users\Mike\Pictures\My Pixel Art) guardará todas las imágenes exportadas en dicho directorio (y no tendrá en cuenta el directorio del documento).
File name (Nombre del fichero): El nombre de la imagen exportada.
Si lo dejas vacío usará el nombre del documento.
Formato: Selecciona el formato de la imagen. (Soporta los formatos .png, .jpg, .webp y .bmp)
Opciones de nombrado
Add scale (Añadir escala): Si está activado, adjuntara el factor de escala al nombre de la imagen.
Overwrite (Sobrescribir): Si está desactivado, añadira un sufijo único con la fecha actual, para evitar sobrescribir las imágenes que guardes.
Esto es útil si deseas guardar manualmente algunos “instantáneas” de tu dibujo y no quieres sobrescribir las imágenes.
Si está activado, las imágenes con el mismo nombre serán sobrescritas.
Selection only (Solo la selección) - Si está activado, solo exportara la region seleccionada. Util para cuando quieres exportar solo un área específica del documento.
📁 - Haz click para abrir la carpeta donde se exportan las imágenes.
Export Scaled (Exportar Escalado) - Exporta todo el documento.
Export Selected (Exportar Seleccionados) - Exporta solo la capa/capas/grupos seleccionado(s).
Trim (Recortar) - Si está activado, las layers exportadas serán recortadas automáticamente. Si está desactivado, su tamaño será el mismo del documento.
Esto es útil, por ejemplo, para exportar fácilmente diferentes sprites en un mismo documento para un videojuego 🎮.
K-Sprite
K-Sprite es un editor de Pixel Art dentro de Krita que está destinado a añadir todas las características y funcionalidades de Pixel Art que le faltan a Krita. Como un pincel pixel perfecto, mejores primitivas, líneas bezier, texto pixelado, etc.
Un ’editor de dibujo’ dentro de otro editor de dibujo?
No está pensado para reemplazar por completo el proceso de dibujar Pixel Art en Krita (¡porque Krita sigue siendo una gran herramienta para eso!). Está destinado a agregar todas las herramientas que le faltan a Krita y hacer que crear Pixel Art en Krita sea ¡unamejorexperiencia!🥳
Tutorial
Para ejecutar K-Sprite, ve a la Pestaña del Lápiz ✏️ del docker, o presiona el atajo de tecladoOpen SZK K Pixel Art Editor (SZK Pixel Art Suite) (Por defecto Alt+F3).
Se abrirá una nueva ventana, siempre por encima de Krita 1, y capturará la capa activa2:
1 - La ventana siempre se mostrará siempre en la parte superior para que puedas seguir usando otros dockers/plugin de krita mientras dibujas en K-Sprite.
2 - La capa activa estará oculta temporalmente en la interfaz de Krita. Esto se debe a que K-Sprite renderiza el documento, y tenerla visible hará que sea imposible ver los cambios en caso de que borres partes de la capa activa dentro de K-Sprite.
Podrás dibujar en la capa que tenía seleccionada cuando ejecutaste K-Sprite.
Esta capa se mostrará en la parte superior (siempre visible), mientras que el resto del documento se renderizará al fondo.
La capa seleccionada (círculo rosa) aparece en la parte superior cuando se edita en K-Sprite.
Una vez que efectues los cambios, aparecerá como de costumbre en Krita, en su posición de capa correcta.
Herramienta para crear líneas.
Atajo de teclado: V
Sobre el snaping
He añadido **máaaaaasángulos de snap para hacer lineas perfectos de lo que suele ser habitual en el resto de editores Pixel Art:
Izquierda: Otros editores de Pixel Art’ snapping. Derecha: K-Spritesnapping
Esto se debe a que personalmente me gusta dibujar edificios en perspectiva, calles, etc., y siempre he echado de menos que algunos editores no ofrezcan más ángulos de alineación para hacer algunas líneas más fáciles.
Curvas de Bezier
Curvas cúbicas y cuadráticas de Bezier!
Atajo de teclado: ALT+V
Para hacer una curva Bezier:
Haz clic y arrastra para definir los puntos de inicio y fin al hacer clic y soltar el ratón.
Coloca el primer punto de control haciendo clic una segunda vez.
Coloca el segundo punto de control haciendo clic una vez más.
Para hacer una curva de bezier cúbica, simplemente haz clic dos veces en la misma posición después de agregar el primer punto de control y termina la curva.
(Esto es para añadir el segundo punto de control esté en las mismas coordenadas que el primero).
Consejo: Si deseas que la curva siga actualizándose incluso cuando el cursor esté fuera del editor, presiona (dentro del editor) y arrastra a donde necesites para hacer tu curva.
La curva sigue actualizándose aún cuando el cursor está fuera de los límites del editor.Razón
Esto se debe a que los puntos se añaden al levantar el click del mouse, y si la ventana pierde el foco sin un evento pendiente (como mantener un botón del mouse presionado), el editor no puede ser actualizado.
Cuadrados y Círculos
Herramienta para dibujar cuadrados y círculos.
Atajos de teclado:
Cuadrados/Rectángulos: R
Círculos: C
Primitivas de Krita vs Primitivas de K-Sprite
Atajo
Acción
MAYUS (Mantener)
Hacer cuadrados/círculos de ratio 1:1.
CTRL
Cambía el origen al centro.
ALT
Mueve el cuadrado/círculo.
Cubo de relleno
Herramienta para rellenar áreas cerradas.
Atajo de teclado: F
¡Algunas formas llenas con el cubo de relleno y la opción de dither!⚠️ Advertencia sobre la herramienta de cubo de relleno
El cubo de relleno utiliza un algoritmo recursivo (El algoritmo flood fill), y Krita tiene limitadas el número total de llamadas recursivas que un script puede ejecutar, y dicho límite no se puede cambiar.
Esto significa que si el área a rellenar es lo suficientemente grande como para alcanzar dicho límite de llamadas recursivas, Krita finalizará ese proceso y el relleno no se completará, mostrando esta ventana:
Probé algunos algoritmos no recursivos, pero en general son mucho más lentos que el flood fill, por lo que es mejor usar la herramienta de cubo de relleno de Krita para rellenar áreas grandes.
Consideré quitar la herramienta, pero dado que aún hace bien el trabajo en áreas pequeñas y medianas, decidí mantenerla, ya que a veces es útil 👍.
Texto
¡Herramienta para dibujar textos con estética Pixel Art bien definida (sin bordes borrosos)!
Atajo de teclado: T
Para añadir texto:
Click y Arrastra para crear el rectángulo que contiene el texto, o simplemente haz Left Click para crear un área por defecto.
Agrega y edita tu texto en la ventana emergente:
Ventana del editor de texto
Editor de texto
1 Caja donde escribir tu texto.
2 Selecciona la fuente.
3Tamaño de la fuente.
4Alineación Horizontal y Vertical.
5Ajustar el rectángulo al texto (útil si necesitas recalcular el área de texto, en caso de que sobresalga porque se ha quedado pequeña).
6 Umbral de definición. Esto es útil para ajustar fuentes que no sean originalmente de Pixel Art, para lograr un buen acabado.
7 Color del trazo exterior.
8 Dirección del trazo exterior. Haz Click para activar/desactivar.
9 Activa/desactiva todas las direcciones del trazo exterior.
Presiona OK para aceptar los cambios, o Cancel para -redobledetambor🥁🥁🥁- cancel/descartar el text 🤯.
Puedes mover el texto mientras se está editando haciendo Clic en su rectángulo y arrastrándolo:
Moviendo el texto
Consejo: También sevenfabuloso💅confuentesquenosonpixelart!🎉🥳
Herramienta de Zoom
Herramienta para hacer zoom con precisión en áreas específicas.
Atajo de teclado: Z
Haz zoom en áreas específicas con Left Click + Arrastrar
Atajos del Zoom
Action
Click Izq.+(Arrastrar)
Zoom en rectángulo.
Click Izq.
Zoom In.
Click Der.
Zoom Out.
Lienzo
Lienzo
Aquí es donde dibujas. Esta área muestra el estado actual del documento, y estarás editando la capa que estaba activa cuando lanzaste el editor.
Controls
Atajos
Acción
Click Izq.
Dibuja con el color Principal
Click Der.
Dibuja con el color Secundario
Botón Central del Ratón or Space + Click Izq. (Drag)
Panear el lienzo.
CTRL + Botón Central del Ratón (Drag)
Zoom in/out
CTRL + Click Izq./Der.
Samplear el color principal/secundario.
X
Intercambia los colores principal/secundario.
1
(Zoom) 1:1
2
(Zoom) Ajustar el ancho/alto mínimo.
3
(Zoom) Ajustar el documento.
Consejo: Puedes dibujar dentro de máscaras en K-Sprite haciendo una selección en Krita:
Máscarás y Selección
De esta manera, solo podrás dibujar dentro de la selección en K-Sprite.
De momento no hay ningún feedback visual dentro de K-Sprite para saber si hay una selección activa. Tendrás que mirar el lienzo de Krita para verlo.
Botones de Exportacion
Botones de Exportacion
Exporta los cambios que hayas hecho en K-Sprite a Una nueva capa (New Layer) o a la Capa Activa (Active Layer) en Krita.
Nueva Capa (New layer) exportará los cambios a una nueva capa por encima de la capa seleccionada.
Capa Activa (Active layer) exportará los cambios a capa que se encontraba activa cuando has ejecutado el editor.
👉 Estos botones pueden mostrarse o no dependiendo de la capa activa al iniciar el editor.
Iniciarlo con una capa vacía hará que no se muestre el botón Nueva Capa (para evitar añadir capas innecesarias).
Iniciarlo con una capa oculta seleccionada hará que no se muestre el botón Capa Activa (esto es para evitar realizar cambios en una capa invisible por error).
Barra de Información
Barra de Información
Muestra información, atajos de teclado, consejos, etc. al pasar el cursor sobre un botón/herramienta.
La Barra de Información, en la parte inferior del editor
Esto es útil para no tener que recordar cada atajo, consejo, etc.
Opciones
Opciones de Pintura Indexada
Add gradient (Agregar degradado): Agrega un degradado para previsualizar el efecto de dithering y para poder samplear colores.
Agregar un degradado es útil para previsualizar la estética del patrón de dithering con tonos específicos ✅
Position (Posición): Cambia la posición del degradado.
Size (Tamaño): Tamaño del gradiente (porcentage en función el tamaño del documento).
Invert (Invertir): Invierte la dirección del gradiente.
Method (Método)
Index colors (Colores indexados): Usa el filtro de Index Colors.
Gradient map (Mapa de Gradiente): Usa el filtro de Gradient Map. Puedes configurar su patrón de dithering en sus propiedades.
Personalmente, prefiero la opción de Mapa de Degradado. Ya que es más fácil gestionar los colores.
Dither live preview (Previsualización en vivo de dithering): Al seleccionar un nuevo preset de patrón o editar la matriz de dithering (rotándola, invirtiéndola, etc.), si hay una capa de “Dither” seleccionada (o una hermana) de la capa seleccionada, la capa de Dither se actualizará automáticamente.
Esto es para poder ver directamente cómo los cambios afectan el patrón de *dithering*.
Hacer scroll por los presets (con los cursores) automaticamente actualiza el patrón de dithering.
Atajos de Teclado
Cómo configurar los atajos de teclado en Krita
Ve a Preferencias -> Configurar Krita. Una vez allí, pulsa la pestaña Accesos rápidos de teclado.
Busca SZK Pixel Art Suite para ver los atajos disponibles.
Atajos proporcionados por el plugin:
Paleta
Al seleccionar un color de una paleta en la pestaña de Sombreado, puedes mover hacia atrás/adelante el color activo de la paleta con los atajos:
Comando
Atajo por defecto
Previous Palette Color (SZK Pixel Art Suite)
Alt+1
Next Palette Color (SZK Pixel Art Suite)
Alt+2
K-Sprite
Puedes ejecutar el editor K-Sprite con el atajo:
Comando
Atajo por defecto
Open SZK K Pixel Art Editor (SZK Pixel Art Suite)
Alt+F3
Personalmente, recomiendo encarecidamente configurar esto a tu gusto.
Personalmente me gusta activar el editor como si estuviera cambiando de pincel (para usar una de sus características, como el pincel pixel perfecto, o dibujar una primitiva, etc.) de forma puntual y rápida, y luego volver a Krita.
Exportar Pixel Art
Puedes asignar a un atajo la acción para exportar tu Pixel Art:
Comando
Atajo por defecto
Export Scaled Pixel Art (Full Document) (SZK Pixel Art Suite)
(Sin asignar)
Export Scaled Pixel Art (Selected Layers) (SZK Pixel Art Suite)
(Sin asignar)
Solución de problemas 🔧
No puedo activar el Plugin 💡
No puedo activar el plugin en la pantalla de opciones. Éste se muestra desactivado, y cuando mantengo el ratón sobre él sale el mensaje Could not import szk_pixel_art_suite (No se ha podido importar szk_pixel_art_suite)
Esto sucede porque estás usando una versión muy vieja de Krita que incluye una versión de Python desfasada.
