Seleccionar y transformar

Selecciona parte de un sprite, muévela, escálala, gírala y voltéala, copia y pega, dibuja con simetría y ajusta a la cuadrícula y a las guías.

Una selección marca los píxeles con los que quieres trabajar. La pintura se queda dentro de ella, y los comandos de Edición y Filtro actúan sobre ella. Sin nada seleccionado, actúan sobre toda la celda.

Hacer una selección

HerramientaTeclaCómo
Selección rectangularMArrastra de esquina a esquina. Radio redondea las esquinas, todas juntas o una por una.
Selección elípticaShift+MArrastra el recuadro en el que cabe la elipse.
Selección de lazoQArrastra alrededor del área; se cierra sola.
Selección de lazo poligonalShift+QHaz clic en cada esquina; haz doble clic o pulsa Enter para cerrar.
Varita mágicaWHaz clic en un color de la capa activa, o arrastra para añadir cada área por la que pases. Contiguo toma el área conectada, Global todos los píxeles que coinciden; Tolerancia fija lo parecido que debe ser un color. Estos ajustes son propios de la varita, independientes de los del Bote de pintura.

Mantén pulsada una tecla al empezar para combinar con la selección actual:

  • sin tecla la reemplaza, y un clic sin arrastrar la borra;
  • Shift añade a ella;
  • Alt+Shift resta de ella (como en Aseprite; Alt solo también lo hace);
  • Ctrl+Shift conserva solo la intersección.

Celdas de la cuadrícula. Haz doble clic con cualquier herramienta de selección para seleccionar la celda de la cuadrícula bajo el puntero. Mantén pulsado el botón tras el segundo clic y arrastra para seleccionar todas las celdas enteras entre donde empezaste y el puntero. Funciona con cuadrículas rectangulares, isométricas y hexagonales, y selecciona la forma exacta de cada celda. Las teclas de arriba combinan las celdas con la selección que tenías antes del doble clic. Usa la cuadrícula del sprite cuando hay una configurada en Ver > Cuadrícula > Ajustes de la cuadrícula... o la cuadrícula se muestra; si no, un doble clic son solo dos clics. Con la herramienta Selección de lazo poligonal, una vez colocada una esquina, el doble clic cierra la forma como siempre.

La selección se muestra como un contorno discontinuo en movimiento ("hormigas marchando") que sigue su forma exacta.

El menú Selección:

  • Selección > Seleccionar todo (Ctrl+A) selecciona todo el lienzo.
  • Selección > Deseleccionar (Ctrl+D) borra la selección, igual que Esc.
  • Selección > Volver a seleccionar (Ctrl+Shift+D) recupera la última selección que borraste.
  • Selección > Invertir selección (Ctrl+Shift+I) intercambia lo que está seleccionado y lo que no.
  • Selección > Máscara rápida te deja pintar la selección en su lugar (Máscara rápida).
  • Seleccionar opacos selecciona cada píxel pintado de la capa activa; Seleccionar transparentes selecciona cada píxel sin pintura. En un grupo, eso significa los píxeles de todas las capas que contiene.
  • Modificar > Expandir..., Contraer... y Borde... cambian la forma de la selección en un número de píxeles (hasta 256). Expandir la hace crecer hacia fuera. Contraer la encoge hacia dentro, y todo lo más delgado que esa cantidad desaparece. Borde conserva solo una banda de ese ancho a lo largo del interior del contorno, que luego puedes rellenar para delinear una forma. Esquinas elige Redondas (el pincel circular del mismo alcance, como en Aseprite; a 1 píxel solo cuentan los píxeles justo arriba, abajo y a los lados) o Cuadradas (también cuentan las diagonales). El borde de la selección cuenta como borde, así que contraer Seleccionar todo deja un margen y su borde es un marco alrededor del lienzo. Una selección que sobresale del lienzo conserva su parte fuera del lienzo: contraerla no la mete desde el borde del lienzo. El cuadro de diálogo recuerda tu última cantidad y esquinas.

Desde una capa. Mantén pulsada Alt y haz clic en una capa de la línea de tiempo para seleccionar sus píxeles pintados en el fotograma actual, sin convertirla en la capa activa. Añade Shift para añadirlos a la selección, Ctrl para restarlos, o ambas para conservar solo la intersección.

Las selecciones se pueden deshacer como cualquier otro cambio. Cada sprite tiene las suyas.

Máscara rápida

Selección > Máscara rápida te deja pintar la selección en lugar de dibujar su contorno. No tiene atajo propio; puedes asignarle uno en Ajustes > Atajos de teclado....

Al activarla, la selección se convierte en pintura: el lienzo se tiñe de rojo donde no hay nada seleccionado y queda limpio donde sí lo hay. Sin nada seleccionado, se tiñe todo el lienzo. Mientras está activa:

  • las herramientas de pintura pintan la selección. El lápiz, los pinceles, las formas, el bote de pintura y el degradado la amplían, y el borrador la reduce. Las formas de pincel, la simetría, la presión y la dinámica funcionan como siempre. El color da igual; solo cuenta lo opaca que sea la pintura;
  • tus capas no se pueden modificar: las demás herramientas, y los comandos que editarían el sprite, no hacen nada hasta que la desactives;
  • Deshacer y Rehacer recorren tus trazos; deshacer más allá del primero desactiva la máscara rápida.

Vuelve a elegir Selección > Máscara rápida para desactivarla: cada píxel pintado con la mitad de opacidad o más pasa a ser la selección. Activarla y desactivarla son un paso de deshacer cada uno.

Cada sprite tiene su propia máscara rápida, y sigue activa mientras cambias de fotograma, de capa o de pestaña. Nunca se guarda: no está en el archivo, en una exportación ni en Sync, y si cierras el sprite con ella activa pierdes lo que pintaste. Ejecutar un script la desactiva primero, así el script recibe lo que pintaste como selección.

Qué usa la selección

  • Pintar. Todas las herramientas de dibujo se quedan dentro de la selección.
  • Comandos de Edición. Edición > Rellenar rellena la selección con el color de primer plano; Edición > Contornear selección... pinta una línea de un ancho y color elegidos a lo largo de su borde (por dentro, centrada o por fuera); Edición > Eliminar la borra (una capa de fondo se borra al color de fondo) y reduce la celda a lo que queda, quitándola cuando no queda nada. Eliminar y Edición > Cortar después descartan la selección, como en Aseprite (un solo deshacer recupera ambos, y Selección > Volver a seleccionar la selección); Edición > Voltear horizontalmente y Edición > Voltear verticalmente la voltean en su sitio: cada píxel seleccionado pasa a su posición simétrica dentro de los límites de la selección, los huecos que deja quedan vacíos (con el color de fondo en una capa de fondo), y el contorno de la selección se voltea con ella. Sin nada seleccionado, Rellenar y Voltear actúan sobre toda la celda, y Eliminar quita la celda (en una celda vinculada, solo la de este fotograma).
  • Ajustes y efectos (el menú Filtro) funcionan dentro de la selección. Su opción Aplicar a elige qué celdas: la activa, las celdas seleccionadas en la línea de tiempo, todos los fotogramas de la capa, todas las capas del fotograma, o todo.

Mover y transformar

Las teclas de flecha mueven los píxeles seleccionados de uno en uno, y Shift con una flecha una celda de la cuadrícula, como en Aseprite; cada pulsación es un paso de deshacer. Sin nada seleccionado, ← y → recorren los fotogramas y ↑ y ↓ las capas.

Con la Mover (V), la selección, o toda la celda si no hay nada seleccionado, recibe un marco con tiradores. Entonces:

ParaHaz
MoverArrastra por dentro. Shift mantiene una sola dirección; mantén Alt para mover una copia.
EscalarArrastra un tirador de esquina o de borde. Shift mantiene las proporciones.
SesgarMantén Ctrl y arrastra un tirador de borde.
DistorsionarMantén Ctrl y arrastra un tirador de esquina: esa esquina se mueve sola, para cualquier forma de cuatro lados.
PerspectivaMantén Ctrl y Shift y arrastra un tirador de esquina: la esquina opuesta de ese borde se mueve en sentido contrario, como un suelo o una pared que se aleja en la distancia.
GirarArrastra justo fuera de una esquina. Shift se ajusta a pasos de 15°; la información del lienzo muestra el ángulo.
Cambiar el centroArrastra el punto del medio, o elige un punto en la cuadrícula Pivote de las opciones de herramienta.

Pulsa Enter, haz clic fuera o cambia de herramienta para aplicar el cambio como un paso de deshacer; Esc lo cancela. Las opciones de herramienta eligen cómo la rotación y el escalado redibujan los píxeles:

  • Rotación rápida conserva cada píxel tal cual (la opción habitual para pixel art);
  • RotSprite gira mediante un reescalado 8× para bordes más suaves y limpios;
  • Bilineal mezcla colores intermedios.

Puedes distorsionar y después seguir escalando, girando o moviendo el resultado. La forma tiene que seguir siendo convexa: una esquina no se puede arrastrar al otro lado de la forma para plegarla.

El arte movido o transformado más allá del borde del lienzo no se pierde:

  • Con nada seleccionado, toda la celda se mueve y lo conserva todo, así que arrastrarla medio fuera del lienzo y devolverla lo recupera todo. Al escalarla o girarla se conserva lo que cae dentro del lienzo y del área anterior de la celda, la muevas donde la muevas.
  • Los píxeles seleccionados o pegados se conservan dentro del lienzo y del área que la celda ya cubre; lo que queda más allá se corta al aplicar.
  • En la capa de fondo, todo lo que queda más allá del borde del lienzo se corta.

Las opciones de la herramienta Mover también tienen campos numéricos: X e Y (la izquierda y la parte superior de la forma transformada), An y Al (su tamaño en píxeles, escalado respecto al pivote) y el ángulo en grados. Escribe un valor y pulsa Enter para iniciar o editar la transformación pendiente. Con nada seleccionado y varias celdas seleccionadas en la línea de tiempo, al aplicar la transformación se mueven, escalan o giran todas las celdas seleccionadas de la misma manera, como un paso de deshacer.

Una capa con Bloquear movimiento activado no se puede mover, aunque sí se puede escalar, girar y distorsionar en su sitio. Con Ajustar a la cuadrícula activado, al mover se ajusta la esquina a la cuadrícula y al escalar se ajusta el borde que arrastras; una esquina distorsionada se ajusta a los puntos de la cuadrícula.

Edición > Transformar también tiene:

Para girar o voltear el sprite completo o una capa completa, usa los menús Sprite y Capa (Sprite > Girar 90° a la derecha, Sprite > Voltear lienzo horizontalmente, Capa > Voltear capa horizontalmente y los de al lado).

Copiar y pegar

ComandoQué hace
Edición > Copiar (Ctrl+C)Copia los píxeles seleccionados de la capa activa.
Edición > Cortar (Ctrl+X)Los copia y luego los borra.
Edición > Copiar fusionadoCopia lo que ves: todas las capas visibles, dentro de la selección o de todo el lienzo.
Edición > Pegar (Ctrl+V)Pega como una imagen flotante que puedes mover y transformar, y luego aplicar.
Edición > Pegar como nueva capaPega en una capa nueva llamada "Pasted".
Edición > Pegar como nuevo spriteAbre la imagen del portapapeles como un sprite nuevo.

Un pegado aterriza donde está la selección (así que copiar y pegar lo devuelve al mismo sitio), o en el centro de la vista. Los píxeles transparentes que contiene no borran lo que hay debajo. Pulsa Enter o haz clic fuera para colocarlo, o Esc para descartarlo.

Las copias también van al portapapeles de tu dispositivo como PNG, y las imágenes copiadas en otras apps se pueden pegar.

Cuando la línea de tiempo tiene el foco del teclado, estos atajos copian y pegan celdas completas (Animación y la línea de tiempo).

Simetría

Activa la simetría con el botón Simetría a la derecha de la barra de opciones de herramienta, y todas las herramientas de dibujo reflejan lo que dibujas. Su menú elige los ejes, que se pueden combinar:

  • Horizontal refleja de arriba abajo; Vertical refleja de izquierda a derecha;
  • las dos Diagonales reflejan a través de las esquinas;
  • Horizontal y Vertical juntas dan simetría en cuatro direcciones.

Arrastra las guías discontinuas del lienzo para mover un eje (se ajustan a medios píxeles, de modo que los tamaños impares y pares se reflejan bien), y Restablecer las devuelve al centro. Cada sprite recuerda su propia simetría. La herramienta Mover y las herramientas de selección no se reflejan.

Los trazos reflejados trabajan con los píxeles de su propio lado: un trazo translúcido, de sombreado, de desenfoque o de aclarar/oscurecer se mezcla con lo que hay debajo de cada reflejo, y el Bote de pintura vuelve a rellenar desde el punto de clic reflejado.

La cuadrícula

Ver > Cuadrícula tiene:

Las cuadrículas hexagonales pueden ser de punta arriba (una esquina arriba, lados rectos a izquierda y derecha) o de lado plano arriba (una esquina a la izquierda). Ancho y Alto son el recuadro delimitador de un hexágono y la Longitud del lado es la longitud de sus lados rectos. Los píxeles tienen que cuadrar de forma exacta: el ancho (punta arriba) o el alto (lado plano) debe ser par, y el recuadro debe ser más largo que el lado por un número par de píxeles, para que cada extremo en punta tenga una altura de un número entero de píxeles. Al elegir el tipo, o al cambiar la orientación, se ajusta un hexágono de aspecto regular; el cuadro de diálogo te dice qué falla si escribes una combinación que no encaja. Una de cada dos filas queda desplazada media celda, y las líneas se dibujan exactas al píxel. Ajustar a la cuadrícula se ajusta a las esquinas de los hexágonos, y Detener en la cuadrícula rellena un solo hexágono.

El tipo, el desfase y el tamaño de la cuadrícula se guardan con el sprite (y se pueden deshacer); su color y opacidad, y si se muestra o ajusta, se aplican a todos los sprites. Los archivos .aseprite conservan solo el recuadro delimitador, como hacen con las cuadrículas isométricas.

Reglas y guías

Ver > Guías > Mostrar reglas (Ctrl+R) coloca una regla a lo largo de la parte superior y la izquierda de cada editor, marcada en píxeles del sprite. La extensión del propio sprite aparece sombreada en cada una, y el píxel bajo el puntero se resalta.

Las guías son líneas que colocas a lo largo del sprite para alinear cosas. Nunca aparecen en el arte ni en las exportaciones.

  • Añade una arrastrando desde una regla hacia el lienzo: desde la regla superior para una guía horizontal, desde la regla izquierda para una vertical. La posición se muestra mientras arrastras, y las guías siempre se colocan en el borde de un píxel. Para un punto exacto, usa Ver > Guías > Nueva guía....
  • Muévela con la herramienta Mover: arrastra la guía.
  • Quítala arrastrándola fuera del lienzo (de vuelta a una regla), o quita todas con Ver > Guías > Borrar guías.
  • Esc cancela el arrastre de una guía.

También en Ver > Guías:

  • Ver > Guías > Mostrar guías (Ctrl+;) las oculta o las muestra;
  • Ver > Guías > Ajustar a las guías (Ctrl+Shift+;) atrae formas, líneas, selecciones rectangulares y elípticas, slices y degradados hacia una guía dentro de unos pocos píxeles de pantalla, y también al mover o escalar con la herramienta Mover (una selección movida cae en el borde que esté más cerca de la guía). Una guía al alcance gana a la cuadrícula;
  • Ver > Guías > Bloquear guías (Ctrl+Alt+;) impide mover o quitar las guías arrastrándolas.

Las guías se guardan con el sprite, también en archivos .aseprite (Aseprite las conserva pero no las muestra), y añadir, mover o quitar una se puede deshacer. Se mueven con el arte cuando cambias el tamaño del lienzo, recortas, redimensionas, giras o volteas el sprite. Si se muestran, se ajustan o están bloqueadas, y si se muestran las reglas, se aplica a todos los sprites.

Cuadrícula de perspectiva

Ver > Cuadrícula de perspectiva activa una ayuda de dibujo para la perspectiva: los rayos se abren desde uno, dos o tres puntos de fuga, con una línea de horizonte por los dos primeros. Como las guías, nunca aparece en el arte. Con la herramienta Mover, arrastra un punto para moverlo (un punto puede estar muy fuera del lienzo). Ver > Cuadrícula de perspectiva > Ajustes de la cuadrícula de perspectiva... fija 1, 2 o 3 puntos, las posiciones de los puntos y cuántos rayos salen de cada uno. Se guarda con el sprite, se mueve con el arte cuando redimensionas, giras o volteas el lienzo, y se puede deshacer; se descarta en los archivos .aseprite. Nada se ajusta a ella.

Elige Ojo de pez como tipo para una cuadrícula curvilínea de 5 puntos: un círculo con un punto central, y líneas horizontales y verticales curvas que se encuentran todas en los puntos izquierdo, derecho, superior e inferior del círculo, con líneas rectas por el centro. Fija el centro, el radio y cuántas líneas van en cada sentido en el cuadro de diálogo, o arrastra el centro y el tirador del círculo con la herramienta Mover.

En una vista girada, cada regla mide el eje del sprite que corre más cerca de ella, así que a 90° la regla superior muestra y (contando al revés en algunos ángulos). En ángulos entre cuartos de vuelta las reglas leen a lo largo de la línea que pasa por el centro de la vista, y el resaltado sigue al puntero. Las guías se pueden añadir y arrastrar con cualquier ángulo.