講座の詳しい説明（スペイン語）
Qué vas a aprender
- Diseñar una silueta que se reconozca incluso en tamaño pequeño.
- Usar una paleta limitada para distinguir luz, sombra y materiales.
- Revisar bordes, eliminar píxeles que distraen y exportar una imagen nítida.
Personas que empiezan desde cero o que ya dibujan, pero quieren entender mejor las decisiones propias del Pixel Art.
El editor de Pixel Art de Pixambas, un navegador actualizado y unos minutos para practicar. No necesitas tableta gráfica: puedes empezar con ratón o pantalla táctil.
Como sugerencia, trabaja un módulo por sesión de 15 a 30 minutos. Si una práctica necesita más tiempo, repítela; avanzar con intención vale más que correr.
学習方法（スペイン語）
🧠 Método para recordar los fundamentos de Pixel Art
No intentes memorizar una lista larga de reglas de una sola vez. Practica la secuencia objetivo → silueta → paleta → luz → limpieza → exportación. Cuando termines una sesión, cierra esta página y explica de memoria qué decisión tomarías en cada etapa. Luego vuelve a leer y corrige los huecos. En una segunda ronda, dibuja el mismo objeto sin mirar tu primera versión: recordar el proceso mientras lo haces fortalece una habilidad práctica.
Repaso activo
Primero intenta recordarlo; después consulta la respuesta. Leer varias veces puede dar sensación de familiaridad, pero no comprueba si puedes aplicar la idea sin ayuda.
Plan de repaso sugerido
Día 0: practica y explica los pasos sin mirar. Día 1: dibuja una silueta nueva con la misma regla. Día 3: reconstruye la paleta y la dirección de luz desde memoria. Día 7: repite el proyecto en otro objeto y anota qué haces mejor.
Regla amable: si fallas una pregunta, no significa que no puedas aprenderla. Usa el error para identificar qué concepto debes practicar y vuelve a intentarlo más tarde.
講座の進捗
Las casillas se guardan en este navegador para que puedas continuar después.
0 de 7 módulos completados (0 %)
小さなキャンバスを決める
Antes de dibujar, decide qué vas a representar y para qué se usará. Un icono, un objeto de inventario o una fruta no necesitan el mismo nivel de detalle que una ilustración grande. Elige un lienzo pequeño, como 16 × 16 o 32 × 32 píxeles para un primer objeto, y trabaja ampliado para colocar los píxeles. Después observa el resultado a tamaño normal: el zoom ayuda a dibujar, pero no debe engañarte sobre la legibilidad.
Ejemplo sencillo
Imagina que quieres dibujar una manzana para un juego. En 16 × 16 no caben todos los brillos y texturas de una fotografía. Sí caben una forma redondeada, el tallo y una diferencia clara entre luz y sombra. Tu tarea es elegir qué rasgos son imprescindibles.
🧠 最初に大切なのは細かな陰影ですか、それとも分かりやすい形ですか。
まず形です。何を描いたか伝わってから陰影を付けます。
⚠️ Error común que conviene evitar
Empezar con un lienzo enorme y añadir detalles sin saber para qué sirve la imagen. Un objetivo pequeño hace más fácil detectar qué funciona.
スペイン語の詳しい解説（原文全文）
Al terminar: Aprender a limitar el problema para concentrarte en las decisiones visuales importantes.
La idea explicada con calma
El tamaño del lienzo no es una nota sobre tu talento: es una decisión de diseño. Cuantos menos píxeles tengas, más tendrás que priorizar. Un icono de inventario necesita leerse en un instante; una ilustración para una pantalla puede dedicar más espacio a texturas y adornos. Antes de elegir una cuadrícula, imagina dónde aparecerá tu imagen, cuánto medirá en pantalla y qué debe reconocer el jugador. Después reduce el objetivo a una frase concreta. Una frase útil describe el objeto, su característica principal y el tamaño al que debe entenderse.
Hazlo paso a paso
- Redacta el objetivo en una frase: “quiero crear una poción azul con un tapón dorado que se reconozca como objeto de inventario”.
- Elige una resolución inicial modesta, por ejemplo 16 × 16 para experimentar o 32 × 32 si necesitas más espacio para la forma.
- Dibuja una versión de prueba sin textura ni brillos. Usa solo un color para comprobar si la idea cabe y se reconoce.
- Mira el dibujo al tamaño aproximado en que lo verá otra persona. Si no se entiende, simplifica o aumenta el tamaño antes de seguir.
Ejemplo resuelto: qué decisión tomar y por qué
Piensa en dos iconos de una manzana. El primero usa 32 × 32 píxeles y reserva espacio para la hoja, el tallo y un brillo. El segundo intenta dibujar semillas, gotas, tres reflejos y una textura rugosa en solo 16 × 16. El segundo puede parecer más trabajado al acercar el zoom, pero a tamaño normal se vuelve confuso. Elige la versión según su uso, no según la cantidad de detalles que pudiste añadir.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Por qué conviene decidir el uso del dibujo antes del tamaño?
Respuesta: Porque el tamaño y el detalle necesarios dependen de dónde y a qué escala se mostrará.
¿Qué debes comprobar antes de añadir luces y texturas?
Respuesta: Que la forma básica se reconozca a tamaño normal.
¿Un lienzo más grande garantiza un mejor icono?
Respuesta: No. Solo ofrece más espacio; el diseño debe seguir siendo claro y adecuado a su función.
✏️ Practica ahora
Crea un lienzo pequeño y dibuja tres siluetas rápidas del mismo objeto. No uses sombras ni textura. Elige la silueta que se reconoce mejor cuando reduces el zoom.
🧠 Comprueba que lo entendiste
Pregunta: ¿Qué conviene comprobar antes de añadir textura?
Respuesta orientativa: Que el objeto se reconozca por su silueta y que el tamaño elegido sea apropiado para su uso.
シルエットを読みやすくする
La silueta es la forma global de una imagen. Si no se entiende con un solo color, los detalles rara vez la van a salvar. Trabaja primero el contorno general y revisa las proporciones. En diagonales, los grupos de píxeles suelen verse más intencionales cuando forman escalones regulares; no se trata de que todas las diagonales sean idénticas, sino de evitar cambios accidentales de ritmo. Deja también pequeños espacios donde las formas se separan, para que no se fusionen al reducir la imagen.
Ejemplo sencillo
Para una poción, una botella con cuello estrecho, cuerpo ancho y tapón visible suele leerse mejor que un rectángulo casi uniforme. Prueba a rellenarla en negro: si aún parece una botella, la estructura ya está comunicando.
🧠 シルエットの確認方法は？
内側の線を隠し、単色の輪郭を等倍で見ます。
⚠️ Error común que conviene evitar
Pulir ojos, reflejos o adornos cuando la forma principal aún resulta confusa. Vuelve al contorno antes de continuar.
スペイン語の詳しい解説（原文全文）
Al terminar: Reconocer el objeto usando su forma exterior y el espacio que lo rodea.
La idea explicada con calma
La silueta es el contorno general del objeto. La reconocemos antes de notar sus pequeños detalles porque el cerebro detecta con rapidez las formas y sus proporciones. En Pixel Art, los escalones del contorno son parte del dibujo: una diagonal construida con grupos regulares suele parecer intencional, mientras que una sucesión de píxeles aislados puede parecer accidental. También importa el espacio negativo, es decir, los huecos que quedan alrededor o entre partes del objeto. Si dos partes se pegan visualmente, la lectura puede cambiar aunque hayas usado los colores correctos.
Hazlo paso a paso
- Rellena el objeto con un solo color oscuro y deja el fondo en un tono contrastante. Así apartas temporalmente el color y la iluminación de la decisión principal.
- Compara alto, ancho y zonas más estrechas. Pregúntate qué parte identifica al objeto y cuál puede simplificarse.
- Revisa las diagonales por grupos: observa si los escalones mantienen un ritmo coherente o si aparece un píxel aislado que rompe la curva.
- Reduce el zoom o aléjate de la pantalla. Si la silueta no se distingue, cambia la forma antes de decorar.
Ejemplo resuelto: qué decisión tomar y por qué
Una poción suele leerse mejor con un cuello estrecho, un hombro que se abre y una base ancha que sugiera un recipiente. Si dibujas una botella como un rectángulo vertical, podrías necesitar una etiqueta enorme para explicar qué es. Si ajustas la silueta, la etiqueta pasa a ser un detalle opcional. La prueba de un solo color revela esta diferencia de inmediato.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Qué información conserva una silueta de un solo color?
Respuesta: La forma externa, las proporciones y los huecos importantes.
¿Qué es el espacio negativo?
Respuesta: El espacio vacío alrededor o entre las partes del objeto.
¿Qué te indica una diagonal con píxeles aislados?
Respuesta: Puede necesitar una revisión del ritmo de escalones para verse intencional.
✏️ Practica ahora
Rellena tu objeto con un solo color. Borra todos los detalles interiores y ajusta el contorno hasta que se entienda sin depender del color.
🧠 Comprueba que lo entendiste
Pregunta: Si un icono no se reconoce sin detalles interiores, ¿qué deberías revisar primero?
Respuesta orientativa: La silueta, las proporciones y los espacios que separan sus partes.
役割のある配色を選ぶ
Una paleta es el conjunto de colores que utilizas en una imagen. Para empezar, elige un color base y una variación más oscura y otra más clara. No es una regla que limite tu creatividad; es una manera de construir coherencia y evitar que cada píxel parezca venir de una imagen distinta. Comprueba que los tonos se distingan en luminosidad, no solo en matiz: dos colores diferentes pueden convertirse en una mancha parecida si tienen un brillo muy similar.
Ejemplo sencillo
En una poción roja puedes usar rojo medio para el líquido, rojo oscuro para separar el borde y rosa claro para un reflejo. El vidrio podría usar tonos fríos muy discretos. El reflejo debe ocupar poco espacio para que siga pareciendo vidrio y no una segunda sustancia.
🧠 色数を抑える理由は？
統一感が生まれ、形を読み取りやすくなるからです。
⚠️ Error común que conviene evitar
Añadir muchos tonos parecidos porque la imagen parece “simple”. Más colores no significan automáticamente más volumen; a veces solo reducen el contraste.
スペイン語の詳しい解説（原文全文）
Al terminar: Asignar una función a cada color en vez de escoger tonos al azar.
La idea explicada con calma
Una paleta es un grupo de colores que eliges para trabajar de manera coherente. No necesitas cientos de tonos. De hecho, cuando empiezas, una paleta pequeña facilita la lectura y te obliga a decidir qué función tiene cada color. Además del matiz —por ejemplo, rojo o azul— observa el valor, que indica qué tan claro u oscuro es un color, y la saturación, que describe qué tan intenso parece. Dos colores pueden ser distintos de matiz y aun así confundirse si tienen un valor parecido. La separación entre claro y oscuro ayuda a que las partes se distingan.
Hazlo paso a paso
- Elige primero el color base del material principal y añade una versión más oscura para la sombra.
- Prepara una versión clara para la luz; no hace falta que sea blanco puro. Debe encajar con el ambiente de la imagen.
- Comprueba los colores uno junto al otro y en escala de grises. Si dos zonas necesarias se mezclan, aumenta la diferencia de valor.
- Reutiliza los mismos tonos cuando representes materiales parecidos. Añade un color nuevo solo si resuelve un problema visual real.
Ejemplo resuelto: qué decisión tomar y por qué
Para una poción azul puedes empezar con azul medio para el líquido, azul oscuro para el borde en sombra y azul claro para una zona iluminada. El tapón puede usar un marrón oscuro, un tono medio y un pequeño acento dorado. Aunque el conjunto tenga seis colores, cada uno cumple una tarea. Si añades cinco azules que apenas se distinguen, será más difícil controlar el dibujo sin hacerlo más legible.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Por qué una paleta limitada ayuda a principiantes?
Respuesta: Reduce decisiones repetidas y hace más fácil mantener una relación coherente entre tonos.
¿Qué es el valor de un color?
Respuesta: Su grado de claridad u oscuridad.
¿Cuándo conviene añadir otro color?
Respuesta: Cuando resuelve una necesidad clara de separación, material o énfasis.
✏️ Practica ahora
Elige cuatro colores para el mismo objeto: base, sombra, luz y un acento. Haz una versión sin el acento y compara si realmente lo necesitas.
🧠 Comprueba que lo entendiste
Pregunta: ¿Para qué sirve que cada tono tenga una función clara?
Respuesta orientativa: Para separar planos y materiales, mantener la coherencia y hacer que el objeto se lea sin ruido.
光の向きを統一する
Antes de sombrear, decide desde dónde llega la luz. Si la luz viene de arriba a la izquierda, las zonas que miran hacia allí recibirán más iluminación y las opuestas tenderán a oscurecerse. No es necesario sombrear cada borde. Piensa en las superficies: una esfera cambia de tono gradualmente, mientras que un metal puede reflejar brillos pequeños y más contrastados. En Pixel Art, unas pocas agrupaciones de píxeles bien ubicadas suelen comunicar más que muchos puntos sueltos.
Ejemplo sencillo
En la botella, coloca el brillo cerca del borde superior izquierdo y la sombra en el lado contrario. El líquido puede tener una banda de color distinta para diferenciarlo del vidrio. Si pones brillos en todos los lados, será más difícil entender de dónde viene la luz.
🧠 光の方向がばらばらだと？
立体感を判断する手掛かりが矛盾します。
⚠️ Error común que conviene evitar
Usar el tono más oscuro como un borde automático alrededor de todo. Reserva las sombras para describir forma, contacto o separación entre materiales.
スペイン語の詳しい解説（原文全文）
Al terminar: Mostrar profundidad con luces y sombras que respeten una misma dirección.
La idea explicada con calma
El volumen aparece cuando el ojo interpreta que una forma tiene partes orientadas hacia la luz y otras que se alejan de ella. No hace falta sombrear cada píxel: basta con que las decisiones sean consistentes. Antes de colorear, escoge de qué dirección viene la luz. A partir de ahí, las superficies orientadas hacia esa dirección recibirán los tonos claros; las zonas apartadas quedarán más oscuras. Si cada detalle tiene una luz distinta, el objeto parece hecho de piezas inconexas. Una sombra también puede separar elementos que comparten colores similares.
Hazlo paso a paso
- Imagina una pequeña flecha que indique de dónde llega la luz y mantenla como referencia mientras pintas.
- Coloca el tono base en la mayor parte del objeto. No empieces por reflejos pequeños.
- Añade sombras donde una parte se aleja de la luz, debajo de solapas o en los puntos donde se juntan dos materiales.
- Usa el color más claro en pocas zonas importantes. Reduce el zoom para comprobar que el volumen se entienda sin llenar la imagen de brillos.
Ejemplo resuelto: qué decisión tomar y por qué
En una poción, supón que la luz viene de arriba a la izquierda. El borde superior izquierdo del vidrio puede recibir una línea clara; la parte inferior derecha del recipiente puede usar el tono oscuro. Si colocas reflejos en ambos lados con la misma fuerza, el objeto pierde una dirección de luz clara. Reorganiza las zonas claras y oscuras antes de añadir efectos especiales.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Qué debes decidir antes de pintar sombras?
Respuesta: Una dirección de luz coherente.
¿Por qué no conviene poner brillos por todas partes?
Respuesta: Porque los brillos pierden jerarquía y la luz deja de parecer consistente.
¿Para qué sirve una sombra entre dos partes?
Respuesta: Para separarlas, sugerir profundidad o indicar que una queda detrás de otra.
✏️ Practica ahora
Haz dos versiones del mismo objeto: una iluminada desde arriba a la izquierda y otra desde arriba a la derecha. Compara qué agrupaciones de píxeles necesitas cambiar.
🧠 Comprueba que lo entendiste
Pregunta: ¿Qué debes decidir antes de distribuir los tonos claros y oscuros?
Respuesta orientativa: La dirección principal de la luz y qué superficies están orientadas hacia ella.
輪郭とノイズを整理する
“Ruido” visual es cualquier punto, escalón o cambio de tono que distrae sin ayudar a comprender la imagen. Observa los píxeles aislados y pregúntate qué están comunicando. Revisa también las diagonales: una secuencia de escalones con ritmo consistente suele resultar más estable que una serie improvisada. No todas las formas deben tener bordes negros; puedes crear separación mediante contraste, color o cambios de temperatura. La limpieza no consiste en quitar personalidad, sino en hacer que la intención se entienda.
Ejemplo sencillo
Si una botella tiene varios píxeles claros dispersos por todo el cuerpo, puede parecer sucia o metálica sin intención. Agrupa el reflejo en una franja pequeña y elimina los puntos que no pertenecen a ella.
🧠 孤立ピクセルを残してよいのは？
意図した模様や重要な細部を表している場合です。
⚠️ Error común que conviene evitar
Confundir “más detalle” con “más calidad”. Si un píxel no cambia la lectura, el volumen ni el material, posiblemente no sea necesario.
スペイン語の詳しい解説（原文全文）
Al terminar: Hacer que cada grupo de píxeles contribuya a la forma o a un detalle útil.
La idea explicada con calma
La limpieza en Pixel Art no significa que cada borde tenga que ser perfectamente geométrico; significa que cada píxel parezca colocado con intención. Los llamados grupos de píxeles son conjuntos que trabajan juntos para describir una superficie, un borde o una sombra. Un píxel solitario puede ser un brillo deliberado, pero si aparece sin función se convierte en ruido. Revisa también las tangencias: son puntos donde dos formas apenas se tocan y parece que se funden. A menudo basta con separar un píxel o cambiar el contorno para que las partes vuelvan a leerse claramente.
Hazlo paso a paso
- Mira el objeto a tamaño normal y señala qué partes distraen antes de acercar el zoom.
- Acércate y revisa los bordes en grupos. Suaviza los escalones que cambian de ritmo por accidente, pero conserva los que ayudan a describir la forma.
- Busca píxeles sueltos, líneas que se pegan al contorno y zonas donde dos materiales parecen unidos sin querer.
- Alterna entre zoom y vista normal después de cada limpieza. No corrijas tanto un detalle que termines dañando la forma global.
Ejemplo resuelto: qué decisión tomar y por qué
En el cuello de una botella, una línea clara puede representar el reflejo del vidrio. Si esa misma línea sale del borde y cruza el fondo, parece un píxel olvidado. En vez de borrar toda la luz, limita su recorrido a la superficie donde tiene sentido. La limpieza consiste en identificar la función de cada marca, no en eliminar todos los detalles pequeños.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Qué significa que un píxel sea ruido visual?
Respuesta: Que llama la atención sin ayudar a comprender forma, luz o material.
¿Por qué revisar a dos escalas?
Respuesta: El zoom revela colocación; la vista normal revela legibilidad.
¿La limpieza implica borrar todos los píxeles aislados?
Respuesta: No; pueden ser intencionales si cumplen una función clara.
✏️ Practica ahora
Duplica tu imagen o guarda una copia. Elimina alrededor de un quinto de los píxeles de detalle y compara la lectura. Recupera solo los que realmente mejoren el diseño.
🧠 Comprueba que lo entendiste
Pregunta: ¿Qué pregunta ayuda a decidir si un píxel aislado debería quedarse?
Respuesta orientativa: Si aporta información real sobre la forma, el material, la luz o la identidad del objeto.
レイヤーで安全に作業する
Cuando el editor lo permita, separa fondo, objeto y detalles en capas con nombres comprensibles. Así podrás cambiar el fondo o ajustar una parte sin reconstruir todo. No necesitas una capa por cada píxel: crea capas cuando exista una razón clara para separar elementos. Guarda una versión editable mientras trabajas y conserva una copia antes de experimentar con cambios grandes. La organización debe ahorrarte tiempo, no volverse una tarea más complicada que el dibujo.
Ejemplo sencillo
En la poción, el fondo puede ir separado de la botella y el brillo puede estar aparte mientras pruebas si se ve demasiado fuerte. Si una variación no funciona, puedes volver a la versión anterior sin borrar el resto.
🧠 レイヤーを分けるメリットは？
必要な部分だけを編集できることです。
⚠️ Error común que conviene evitar
Crear muchas capas sin propósito o trabajar siempre sobre una única versión irreversible. Busca un punto medio entre orden y simplicidad.
スペイン語の詳しい解説（原文全文）
Al terminar: Separar las partes importantes y mantener versiones que puedas recuperar.
La idea explicada con calma
Trabajar de manera organizada te permite corregir sin miedo. Aunque dibujes una sola imagen, conviene separar decisiones que cambian el resultado de formas diferentes: silueta, color, sombra y fondo. Cuando el editor permita usar capas, esa separación ayuda a probar alternativas sin volver a pintar todo. Si alguna herramienta no está disponible, puedes mantener una versión de respaldo antes de hacer un cambio grande. La idea es simple: no dependas de una única versión irreversible. Una buena rutina de guardado también te permite comparar, detectar errores y aprender de tus propias decisiones.
Hazlo paso a paso
- Antes de hacer un cambio arriesgado, guarda o duplica la versión de trabajo mediante las opciones disponibles en tu editor.
- Separa por etapas: silueta primero, después color, después luces y detalles. Si usas capas, pon nombres descriptivos.
- Prueba una variación cada vez, como cambiar solo la sombra o solo el contorno; así sabrás qué mejoró o empeoró.
- Antes de exportar, conserva la versión editable si la herramienta lo permite y crea una copia final claramente identificada.
Ejemplo resuelto: qué decisión tomar y por qué
Imagina que el color del líquido no convence. Si has mantenido la silueta y las luces en etapas distintas, podrás cambiar el azul sin reconstruir el recipiente. Si todo está mezclado en una sola etapa, quizá aún puedas corregirlo, pero será más fácil dañar los bordes. La organización no añade belleza por sí sola; reduce el coste de experimentar.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Qué ventaja ofrece separar decisiones por etapas?
Respuesta: Permite corregir un aspecto sin reconstruir los demás.
¿Por qué cambiar una sola cosa cada vez?
Respuesta: Para saber qué cambio produjo la mejora o el problema.
¿Qué deberías conservar antes de un cambio difícil de deshacer?
Respuesta: Una versión de respaldo o el proyecto editable, si la herramienta lo permite.
✏️ Practica ahora
Identifica dos partes de tu objeto que podrías corregir de forma independiente. Si el editor lo permite, sepáralas; si no, guarda una copia y prueba la edición sobre ella.
🧠 Comprueba que lo entendiste
Pregunta: ¿Cuándo tiene sentido separar algo en una capa?
Respuesta orientativa: Cuando quieras editar esa parte por separado o probar cambios sin afectar a los demás elementos.
書き出しと仕上がり確認
Antes de exportar, observa la imagen a tres escalas: ampliada para inspeccionar los píxeles, al 100 % para valorar el contraste y reducida para comprobar la lectura general. Para imágenes estáticas, PNG suele ser una buena opción porque conserva bordes nítidos y puede mantener transparencia. Revisa que el fondo transparente sea realmente lo que necesitas y que el tamaño exportado sirva para el destino. Conserva el archivo editable siempre que sea posible: una exportación final no sustituye al proyecto de trabajo.
Ejemplo sencillo
Una poción que se ve bien sobre un fondo oscuro puede desaparecer sobre un fondo claro. Prueba el icono sobre ambos antes de darlo por terminado. Si usaste transparencia, comprueba que no queden píxeles de fondo en las esquinas.
🧠 拡大時に輪郭がぼける原因は？
滑らかに補間する拡大方法を使うことです。
⚠️ Error común que conviene evitar
Revisar solo con mucho zoom o entregar un archivo sin comprobar cómo se ve en el fondo donde se usará.
スペイン語の詳しい解説（原文全文）
Al terminar: Preparar el archivo para usarlo fuera del editor y revisar que conserva su nitidez.
La idea explicada con calma
Exportar no es un trámite final sin importancia: es el momento en que compruebas cómo recibirá la imagen otra persona o una aplicación. Un archivo puede verse bien en el editor y fallar por un fondo accidental, un tamaño equivocado o una ampliación borrosa. PNG suele ser una opción adecuada para imágenes con píxeles nítidos y transparencia, cuando la herramienta ofrece esa posibilidad. Si necesitas ampliar Pixel Art, procura usar un método que mantenga los bordes duros en lugar de suavizarlos. Conserva también el archivo de trabajo para poder cambiar colores o corregir errores después.
Hazlo paso a paso
- Antes de exportar, oculta o revisa el fondo según si quieres transparencia o una imagen con fondo sólido.
- Comprueba las dimensiones y piensa dónde se utilizará el recurso. No lo amplíes solo para que el archivo parezca más grande.
- Abre el resultado exportado por separado. Revisa los bordes, el color de fondo y si aparecen píxeles no deseados.
- Nombra el archivo con claridad y guarda aparte la versión editable si existe. Si lo usarás en un proyecto, pruébalo allí antes de darlo por terminado.
Ejemplo resuelto: qué decisión tomar y por qué
Una poción para colocar sobre un inventario oscuro necesita que el fondo sea realmente transparente. Si exportas el tablero de fondo junto con la poción, aparecerá un cuadrado detrás del objeto. Abre el PNG sobre un fondo distinto para detectarlo. Luego comprueba la imagen al tamaño final: si el contorno se suavizó al escalarla, vuelve a exportar con un escalado que preserve los píxeles.
Repasa de memoria sin mirar la explicación
Intenta responder antes de abrir cada respuesta. Si no recuerdas una idea, vuelve al paso correspondiente y después inténtalo de nuevo.
¿Qué formato suele conservar transparencia en una imagen?
Respuesta: PNG, si el archivo se exporta con canal transparente.
¿Por qué abrir el archivo fuera del editor?
Respuesta: Para descubrir problemas que el lienzo o su fondo podían ocultar.
¿Qué conviene conservar para futuras correcciones?
Respuesta: El archivo de trabajo editable, si está disponible, además de la exportación final.
✏️ Practica ahora
Exporta tu imagen, vuelve a abrirla y comprueba bordes, transparencia, tamaño y legibilidad. Si algo falla, vuelve al proyecto editable, no intentes arreglarlo a partir de la exportación final.
🧠 Comprueba que lo entendiste
Pregunta: ¿Por qué conviene comprobar la imagen a tamaño normal además de ampliada?
Respuesta orientativa: Porque la imagen final puede verse en una escala distinta; la silueta y el contraste deben seguir funcionando ahí.
Proyecto final: una poción de inventario
Crea un icono de poción que se entienda a tamaño pequeño. El objetivo no es alcanzar un estilo perfecto, sino aplicar las decisiones de los módulos de forma consciente.
Plan de trabajo
- Define el tamaño y la frase de objetivo del icono.
- Dibuja la botella en un solo color y revisa la silueta.
- Elige una paleta breve para vidrio, líquido, sombra y reflejo.
- Añade volumen con una sola dirección de luz.
- Limpia píxeles sueltos y compara a tamaño normal.
- Exporta una versión PNG y conserva una versión editable.
Lista de revisión antes de darlo por terminado
- La silueta se reconoce sin los detalles interiores.
- Los tonos tienen funciones distinguibles.
- La luz parece venir de una dirección coherente.
- No hay píxeles accidentales que distraigan.
- El archivo exportado conserva nitidez y el fondo previsto.
Consejo: conserva una primera versión y una versión revisada. No evalúes tu avance solo por si el dibujo queda “bonito”; anota qué decisión tomaste, qué problema detectaste y qué cambiaste para resolverlo.
Practicar en el editor de Pixel Art →5問の確認テスト（スペイン語）
Autoevaluación: comprueba lo aprendido
Responde estas cinco preguntas para repasar las ideas principales. No es un examen oficial ni una certificación: es una oportunidad para descubrir qué conceptos conviene practicar de nuevo.
Glosario esencial
- Pixel
- La unidad mínima de una imagen digital.
- Silueta
- La forma exterior que permite reconocer el objeto.
- Paleta
- Conjunto de colores utilizado para una imagen.
- Clúster de píxeles
- Grupo de píxeles que trabaja unido para describir una forma o un tono.
- Transparencia
- La posibilidad de que una parte de la imagen no tenga fondo opaco.
Preguntas frecuentes
¿Necesito saber dibujar antes de empezar?
No. Empieza con objetos geométricos y siluetas sencillas; el curso está pensado para practicar desde cero.
¿Qué tamaño de lienzo debo usar?
Para un primer icono puedes probar 16 × 16 o 32 × 32. El tamaño depende del detalle y del uso final.
¿Tengo que usar contorno negro?
No. El contraste entre tonos, temperatura y fondo también puede separar las formas.
¿Cómo sé si mi Pixel Art está terminado?
Cuando el objeto se reconoce, los detalles tienen una función y la imagen se entiende a tamaño real. Siempre habrá alternativas estilísticas, pero esa lista es un buen punto de partida.