Tutorial
1
Abre el Generador de fichas de discriminación visual
Navega a la página del Generador de fichas de discriminación visual y haz clic en el botón de lanzamiento para abrir el generador en tu navegador. La herramienta se carga instantáneamente con una barra lateral de configuración a la izquierda y un lienzo de doble pestaña a la derecha — una pestaña para la ficha y otra para la clave de respuestas. Sin crear cuenta, sin descargar software, sin instalación necesaria.
El lienzo de doble pestaña es el núcleo del generador de discriminación visual. La pestaña de la ficha muestra el diseño de asociación que usarán los usuarios, mientras que la pestaña de la clave de respuestas muestra los emparejamientos correctos de letra a número con las imágenes originales. Ambas pestañas se generan simultáneamente al hacer clic en Generar, así que nunca necesitas crear claves de respuestas manualmente.
Tómate un momento para explorar los paneles de la barra lateral. El panel de Configuración de ejercicio controla tu selección de modo (Asociación de sombras o Completa la imagen), visibilidad de etiquetas y dirección de corte. El panel de Biblioteca de imágenes proporciona acceso a colecciones temáticas. El panel de Configuración de página gestiona las opciones de diseño y decoración. Estos tres paneles contienen todo lo necesario para configurar una ficha completa de discriminación visual.
2
Elige tu modo de ejercicio
El Generador de fichas de discriminación visual ofrece dos modos de ejercicio distintos, y elegir el correcto determina qué tipo de actividad de asociación presenta tu ficha.
El modo Asociación de sombras es la actividad característica de asociación de siluetas. Coloca cuatro imágenes a color en la sección superior y cuatro siluetas negras autogeneradas en la sección inferior. Las siluetas se crean mediante procesamiento de imágenes a nivel de píxel — cada píxel con alfa mayor de diez se convierte a negro puro, produciendo contornos precisos que preservan detalles finos como orejas, colas, asas y contornos distintivos. Los usuarios estudian las formas y emparejan cada imagen a color con su silueta correcta. Este es procesamiento de píxeles real, no filtros CSS ni recursos de sombras prefabricados.
El modo Completa la imagen crea un puzle de razonamiento espacial. Divide cuatro imágenes en mitades a lo largo de la dirección de corte elegida — corte horizontal (mitades superior e inferior) o corte vertical (mitades izquierda y derecha). Las primeras mitades se etiquetan de A a D, las segundas mitades se etiquetan de uno a cuatro, y los usuarios reconectan las piezas para completar cada imagen. Las dos direcciones de corte producen desafíos fundamentalmente diferentes a partir de las mismas imágenes — un animal dividido horizontalmente revela cabeza y cuerpo por separado, mientras que el mismo animal dividido verticalmente muestra perfiles izquierdo y derecho.
Asociación de sombras es tu herramienta de discriminación visual. Completa la imagen es tu herramienta de razonamiento espacial. La mayoría de los vendedores exitosos usan ambos: asociación de sombras para productos de reconocimiento de siluetas y puzles de imagen dividida para paquetes de percepción espacial.
3
Configura las etiquetas y los campos de nombre/fecha
La casilla de verificación Mostrar etiquetas en el panel de Configuración de ejercicio controla si aparecen identificadores alfanuméricos en la ficha. Este único interruptor crea dos niveles de dificultad a partir de contenido idéntico.
Cuando las etiquetas están activadas (configuración por defecto), las imágenes o primeras mitades muestran identificadores A, B, C, D y las siluetas o segundas mitades muestran identificadores uno, dos, tres, cuatro. Los usuarios escriben pares letra-número como respuestas — por ejemplo, A coincide con tres, B coincide con uno. Este andamiaje estructurado es ideal para usuarios más jóvenes, instrucción guiada y fichas del mercado donde los vendedores necesitan respuestas escritas para evaluar.
Cuando las etiquetas están desactivadas, la ficha se convierte en un desafío de asociación puramente visual sin pistas alfanuméricas. Los usuarios deben confiar enteramente en la asociación visual — identificando siluetas solo por la forma o reconectando mitades divididas por continuidad visual. Las fichas sin etiquetas son ideales para libros de puzles, actividades avanzadas y descargas digitales premium donde una presentación visual más limpia tiene un valor percibido más alto.
Marca la casilla "Incluir campos de nombre/fecha" para añadir líneas de nombre y fecha a la ficha. Los vendedores prefieren firmemente las fichas con estos campos para la gestión del mercado. Inclúyelos siempre en productos dirigidos al uso comercial. Para productos de libros de puzles, deja los campos de nombre y fecha desactivados para una página más limpia.
4
Selecciona cuatro imágenes de la biblioteca o sube las tuyas
Abre el panel de Biblioteca de imágenes y navega por ciento cuatro colecciones temáticas con más de tres mil cien ilustraciones coloridas. Las categorías abarcan animales, comida, vehículos, naturaleza, festividades, profesiones, deportes y decenas más. Filtra por tema usando el menú desplegable o busca por palabra clave para encontrar las imágenes adecuadas.
Ambos modos de ejercicio siempre usan exactamente cuatro imágenes por ficha. Haz clic en las imágenes para seleccionarlas — el contador muestra tu progreso hacia las cuatro requeridas. Una vista previa de imágenes seleccionadas confirma tus elecciones antes de generar.
Para el modo Asociación de sombras, elige imágenes con siluetas distintivas. Los animales con formas corporales únicas (jirafa, elefante, pulpo), los vehículos con perfiles claros (avión, bicicleta, barco) y los objetos con contornos identificables (guitarra, paraguas, corona) producen los puzles de sombras más reconocibles y atractivos. Evita imágenes con formas rectangulares similares que producirían siluetas casi idénticas.
Para el modo Completa la imagen, elige imágenes con detalles distribuidos en ambas mitades. Una imagen con todos los rasgos distintivos concentrados en un lado produce un puzle fácil porque una mitad es obviamente única. Las imágenes con detalle visual equilibrado en ambas mitades crean desafíos de asociación más fuertes.
También puedes subir imágenes personalizadas en formato PNG, JPG o GIF para crear fichas de asociación de sombras personalizadas. Las cargas personalizadas funcionan para ambos modos — la generación de siluetas a nivel de píxel procesa cualquier imagen subida, y Completa la imagen divide cualquier imagen a lo largo de la dirección de corte elegida. Fotos familiares, ilustraciones personalizadas o imágenes específicas del mercado se convierten en productos únicos que ningún competidor puede replicar.
5
Configura el diseño de página y las decoraciones
En la sección de Configuración de página, selecciona tu tamaño de página. Las opciones incluyen Carta vertical, Carta horizontal, A4 vertical, A4 horizontal, Cuadrado (mil doscientos por mil doscientos píxeles) y dimensiones personalizadas. El diseño se adapta automáticamente a la orientación de tu página: las páginas horizontales organizan los elementos en dos filas de cuatro elementos, mientras que las páginas verticales usan dos columnas de cuatro elementos.
Carta es el estándar para compradores norteamericanos. A4 es el estándar para mercados europeos e internacionales. Crear ambas versiones duplica tu alcance en el mercado con un esfuerzo adicional mínimo. El formato puramente visual significa que el tamaño de página es la única variable que necesitas ajustar para diferentes mercados.
Los temas de fondo y borde funcionan de forma independiente, cada uno con su propio deslizador de opacidad que va de cero a uno en incrementos de cero coma cero cinco. Aplica un patrón de fondo sutil al quince o veinticinco por ciento de opacidad para calidez visual sin distraer del contenido de asociación de sombras. Superpón un borde decorativo al ochenta o cien por ciento de opacidad para un marco pulido. Las combinaciones consistentes de fondo y borde en todo un paquete crean un aspecto de producto cohesivo que los compradores asocian con calidad.
Personaliza el texto con siete opciones de fuente incluyendo Lexend Deca, Baloo 2, Nunito, Quicksand, Fredoka, Arial y Verdana. Añade un contorno de texto de cero a diez para estilización adicional. Un encabezado estilizado se renderiza automáticamente con un fondo ámbar, contenedor blanco tipo pastilla y borde ámbar mostrando el título del ejercicio y las instrucciones.
6
Genera la ficha de asociación de sombras
Haz clic en Generar para crear la ficha de asociación. Lo que sucede a continuación depende del modo seleccionado.
En el modo Asociación de sombras, la aplicación procesa cada imagen a nivel de píxel. Carga cada imagen en un lienzo, extrae los datos de píxeles mediante getImageData y convierte cada píxel con alfa mayor de diez a negro puro. Esto produce siluetas precisas que preservan detalles finos — el perfil de transparencia exacto de cada imagen fuente se convierte en su contorno de sombra. Cuatro imágenes a color aparecen en una sección y cuatro siluetas negras aparecen en otra, organizadas según la orientación de tu página.
En el modo Completa la imagen, las imágenes se dividen a lo largo de la dirección de corte elegida en mitades etiquetadas. Los cortes horizontales producen mitades superior e inferior. Los cortes verticales producen mitades izquierda y derecha. Las primeras mitades muestran identificadores de A a D, las segundas mitades muestran identificadores de uno a cuatro.
Ambos modos aplican el algoritmo de desordenamiento Fisher-Yates para garantizar que ningún elemento aparezca en su posición original. En el modo Asociación de sombras, ninguna silueta se sitúa directamente debajo de su imagen correspondiente. En el modo Completa la imagen, ninguna segunda mitad aparece adyacente a su primera mitad correspondiente. Esto elimina la posibilidad de que los usuarios adivinen correctamente solo por posición y asegura que cada ficha presente un desafío genuino de asociación. El algoritmo de desordenamiento recalcula en cada generación, así que hacer clic en Generar de nuevo con las mismas imágenes produce una disposición diferente.
Examina la vista previa con cuidado: comprueba que las siluetas sean claramente reconocibles, que las mitades divididas tengan bordes limpios y que el diseño general se vea equilibrado. Si algo necesita ajuste, modifica tu configuración y regenera instantáneamente.
7
Revisa la clave de respuestas autogenerada
Haz clic en la pestaña de Clave de respuestas para ver la solución autogenerada. La clave de respuestas se muestra de forma diferente para cada modo.
En el modo Asociación de sombras, cada celda muestra la imagen original junto a su silueta con una etiqueta como "A coincide con dos", indicando el emparejamiento correcto. Los usuarios y vendedores pueden verificar las respuestas de un vistazo comparando los pares letra-número en la clave de respuestas con las respuestas del usuario en la ficha.
En el modo Completa la imagen, cada celda muestra la imagen original completa con su etiqueta de emparejamiento, confirmando qué mitades van juntas. La cuadrícula usa cuatro columnas con espaciado consistente para un diseño de solución limpio y legible.
Alterna entre las pestañas de Ficha y Clave de respuestas para comparar y verificar la solución de asociación. La clave de respuestas se genera simultáneamente con la ficha — sin paso de creación manual, sin proceso de diseño separado, sin posibilidad de respuestas que no coincidan. Esta generación simultánea ahorra un tiempo significativo al producir paquetes de asociación de sombras. Crear claves de respuestas manualmente para puzles de asociación visual es tedioso y propenso a errores. La clave de respuestas autogenerada elimina este paso por completo.
Para los listados de productos, la clave de respuestas es un argumento de venta. Los productos que incluyen claves de respuestas superan consistentemente en ventas a los listados de solo puzles porque los vendedores y padres quieren materiales de autoevaluación. Siempre menciona "incluye clave de respuestas" en los títulos y descripciones de tus listados.
8
Descarga los cuatro archivos
El Generador de fichas de discriminación visual produce cuatro archivos por sesión: ficha JPEG, ficha PDF, clave de respuestas JPEG y clave de respuestas PDF. Cada pestaña tiene su propio par de botones de descarga. Todos los archivos se renderizan a trescientos PPP para una salida lista para imprimir.
Activa la escala de grises antes de descargar para versiones económicas en tinta, ideales para la impresión en volumen e interiores de Amazon KDP. Las fichas de asociación de sombras en escala de grises mantienen la claridad visual porque el formato se basa en contornos de formas y relaciones espaciales en lugar de diferenciación de colores. Las siluetas del modo Asociación de sombras ya son negro puro, así que la conversión a escala de grises preserva la calidad completa del puzle.
Para listados en marketplaces, exporta tanto el PDF (como tu producto entregable) como un JPEG (para imágenes de vista previa del listado). Muestra tanto la ficha como la clave de respuestas en las imágenes de tu listado para que los compradores vean exactamente lo que están comprando.
Para construir un paquete de productos completo, alterna entre los modos Asociación de sombras y Completa la imagen, cambia las direcciones de corte, intercambia conjuntos de imágenes y regenera. El algoritmo de desordenamiento produce disposiciones diferentes cada vez, así que también puedes generar múltiples fichas únicas a partir de las mismas cuatro imágenes simplemente haciendo clic en Generar de nuevo. Diez sesiones de generación te dan cuarenta archivos listos para producción — un paquete completo de asociación de sombras listo para publicar.
Importante: la prueba gratis con marca de agua produce exportaciones completamente funcionales con una marca de agua superpuesta visible. Esto te permite evaluar la calidad de impresión, verificar el formato y crear pruebas de impresión antes de comprar una licencia comercial. La licencia comercial elimina la marca de agua de todas las exportaciones, produciendo archivos limpios listos para la venta.
