無料でドット絵・イラスト・アニメーションを制作

ドット絵エディターの使い方

Pixel Art crea imágenes con una cuadrícula de píxeles visibles. Es útil para sprites de videojuegos, iconos, objetos, personajes pequeños, tiles y animaciones con pocos colores. Trabaja con ampliación para colocar cada píxel con precisión y reduce el zoom para evaluar la silueta completa.

描画と色

• 鉛筆 Coloca píxeles del color activo. Úsalo para dibujar contornos, detalles pequeños y líneas nítidas.
• 消しゴム Elimina píxeles de la capa seleccionada. Es la opción indicada para limpiar bordes o corregir un detalle sin pintar encima de él.
• ディザリング Alterna patrones de píxeles para sugerir sombra, volumen o textura cuando quieres evitar un degradado suave.
• 塗りつぶし Rellena una zona contigua de color similar. Antes de usarla, comprueba que el contorno esté cerrado para que el relleno no se escape.
• スポイト Toma un color de un píxel de la capa activa para reutilizarlo y mantener una paleta consistente.
• ぼかし Suaviza transiciones y pequeños grupos de píxeles. Úsalo con moderación cuando quieras reducir una dureza de color.
• 色を混ぜる Mezcla o arrastra tonos cercanos para integrar zonas de color. En Pixel Art suele funcionar mejor con pincel pequeño y retoques cortos.

図形

• 直線 Traza una línea recta entre dos puntos para bordes, diagonales y elementos técnicos.
• 長方形 Dibuja el contorno de un rectángulo sin rellenar su interior.
• 塗りつぶし長方形 Crea un bloque rectangular sólido para edificios, paneles, plataformas u objetos simples.
• 円 Dibuja una elipse solo con el borde; resulta útil para anillos, ojos y contornos redondeados.
• 塗りつぶし円 Crea una elipse sólida para cabezas, luces, botones u otras áreas circulares.
• 三角形 Traza el contorno triangular para techos, puntas o elementos angulares.
• 塗りつぶし三角形 Dibuja una forma triangular rellena cuando necesitas una silueta compacta.

選択とキャンバス操作

• 選択 Delimita un área rectangular para editar una parte de la imagen sin cambiar el resto.
• Selección elíptica. Selecciona una zona ovalada o circular para trabajar con áreas redondeadas.
• なげなわ Dibuja a mano alzada el borde de una selección irregular alrededor de un objeto.
• 自動選択 Selecciona una región conectada según el color de los píxeles, útil para separar zonas de color similar.
• Mover vista. Desplaza la vista del lienzo para trabajar en otra zona sin modificar los píxeles del dibujo.

Capas, colores y animación

Las capas separan partes de la ilustración y permiten ocultarlas, bloquearlas o editarlas sin tener que rehacer todo el dibujo. La paleta ayuda a reutilizar tonos; el selector de tono, saturación y brillo permite crear variaciones. La opción de espejo facilita diseños simétricos, como caras u objetos vistos de frente.

Para animar, cada fotograma representa un momento de la acción. Duplica un fotograma para conservar la base y cambia solo lo necesario en el siguiente. La función de papel cebolla muestra fotogramas cercanos como referencia de color; sirve para comparar posiciones y hacer que el movimiento avance con más continuidad. Cuando termines, exporta una imagen o una hoja de sprites para usarla en otro proyecto.

ドット絵エディターを開く →

イラスト・アニメーションエディターの使い方

Este editor está pensado para ilustraciones con trazos de distintos materiales, color, personajes, páginas tipo manga o webcómic y secuencias animadas. Elige el pincel por el aspecto que quieres conseguir; después ajusta su tamaño, color y suavidad de acuerdo con el área que dibujas.

ブラシと線

• Pluma G. Produce un trazo limpio y controlado, apropiado para entintar contornos, dibujar pestañas, cabello y líneas finales.
• 鉛筆 Sirve para bocetos, construcción de formas y líneas con una sensación más ligera que la tinta final.
• Marcador. Crea una línea más ancha y uniforme, útil para acentos, siluetas gráficas y bloques de color.
• Tinta seca. Añade irregularidad y textura a la línea, ideal para contornos ásperos o ilustración con carácter tradicional.
• Pincel suave. Difumina visualmente el borde del trazo y ayuda a construir sombras suaves, brillos y transiciones.
• Carboncillo. Imita una marca granulada y expresiva; se usa para estudios, bocetos y sombras de aspecto rugoso.
• Neón. Añade un efecto luminoso para luces, letreros, energía o detalles estilizados.
• Sello personalizado. Estampa una imagen definida por el usuario de forma repetida, útil para motivos decorativos o marcas recurrentes.
• 消しゴム Quita el trazo de la capa activa; úsalo para limpiar el boceto antes de entintar o corregir una línea.

色と効果

• 塗りつぶし Rellena una región para aplicar color base a una forma cerrada.
• Gotero. Copia un color visible del dibujo para reutilizarlo en sombras, ropa, piel, fondos o detalles.
• Aerógrafo. Aplica color de forma dispersa y suave; es práctico para rubor, iluminación ambiental y degradados de sombra.
• ぼかし Suaviza bordes de color o trazos para integrar zonas que se ven demasiado duras.
• Mezclador de colores. Arrastra tonos entre sí, como si los mezclases con el dedo, para transiciones pictóricas y mezclas locales.
• Enfocar. Refuerza detalles que se han suavizado demasiado; aplícalo de forma puntual para evitar endurecer toda la imagen.
• Textura. Añade variación granulada para dar interés a superficies, fondos o pinceladas uniformes.
• Degradado. Transita de un color a otro a lo largo de un área; se utiliza en fondos, iluminación o bases de color.

選択と移動

• Selección cuadrada. Aísla una parte rectangular del dibujo para moverla o editarla.
• Selección elíptica. Delimita áreas redondeadas, como una cara, una lente o un elemento circular.
• Selección en lazo. Rodea a mano alzada una silueta irregular sin incluir tanto fondo.
• 自動選択 Selecciona una región según su color, útil para separar áreas planas de una ilustración.
• Mover vista. Reubica la vista del lienzo. No es un pincel: se usa para desplazarse mientras dibujas en un área ampliada.

文字・漫画・図形

• Texto. Inserta letras o frases en una ilustración, título o viñeta; revisa la posición antes de confirmar.
• 直線 Dibuja un segmento recto para detalles técnicos, bordes o líneas de acción sencillas.
• Viñeta. Traza un marco para organizar una página de cómic o separar escenas.
• Globo de diálogo. Añade una forma de conversación o pensamiento para acompañar a los personajes.
• 三角形 Crea una figura angular para composición, iconos o detalles geométricos.
• Estrella. Añade una estrella decorativa o un símbolo de énfasis.
• Corazón. Dibuja un motivo de corazón para iconos, expresiones y elementos ornamentales.
• Flecha. Señala una dirección o destaca un elemento de la composición.
• Diamante. Crea una figura romboidal para adornos, gemas y patrones.
• Hexágono. Dibuja una forma de seis lados para diseños técnicos, motivos geométricos o iconos.

レイヤーとアニメーション

Una organización sencilla puede incluir boceto, tinta, color y fondo en capas distintas. Cambiar la opacidad permite suavizar un boceto; bloquear una capa ayuda a evitar accidentes mientras coloreas. Las referencias sirven para mantener a la vista una imagen de apoyo sin incorporarla necesariamente al resultado final.

En una secuencia, cada fotograma contiene una pose o cambio de movimiento. Usa el papel cebolla para comparar el dibujo actual con fotogramas cercanos. Reproduce la secuencia para detectar saltos, y exporta una imagen o el video disponible cuando esté lista.

描画エディターを開く →

よくある質問