Herramientas
Todas las herramientas de la barra de herramientas, qué hacen, su atajo de teclado y sus opciones.
La barra de herramientas tiene 33 herramientas. Algunas comparten un botón: una pequeña marca en la esquina indica que un botón contiene más de una herramienta, y al hacer clic derecho sobre él se listan. Al pulsar de nuevo la tecla de un botón compartido se pasa a la siguiente herramienta de ese botón (por ejemplo, B elige el Lápiz, al pulsar B otra vez se elige el Aerógrafo, luego el Dispersión y después el Tramado).
Los ajustes de cada herramienta aparecen en la barra de opciones de herramienta sobre el lienzo, y cada entrada de abajo enlaza con ellos en Opciones de herramienta. Cada herramienta conserva su propio tamaño de pincel, forma y tinta, así que al pasar del lápiz al borrador y volver, regresa el pincel del lápiz; desactiva Ajustes > Recordar el pincel por herramienta para compartir un único pincel entre todas las herramientas. El resto de tus ajustes se conservan al cambiar de herramienta.
Cómo se comportan las herramientas
- Botones izquierdo y derecho del mouse. El botón izquierdo dibuja con el color de primer plano y el botón derecho con el color de fondo. Con la tinta Sombreado, el botón derecho recorre la rampa de tonos en sentido contrario.
- Alt toma un color. Mantener pulsada Alt sobre el lienzo cambia al Cuentagotas hasta que sueltas, excepto en las herramientas que usan Alt por su cuenta: las herramientas de selección, Varita mágica, Mover, Mano, Línea, Rectángulo, Elipse, Triángulo, Hexágono, Estrella, Sello de tiles y Forma isométrica.
- Selecciones y simetría. Cuando hay una parte del sprite seleccionada, la pintura se queda dentro de la selección. Con la simetría activada, los trazos y las formas se reflejan a través de los ejes de simetría.
- Pintar varias celdas a la vez. Activa Pintar en varias celdas en la barra de opciones de herramienta y luego selecciona celdas en la línea de tiempo: cada trazo, relleno o forma que hagas en una de ellas se aplica a todas ellas, y un solo deshacer lo revierte todo. La insignia junto al botón indica hasta dónde llega, por ejemplo "2 capas × 4 fotogramas". Mientras dibujas ves el trazo en la celda que estás pintando; las demás se actualizan cuando sueltas.
- Ajustar a la cuadrícula (Shift+S) ajusta formas, líneas, selecciones, slices y degradados a la cuadrícula del documento. Un arrastre a través de celdas las cubre exactamente, como en Aseprite: un rectángulo o una selección arrastrados sobre una celda de 8×8 es de 8×8, no de 9×9. Ajustar a las guías (Ctrl+Shift+;) los ajusta a una guía cercana, que tiene prioridad sobre la cuadrícula.
- Formas y líneas. Shift hace un cuadrado, un círculo o un recuadro cuadrado (según el lado más corto del arrastre, como en Aseprite) y ajusta el ángulo de una línea. Alt o Ctrl dibuja desde el centro: el punto donde pulsaste pasa a ser el medio. Pulsar o soltar estas teclas durante el arrastre actualiza la forma de inmediato, salvo que en el Rectángulo pulsar Alt después de empezar el arrastre lo gira.
- Líneas rectas desde el último punto. Shift+clic con cualquier herramienta de mano alzada (Lápiz, Borrador, Tramado, Aerógrafo, Dispersión, Desenfoque, Mezcla, Aclarar/Oscurecer) dibuja una línea recta desde donde terminó el último trazo a mano alzada, sea cual sea la herramienta que lo hizo y en la capa o fotograma que sea. El estabilizador no se aplica a esa línea, así que llega hasta el clic.
- Las capas bloqueadas y ocultas no se pueden pintar, incluidas las capas dentro de un grupo bloqueado u oculto.
- Capas de tilemap. Las herramientas de píxeles pintan los tiles de una capa de tilemap en los modos de píxeles; elegir una estando en modo Tiles vuelve al modo Píxeles. El Sello de tiles cambia al modo Tiles.
- Las herramientas de varios pasos (Selección de lazo poligonal, Polígono, Curva, Forma isométrica) terminan con Enter o un doble clic. Esc cancela. La herramienta Texto termina con Ctrl+Enter, ya que Enter empieza una línea nueva.
- La rueda de herramientas. Mantén pulsada ` (la tecla de acento grave, bajo Esc) y se abren dos anillos de herramientas alrededor del puntero: el anillo interior cerca, el exterior detrás con cada icono entre dos del interior. Muévete hacia una y suelta la tecla para cambiar a ella; soltar en el centro, o pulsar Esc, no cambia nada. Elige las herramientas y dónde se colocan en Ajustes > Rueda de herramientas...: arrastra herramientas a las ocho ranuras de cada anillo (las ranuras pueden quedar vacías), arrastra una ranura sobre otra para intercambiarlas, y haz clic derecho en una ranura o arrástrala a la papelera al final de su fila para vaciarla.
- Tomar prestada una herramienta. Activa Ajustes > Mantener tecla para tomar herramienta prestada y la tecla de una herramienta hace dos cosas: pulsarla brevemente cambia a la herramienta como de costumbre, mientras que mantenerla un momento solo toma prestada la herramienta, y al soltar vuelves a la herramienta que tenías (mantén E para borrar, suelta para seguir con el lápiz). Viene desactivado para que una tecla mantenida mientras piensas nunca cambie la herramienta.
- Desplazamiento. Mantén pulsada Space y arrastra, o arrastra con el botón central del mouse, con cualquier herramienta (Espacio es la tecla rápida de la herramienta Mano, como en Aseprite). Mientras el dibujo con teclado está activado, Espacio dibuja en su lugar.
Opciones de pincel y tinta
Las herramientas de dibujo comparten sus opciones de pincel y tinta: el Tamaño del pincel de 1 a 64 píxeles (que también usan el Aerógrafo, Dispersión, Tramado, Desenfoque, Mezcla y Aclarar/Oscurecer), la Forma del pincel (cuadrado, círculo, línea, rombo, cruz, X o estrella) y el Ángulo (gira la línea y el cuadrado), un botón Pinceles personalizados para la Biblioteca de pinceles (sus pinceles integrados y Mis pinceles), Píxel perfecto, Dinámica (un estabilizador, y la presión del lápiz o la velocidad asignadas al tamaño, el ángulo y el color; la presión del lápiz sobre el tamaño viene activada, y los trazos con mouse y dedo ignoran la presión) y la Tinta con sus Tonos. La lista de cada herramienta, con los valores y los valores predeterminados, está en Opciones de herramienta.
Herramientas de selección
Haz doble clic con cualquiera de ellas para seleccionar la celda de la cuadrícula bajo el puntero, y mantén pulsado el botón tras el segundo clic para arrastrar por más celdas (celdas de la cuadrícula).
Selección rectangularM
En el botón Selección de marco de la barra de herramientas, junto con Selección elíptica.Arrastra para seleccionar un área rectangular; con doble clic seleccionas una celda de la cuadrícula. Sus opciones.
Arrastra de una esquina a la opuesta. Mantén una tecla al empezar para combinar con la selección actual, como en Aseprite: Shift añade a ella, Alt+Shift (o solo Alt) resta de ella, y Ctrl+Shift conserva solo la intersección. Un clic sin arrastrar deselecciona. Durante el arrastre, Shift hace un cuadrado y Ctrl lo hace crecer desde el punto donde pulsaste; una tecla que mantenías al empezar solo hace esto cuando la vuelves a pulsar. Radio redondea las esquinas de la selección, las cuatro juntas o cada una por separado (consulta el Rectángulo más abajo); el marco conserva su propio radio, independiente del del Rectángulo.
Selección elípticaShift+M
En el botón Selección de marco de la barra de herramientas, junto con Selección rectangular.Arrastra para seleccionar un área elíptica; con Mayús será un círculo y con doble clic seleccionas una celda de la cuadrícula.
Funciona como la Selección rectangular, con las mismas teclas al empezar y durante el arrastre: Shift durante el arrastre hace un círculo y Ctrl lo hace crecer desde el centro. Un clic sin arrastrar deselecciona.
Selección de lazoQ
En el botón Selección de lazo de la barra de herramientas, junto con Selección de lazo poligonal.Arrastra un contorno a mano alzada para seleccionar el área que encierra; con doble clic seleccionas una celda de la cuadrícula.
Arrastra alrededor del área; el contorno se cierra solo al soltar. Las teclas se combinan con la selección actual como arriba, y un clic sin arrastrar deselecciona.
Selección de lazo poligonalShift+Q
En el botón Selección de lazo de la barra de herramientas, junto con Selección de lazo.Haz clic para colocar esquinas; haz doble clic o pulsa Intro para cerrar la forma y seleccionarla.
Cada clic añade una esquina, y una línea sigue al puntero para mostrar el siguiente borde. Pulsar y arrastrar antes de soltar añade dos esquinas, donde pulsaste y donde soltaste, como en Aseprite. Haz doble clic o pulsa Enter para cerrar la forma. Esc cancela.
Varita mágicaW
Haz clic para seleccionar los píxeles de un color similar en la capa activa; arrastra para añadir cada área por la que pases. Sus opciones.
Selecciona por color solo en la capa activa. Contiguo selecciona el área conectada en la que haces clic; Global selecciona todos los píxeles que coinciden en la capa. Tolerancia (de 0 a 255) fija cuánto puede diferir un color y aun así coincidir. En un sprite indexado compara índices de la paleta: dos entradas del mismo color son distintas, y Tolerancia es a cuántos índices de distancia puede estar un píxel. 8 conexiones y Detener en la cuadrícula funcionan igual que con el bote de pintura. Estos ajustes son propios de la varita: cambiarlos no toca los del bote de pintura (en Aseprite los dos comparten los mismos). Mantén pulsado y arrastra para barrer: cada área por la que pasa el puntero se suma a una sola selección, el contorno crece sobre la marcha y, al soltar, todo queda como un único paso que deshacer. La varita ignora la selección actual mientras busca píxeles que coincidan; las teclas de selección que mantienes al pulsar combinan después todo el resultado con la selección actual. Un clic fuera del lienzo no hace nada.
Herramientas de dibujo
LápizB
En el botón Lápiz de la barra de herramientas, junto con Aerógrafo, Dispersión y Tramado.Dibuja a mano alzada con el pincel actual; arrastrar con el botón derecho dibuja con el color de fondo. Sus opciones.
Arrastra para dibujar; todo el trazo es un paso de deshacer. Shift+clic dibuja una línea recta desde donde terminó el último trazo a mano alzada. En la vista en mosaico, los trazos dan la vuelta por los bordes. Como en Aseprite, un pincel de línea inclinada omite el píxel perfecto (quitar esquinas dejaría huecos en su banda).
Opciones: tamaño, forma y ángulo del pincel, píxel perfecto, tinta y dinámica. En una capa de tilemap, Colocar tiles pone el tile seleccionado en las celdas que toca el trazo.
AerógrafoShift+B
En el botón Lápiz de la barra de herramientas, junto con Lápiz, Dispersión y Tramado.Rocía puntos al azar alrededor del puntero, acumulándolos mientras lo mantienes pulsado. Sus opciones.
Mantener el botón quieto sigue rociando. Caudal (de 1 a 64) fija cuántos puntos añade cada ráfaga; al moverte, rocía una ráfaga por píxel de recorrido, así que un mouse o lápiz rápido no rocía más denso. El radio del aerógrafo sigue el tamaño del pincel.
DispersiónAlt+Shift+B
En el botón Lápiz de la barra de herramientas, junto con Lápiz, Aerógrafo y Tramado.Estampa el pincel a lo largo del trazo, cada sello desplazado al azar: follaje, hierba, destellos. Sus opciones.
Arrastra para estampar el pincel a lo largo de tu trayecto, separado aproximadamente un ancho de pincel, y cada estampa cae en un punto aleatorio cercano al trayecto: ideal para hojas, hierba, destellos y escombros, sobre todo con un pincel personalizado. Dispersión X y Dispersión Y (de 0 a 64 píxeles) fijan hasta dónde puede caer una estampa a cada lado del trayecto y por encima o por debajo, y Cantidad (de 1 a 16) fija cuántas estampas caen en cada paso. Con ambos desplazamientos en 0 obtienes una línea de puntos. Todo el trazo es un paso de deshacer, y a diferencia del aerógrafo, mantener quieto no añade nada.
Opciones: tamaño, forma y ángulo del pincel, tinta, Dispersión X, Dispersión Y y Cantidad.
Tramado
En el botón Lápiz de la barra de herramientas, junto con Lápiz, Aerógrafo y Dispersión.Dibuja a mano alzada con el pincel actual, pintando solo los píxeles de un patrón ordenado (un tablero de ajedrez al 50%) y dejando intactos los demás; arrastrar con el botón derecho pinta con el color de fondo. Sus opciones.
Dibuja como el lápiz, pero pinta solo los píxeles de un patrón ordenado y deja intactos los píxeles intermedios, para sombreados y texturas con tramado. Patrón elige el patrón (Bayer 2×2, 4×4 u 8×8, puntos de semitono, líneas horizontales, verticales o diagonales, o ruido) y Densidad (de 0 a 100%) cuánto de él se pinta: el 50% de Bayer 2×2 es un damero, el 100% pinta cada píxel. El patrón se alinea con la esquina superior izquierda del sprite, no con tu trazo, así que los trazos que se superponen, los trazos reflejados y otros fotogramas se mantienen en un solo patrón. Con la vista previa del pincel activada, el cursor muestra los píxeles que pintaría un trazo. Shift+clic dibuja una línea recta desde donde terminó el último trazo a mano alzada.
Opciones: tamaño, forma y ángulo del pincel, píxel perfecto, tinta, dinámica, Patrón y Densidad.
BorradorE
Borra píxeles hasta dejarlos transparentes con el pincel actual. Sus opciones.
Borra a transparente con el pincel actual. Shift+clic borra una línea recta desde el final del último trazo a mano alzada. La opción Clic derecho elige qué hace el botón derecho: Pintar fondo pinta el color de fondo, y Reemplazar PP convierte en color de fondo solo los píxeles del color de primer plano.
Con un lápiz que tiene extremo de borrador, dale la vuelta: el editor cambia al Borrador mientras el extremo de borrador está sobre el lienzo o encima de él, y vuelve a tu herramienta cuando dibujas de nuevo con la punta o apartas el lápiz. Un trazo siempre termina con la herramienta con la que empezó.
CuentagotasI
Haz clic para tomar el color de primer plano del lienzo; el clic derecho toma el color de fondo. Sus opciones.
Haz clic, o arrastra para seguir tomando colores mientras te mueves. Los píxeles transparentes se omiten. Compuesto toma el color que ves, de todas las capas visibles; Capa toma solo de la capa activa.
Herramientas de vista
ZoomZ
Haz clic para acercar a un punto; clic derecho para alejar.
Cada clic acerca un paso, manteniendo donde está el punto bajo el puntero (también en la vista en mosaico, en la copia en la que hiciste clic); el clic derecho aleja.
ManoH
Arrastra para desplazar la vista.
Arrastra para mover la vista. El doble clic acerca 2x; Alt y doble clic aleja.
Mover y cortar
MoverV
Arrastra para mover la selección o toda la celda; sus tiradores la escalan, rotan e inclinan, y arrastrar una esquina con Ctrl/Cmd la distorsiona (añade Mayús para perspectiva). Sus opciones.
Arrastra por dentro para mover los píxeles; Shift limita el movimiento a una dirección y Alt mueve una copia. Los tiradores los transforman:
- arrastra un tirador de esquina o de borde para escalar (Shift mantiene las proporciones);
- Ctrl y arrastra un tirador de borde para sesgar;
- Ctrl y arrastra un tirador de esquina para distorsionarla por separado (añade Shift para perspectiva);
- arrastra justo fuera de una esquina para girar (Shift se ajusta a pasos de 15°);
- arrastra el punto del medio para mover el punto alrededor del cual todo gira y se escala.
Pulsa Enter o haz clic fuera para aplicar el cambio como un paso de deshacer, o Esc para cancelarlo. Las opciones eligen el método de rotación (Rotación rápida, RotSprite o Bilineal) y colocan el pivote. Las capas con el movimiento bloqueado no se pueden mover.
La herramienta Mover también arrastra guías (a menos que Ver > Guías > Bloquear guías esté activado): arrastra una para moverla, o fuera del lienzo para quitarla. Con Ver > Guías > Ajustar a las guías activado, al mover el borde más cercano del contenido cae sobre una guía al alcance, y el escalado y el pivote también se ajustan a las guías.
SliceShift+C
Arrastra para crear un slice, una región con nombre para exportar o para escalado de 9 slices; haz clic en un slice para editarlo.
Arrastra en un punto vacío para crear un slice; Shift lo hace cuadrado. Haz clic en un slice para seleccionarlo (Shift o Ctrl añade a la selección), y luego arrástralo, o arrastra sus tiradores, sus guías de 9-slice o su pivote. Haz doble clic en un slice para abrir sus propiedades, o clic derecho para ver su menú. Los cambios se aplican desde el fotograma actual en adelante.
Herramientas de relleno
Bote de pinturaG
En el botón Bote de pintura de la barra de herramientas, junto con Degradado.Rellena el área en la que haces clic, o todos los píxeles coincidentes, con el color de primer plano. Sus opciones.
Contiguo rellena el área conectada en la que haces clic; Global recolorea todos los píxeles que coinciden en la capa. Tolerancia (de 0 a 255) fija lo cercano que debe ser un color para contar como coincidente (en un sprite indexado, lo cercano que debe ser un índice de la paleta, igual que con la varita mágica). El clic derecho rellena con el color de fondo.
En una capa de tilemap, Colocar tiles hace que el bote rellene celdas en lugar de píxeles: Contiguo rellena las celdas conectadas que contienen el tile de la celda en la que hiciste clic con el tile seleccionado, Global todas las celdas que lo contienen (Tolerancia y las demás opciones de píxeles no se aplican).
Con una selección, un relleno Contiguo se queda dentro de ella: los píxeles no seleccionados actúan como paredes, así que el relleno no fluye de un área seleccionada a otra, y hacer clic fuera de la selección no rellena nada. Un relleno Global recolorea los píxeles coincidentes dentro de la selección donde sea que hagas clic.
8 conexiones (solo Contiguo) también se extiende a los vecinos diagonales, así que el relleno se filtra por líneas diagonales de 1 px; desactivado, solo cuentan como conectados arriba, abajo, izquierda y derecha (el valor predeterminado de Aseprite). Detener en la cuadrícula, mientras se muestra la cuadrícula, mantiene el relleno dentro de la celda de la cuadrícula en la que haces clic. En una cuadrícula isométrica es el rombo que dibuja la cuadrícula: incluye los píxeles de línea a lo largo de sus dos bordes superiores y se detiene en las líneas de sus bordes inferiores, que pertenecen a los rombos de abajo. Una cuadrícula hexagonal funciona igual: un hexágono incluye los píxeles de línea a lo largo de su lado izquierdo y sus dos bordes superiores.
Cerrar huecos (de 0 a 5, solo Contiguo) te permite rellenar un contorno de boceto que no está del todo cerrado: los huecos de hasta ese número de píxeles de ancho cuentan como cerrados, así que el relleno se detiene en ellos en lugar de escaparse, y el propio hueco se rellena. Mantenlo bajo en formas pequeñas, donde un valor alto también puede detener el relleno en cuellos estrechos dentro de la forma.
Patrón rellena con un patrón repetido de los colores de primer plano y de fondo (Damero, Tramado 25% y 75%, rayas, Diagonal, Cuadrícula, Puntos, Ladrillos) en lugar de un color sólido; el clic derecho intercambia los dos. Los patrones se alinean desde la esquina superior izquierda del lienzo, así que los rellenos contiguos coinciden.
DegradadoShift+G
En el botón Bote de pintura de la barra de herramientas, junto con Bote de pintura.Arrastra desde dentro de un área para rellenarla, como el bote de pintura, con un degradado de primer plano a fondo. Sus opciones.
Arrastra desde donde empieza el degradado hasta donde termina; arrastrar con el botón derecho lo hace en sentido contrario. Como el bote de pintura, rellena solo el área en la que empiezas: el área conectada del color sobre el que pulsas (o, con Global, todos los píxeles de ese color), con la Tolerancia, 8 conexiones, Detener en la cuadrícula y Cerrar huecos del bote, y dentro de la selección, así que puedes sombrear una forma sin seleccionarla antes. Para rellenar toda la capa, usa Global con Tolerancia 255. Con la simetría activada, las áreas reflejadas reciben el mismo degradado. Un desvanecimiento hacia un color transparente conserva el otro color y solo lo desvanece. Opciones: Lineal o Radial; Colores, ya sea de primer plano a fondo (PP → Fondo) o a través de hasta 32 Puntos colocados a lo largo del arrastre; Tramado para una mezcla escalonada de pixel art (damero Bayer 2×2, 4×4 u 8×8, Puntos de semitono, líneas horizontales, verticales o diagonales, o una dispersión uniforme de Ruido); y Ajuste, donde Paleta pinta solo colores de la paleta, así que con Tramado activado el degradado avanza entre colores vecinos de la paleta.
Para hacer un degradado de varios colores, pon Colores en Puntos. La barra de Puntos muestra la rampa, con un tirador bajo ella para cada punto; su extremo izquierdo es donde empiezas a arrastrar sobre el lienzo.
- Añade un punto: haz clic en la barra (toma el color de primer plano), o suelta sobre ella una muestra de la paleta. Shift+clic en un rango de la paleta carga todo el rango, con espaciado uniforme.
- Mueve un punto: arrastra su tirador. Los puntos no pueden cruzarse, pero dos pueden encontrarse para un borde duro entre sus colores. Con un tirador seleccionado, las teclas de flecha lo desplazan (Shift para pasos más grandes).
- Recolorea un punto: suelta una muestra de la paleta sobre su tirador, o selecciónalo y pulsa PP.
- Quita un punto: arrastra su tirador bien lejos de la barra y suelta, o selecciónalo y pulsa Del.
- Igualar reparte los puntos de manera uniforme; Vaciar los quita todos.
Sello de tiles
Estampa el tile seleccionado en las celdas de una capa de tilemap; arrastrar con Alt quita tiles. Sus opciones.
Haz clic o arrastra sobre una capa de tilemap para colocar el tile seleccionado en cada celda por la que pases; Alt quita tiles en su lugar. Voltea y gira el tile estampado con las opciones Voltear H, Voltear V y Girar 90°. Funciona en capas de tilemap visibles y desbloqueadas. Se refleja con la simetría y se queda dentro de una selección, como hacen las demás herramientas cuando Colocan tiles (consulta Tilemaps).
Herramientas de forma
Pulsar U repetidamente recorre el rectángulo y la elipse, con contorno y rellenos. Shift+U empieza el mismo ciclo desde la elipse. El triángulo, el hexágono y la estrella no tienen tecla propia: elígelos en el menú desplegable del botón Forma, o asígnales una en Atajos de teclado (al pulsarla de nuevo se alterna entre contorno y relleno).
RectánguloU
En el botón Forma de la barra de herramientas, junto con Elipse, Triángulo, Hexágono, Estrella y Forma isométrica.Arrastra para dibujar un rectángulo, con contorno o relleno. Sus opciones.
Arrastra de esquina a esquina; Shift hace un cuadrado y Ctrl dibuja desde el centro, igual que Alt si ya está pulsada cuando haces clic. Pulsa Alt a mitad del arrastre para girar el rectángulo alrededor de su centro: mueve el cursor alrededor del centro para girarlo (Shift se ajusta a pasos de 15°), y suelta Alt para conservar el ángulo y seguir cambiando el tamaño. Un rectángulo girado se pinta como un polígono de cuatro esquinas, así que sus esquinas no se redondean. Opciones: Contorno o Relleno, y Radio para redondear las esquinas. Con el botón de enlace activado, un solo Radio fija las cuatro esquinas; desactívalo para tener un campo por esquina (superior izquierda, superior derecha, inferior derecha, inferior izquierda), y así puedes redondear solo un lado o hacer una pestaña o un globo de diálogo.
ElipseShift+U
En el botón Forma de la barra de herramientas, junto con Rectángulo, Triángulo, Hexágono, Estrella y Forma isométrica.Arrastra para dibujar una elipse, con contorno o relleno. Sus opciones.
Arrastra el recuadro en el que cabe la elipse; Shift hace un círculo y Alt o Ctrl dibuja desde el centro. Los píxeles son los de Aseprite, así que una elipse siempre toca los cuatro lados de su recuadro, y el pincel circular es el mismo círculo relleno. Opciones: Contorno o Relleno.
Triángulo
En el botón Forma de la barra de herramientas, junto con Rectángulo, Elipse, Hexágono, Estrella y Forma isométrica.Arrastra para dibujar un triángulo que apunta hacia arriba, con contorno o relleno. Sus opciones.
Arrastra el recuadro en el que cabe el triángulo: apunta hacia arriba, con su base a lo largo de la parte inferior del recuadro. Shift hace el recuadro cuadrado y Alt o Ctrl dibuja desde el centro. Opciones: Contorno o Relleno.
Hexágono
En el botón Forma de la barra de herramientas, junto con Rectángulo, Elipse, Triángulo, Estrella y Forma isométrica.Arrastra para dibujar un hexágono de lado plano arriba, con contorno o relleno. Sus opciones.
Arrastra el recuadro en el que cabe el hexágono: sus lados planos van a lo largo de la parte superior e inferior del recuadro. Shift hace el recuadro cuadrado y Alt o Ctrl dibuja desde el centro. Opciones: Contorno o Relleno.
Estrella
En el botón Forma de la barra de herramientas, junto con Rectángulo, Elipse, Triángulo, Hexágono y Forma isométrica.Arrastra para dibujar una estrella de cinco puntas, con contorno o relleno. Sus opciones.
Arrastra el recuadro en el que cabe la estrella de cinco puntas: apunta hacia arriba y sus puntas exteriores tocan cada lado de el recuadro. Shift hace el recuadro cuadrado y Alt o Ctrl dibuja desde el centro. Opciones: Contorno o Relleno.
Forma isométricaK
En el botón Forma de la barra de herramientas, junto con Rectángulo, Elipse, Triángulo, Hexágono y Estrella.Dibuja un cubo, rampa, escalera, pirámide, prisma, cilindro, cono, esfera o cúpula isométricos, ajústalo con sus tiradores y pulsa Intro. Sus opciones.
- Arrastra desde la esquina trasera de la forma hasta su esquina delantera para fijar su base. Shift la mantiene cuadrada; mantén Alt para congelar la base y mueve el puntero hacia arriba o abajo para fijar la altura. Un clic sin arrastrar coloca una forma del tamaño de la última.
- Ajústala: arrastra un tirador para cambiar esa dimensión (Shift escala las tres juntas), arrastra la forma para moverla, o desplázala con las teclas de flecha.
- Pulsa Enter o haz doble clic para dibujarla. Hacer clic en otro lugar también la dibuja; Esc la descarta.
Pulsar K de nuevo cambia la forma. Opciones:
- Forma: Cubo, Rampa, Escalera, Pirámide, Prisma (tejado), Cilindro, Cono, Esfera o Cúpula. Las formas redondas (cilindro, cono, esfera, cúpula) tienen una base circular, así que sus dos tiradores laterales fijan ambos el diámetro. El cono sube hasta una punta y la cúpula hasta una parte superior redondeada a la altura que fijes. La altura de una esfera sigue su ancho, así que no tiene tirador de altura.
- Remate: el ancho de la punta plana en las esquinas superior e inferior, de 2 (en punta) a 4 (plana).
- Bisel (cubos): achaflana los bordes superiores esa cantidad de píxeles, de modo que una pendiente va entre la parte superior y los lados. 0 mantiene los bordes rectos.
- Estilo: relleno y contorno, solo relleno, o solo contorno. En el estilo de contorno, Mostrar bordes traseros dibuja también los bordes ocultos.
- Girar 90° gira rampas, escaleras y prismas para que la pendiente vaya en el otro sentido.
- Sombreado automático desde el primer plano: la cara superior usa el color de primer plano y los lados se sombrean más oscuros, siguiendo la rampa de Tonos cuando el color está en ella. Desactívalo para elegir tú mismo los colores del contorno, del borde interior y de la cara.
La forma sigue la proporción de la cuadrícula isométrica del sprite (2:1 salvo que la cambies).
ContornoD
En el botón Contorno de la barra de herramientas, junto con Polígono.Arrastra un contorno a mano alzada; se cierra solo y su interior se rellena. Sus opciones.
Rellena la forma que arrastras, contorno incluido. La forma necesita al menos tres puntos.
PolígonoShift+D
En el botón Contorno de la barra de herramientas, junto con Contorno.Haz clic para colocar esquinas; haz doble clic o pulsa Intro para terminar el polígono cerrado. Sus opciones.
Cada clic coloca una esquina, y la forma siempre se cierra de vuelta a la primera; pulsar y arrastrar coloca dos, donde pulsaste y donde soltaste (a la manera de Aseprite). Haz doble clic o pulsa Enter para terminar. Opciones: Contorno o Relleno.
Herramientas de línea
LíneaL
En el botón Línea / Curva de la barra de herramientas, junto con Curva.Arrastra para dibujar una línea recta; Mayús la ajusta a los ángulos del pixel art y Ctrl (Cmd en Mac) la dibuja desde su centro. Sus opciones.
Mantén Shift para ajustar a 16 ángulos (0°, 90°, 45° y 5:2 / 2:5 para 22,5° / 67,5°; una cuadrícula isométrica añade su propia pendiente), con pasos de píxel uniformes, y Ctrl o Alt para dibujar desde el medio: el punto donde pulsaste pasa a ser el punto medio de la línea. Opción: Grosor, 1 píxel por omisión; las líneas más gruesas tienen extremos redondos.
CurvaShift+L
En el botón Línea / Curva de la barra de herramientas, junto con Línea.Haz clic para colocar puntos de esquina, arrastra para colocar puntos suaves y arrastra un punto o tirador colocado para remodelarlo; haz clic en el primer punto para cerrar el trazado, o pulsa Intro o haz doble clic para terminarlo abierto. Sus opciones.
Dibuja un trayecto por tantos puntos como quieras, como una herramienta de pluma:
- Haz clic para colocar un punto de esquina. Dos puntos de esquina seguidos se unen con una línea recta.
- Pulsa y arrastra para colocar un punto suave: el arrastre saca sus tiradores, que curvan el trayecto a ambos lados. Mantén Alt mientras arrastras para mover solo el tirador de salida, para un giro brusco. Shift ajusta un tirador, o el siguiente punto, a los ángulos del pixel art.
- Haz clic en el primer punto para cerrar el trayecto (se vuelve verde cuando el puntero está sobre él). Arrastra ahí para dar forma a la curva de cierre.
- Enter o un doble clic termina el trayecto abierto; Backspace quita el último punto; Esc descarta el trayecto.
Hasta que lo termines, el trayecto sigue siendo editable. Pulsa sobre un punto que ya colocaste para cambiarlo en lugar de añadir uno nuevo:
- Arrastra un punto para moverlo; sus tiradores lo acompañan. Mantén Ctrl para mover el primer punto (un simple clic ahí cierra el trayecto).
- Arrastra un tirador para remodelar la curva. El tirador del otro lado gira con él para que el punto siga siendo suave; mantén Alt para mover un tirador por separado. Suelta un tirador sobre su punto para quitarlo.
- Alt+clic en un punto para convertirlo en una esquina aguda, o Alt+arrastrar para sacar nuevos tiradores.
Con el zoom alejado, una pulsación solo atrapa un punto a menos de dos píxeles de él, así que aún puedes colocar puntos cercanos entre sí.
Opciones: Grosor (compartido con la Línea), Píxel perfecto (activado por omisión: quita las esquinas en L que adquiere una curva de 1 píxel), y Contorno o Relleno, que rellena un trayecto cerrado.
Herramientas de ajuste
DesenfoqueR
En el botón Desenfoque de la barra de herramientas, junto con Mezcla y Aclarar/Oscurecer.Pasa el pincel sobre los píxeles para suavizarlos, promediando cada uno con sus vecinos. Sus opciones.
Cada píxel se suaviza una vez por trazo. Intensidad (de 1 a 4) fija hasta dónde busca vecinos.
Mezcla
En el botón Desenfoque de la barra de herramientas, junto con Desenfoque y Aclarar/Oscurecer.Pasa el pincel sobre los píxeles para mezclarlos con colores de píxeles cercanos. Sus opciones.
Cada píxel que toca el pincel toma el color de un píxel cercano al azar. Intensidad (de 0 a 100%) es la probabilidad de que un píxel cambie.
Aclarar/OscurecerO
En el botón Desenfoque de la barra de herramientas, junto con Desenfoque y Mezcla.Pasa el pincel sobre los píxeles para aclararlos conservando su tono; arrastrar con el botón derecho los oscurece. Sus opciones.
Arrastra para aclarar (dodge) los píxeles bajo el pincel; arrastra con el botón derecho para oscurecerlos (burn). Por omisión cambia solo la luminosidad perceptual (OKLCH), así que el tono y la saturación se mantienen en lugar de apagarse hacia el gris, y los píxeles transparentes se dejan intactos. Cada píxel cambia una vez por trazo: vuelve a trazar para llevarlo más lejos. Intensidad (de 1 a 100, 25 por omisión) fija cuánto: 100 avanza hasta la mitad del camino de negro a blanco, 25 aproximadamente un paso de una rampa típica. Cambio de tono (de 0 a 60 grados, 0 por omisión = desactivado) sombrea a la manera de los artistas de pixel art: al aclarar, el tono se desplaza hacia el amarillo cálido y suaviza el color; al oscurecer, hacia el azul frío y lo intensifica, sin pasar nunca de esos tonos; los píxeles grises siguen grises. Con Mostrar vista previa del pincel activado, el cursor muestra el resultado antes de hacer clic (mantén el botón derecho para ver el oscurecido). En un sprite indexado el resultado se ajusta al color más cercano de la paleta, así que una intensidad baja puede no cambiar nada.
Regla y texto
ReglaShift+R
Arrastra para medir entre dos puntos: la longitud, el ángulo y los desplazamientos aparecen en la barra de información y no se pinta nada; Mayús ajusta el ángulo.
Arrastra entre dos puntos para medirlos. La barra de información muestra la longitud en píxeles, el ángulo (en sentido antihorario desde la derecha, así que arriba es 90°) y los desplazamientos horizontal y vertical, y una línea con dos tiradores marca el tramo. No se pinta nada y no se añade nada a la pila de deshacer. La medición permanece después de soltar hasta que pulses de nuevo para empezar otra, pulses Esc o cambies de herramienta; Shift ajusta el extremo a los 16 ángulos del pixel art.
TextoT
Haz clic y escribe; Mod+Intro o un clic fuera lo coloca en una nueva capa de texto. Haz clic en el texto más tarde para editarlo. Sus opciones.
Haz clic donde debe empezar el texto y escribe. El texto aparece mientras escribes, en el color de primer plano, dentro de un recuadro discontinuo con un cursor de texto. Enter empieza una línea nueva, y las teclas de flecha, Inicio y Fin mueven el cursor como en cualquier campo de texto. Haz clic dentro del recuadro para mover el cursor ahí, o arrastra el recuadro para mover el texto.
Pulsa Ctrl+Enter, o haz clic fuera del recuadro, para terminar: el texto aterriza como un paso de deshacer en una nueva capa de texto justo encima de la capa activa, con el nombre de su primera línea. Cambiar a otra herramienta también lo coloca. Esc lo descarta en cualquier momento antes de que aterrice.
Editar texto. Haz clic en el texto de una capa de texto con la herramienta Texto para abrirlo de nuevo: sus palabras vuelven al recuadro con el cursor al final, y su fuente, tamaño, estilo, espaciado, alineación y color vuelven a las opciones y al color de primer plano. Cambia cualquiera de ellos y termina para redibujarlo; borra todo el texto para vaciar la celda de la capa. Las capas de texto muestran en la línea de tiempo. Usa la herramienta Mover para mover la celda de una capa de texto: sigue siendo editable.
Una capa de texto son píxeles normales para todo lo demás: se exporta, se fusiona y se mezcla como cualquier capa,
también en archivos .aseprite. Pintar en ella, o cualquier cosa que cambie sus píxeles (una transformación, un
cambio de modo de color, redimensionar el sprite), la convierte en píxeles normales, que luego editas como cualquier
dibujo; deshacer hasta el texto dibujado lo vuelve a hacer editable. El texto conserva el nombre de su fuente,
no la fuente en sí, así que el texto dibujado con una fuente que cargaste se abre solo en un navegador donde esa fuente
también esté cargada.
Fuentes. Seis fuentes de píxeles vienen con pxstud.io: Tom Thumb (una diminuta de 4x6), Spleen 5x8, 6x12 y 8x16,
y Scientifica en normal y negrita. Las fuentes de mapa de bits se dibujan exactamente como se diseñaron, igual en todos los
dispositivos, y Escala agranda sus píxeles en pasos enteros. Cargar fuente... añade un archivo de fuente
de tu dispositivo: una fuente de mapa de bits (.bdf) o una fuente vectorial (.ttf, .otf, .woff, .woff2).
Las fuentes vectoriales se dibujan al Tamaño que elijas sin suavizado de bordes, así que cada píxel es sólido.
Cada línea se compone como un todo, así que el kerning, las ligaduras y las escrituras que unen letras (el árabe, por
ejemplo) salen como la fuente pretende; los píxeles exactos pueden diferir ligeramente entre navegadores. Las fuentes
de píxeles que se venden como TTF se ven bien a su tamaño de diseño o a un múltiplo entero de él. Una fuente cargada se queda en
este navegador solamente: no se sincroniza, y el botón de la papelera junto a la lista de fuentes la quita.
Negrita y Cursiva usan la negrita y la cursiva propias de una fuente cargada (o las que el navegador crea a partir de ella). Una fuente de mapa de bits las obtiene de sus propios píxeles: la negrita duplica cada píxel hacia su derecha, y la cursiva desplaza las filas un píxel a la derecha a medida que suben, dejando la línea base donde está. Los autores y las licencias de las fuentes incluidas se listan en la página de Licencias de código abierto del editor.
Opciones: fuente, escala o tamaño, espaciado de letras, interlineado y alineación.