Esta guía te explica todo lo que necesitas saber para crear un photo challenge personalizado con PuzzleBuilder — desde configurar tu cuadrícula hasta descargar o publicar tu puzzle terminado.

1. ¿Qué es un Photo Challenge?

Un photo challenge es un juego de preguntas y respuestas basado en fotos. Subes un conjunto de fotos, escribes la respuesta correcta para cada una, y los jugadores intentan adivinarlas. El formato funciona para muchos conceptos:

  • ¿Dónde estaban? Fotos de lugares — los jugadores adivinan la ciudad o el país.
  • ¿Qué año? Fotos de diferentes momentos — los jugadores adivinan el año.
  • ¿Cuántos años? Fotos a diferentes edades — los jugadores adivinan la edad en cada una.
  • Túnel del tiempo, Adivina el lugar, Nombra ese momento — el concepto depende de ti.

Normalmente, un solo concepto recorre todo el challenge. El jugador ve las fotos y responde una pregunta consistente para cada una.

2. Primeros pasos

Para crear un photo challenge, primero necesitas una ocasión. Una ocasión es el contenedor de tus puzzles — puede ser una boda, un cumpleaños, una actividad escolar o cualquier otro evento.

Si aún no has creado una ocasión:

  • Haz clic en + Nuevo puzzle desde tu panel.
  • Elige una ocasión existente o crea una nueva.
  • Selecciona Photo Challenge como tipo de puzzle.

Una vez configurada tu ocasión, el editor de photo challenge se abrirá automáticamente. La primera vez que abras un puzzle nuevo, se te pedirá elegir un tamaño de página y una orientación — puedes cambiarlos más tarde desde la pestaña Size en cualquier momento.

3. La interfaz del editor

El editor de photo challenge tiene tres áreas principales:

  • Panel izquierdo: Cuatro pestañas — Challenge (tu diseño de cuadrícula y respuestas), Size (dimensiones de la página), Templates (diseños prediseñados) y Layers (lista de elementos y herramientas para nuevos elementos).
  • Lienzo central: Una vista previa en vivo del diseño de tu puzzle. El artboard dentro del lienzo representa la página real — todo lo que esté dentro de sus límites aparecerá en el archivo descargado.
  • Panel derecho (Style & Content): Controles para el estilo de la cuadrícula de fotos y para el elemento seleccionado.

La barra superior incluye Save (con un campo de entrada para nombrar tu puzzle), Guide (un enlace a esta página), Download y Publish. Debajo encontrarás controles de zoom, un botón Fit para ajustar el lienzo a tu pantalla, y botones para Hide Crop Marks, Hide Grid y Show Answers.

También puedes hacer clic derecho en cualquier parte del lienzo para abrir un menú rápido con atajos a Save, Crop Marks, Grid, Answers y Download.

Para moverte por el lienzo, mantén pulsado Alt y arrastra, o presiona el botón central del ratón y arrastra. También puedes acercar y alejar con la rueda del ratón.

En el móvil

En dispositivos móviles, el editor se adapta a tu pantalla. Los paneles izquierdo y derecho están ocultos por defecto y se abren desde los botones de la parte superior de la pantalla:

  • Toca Panel en la parte superior izquierda para abrir el panel izquierdo.
  • Toca Propiedades en la parte superior derecha para abrir el panel Style & Content.
  • Las acciones Save, Guide, Download y Publish están agrupadas bajo el botón de menú ☰ en la fila superior.

El móvil también incluye un interruptor Pan para navegar por el lienzo táctilmente. Cuando Pan está activo, puedes arrastrar el lienzo con el dedo para moverte. Cuando Pan está desactivado, tocar y arrastrar selecciona y mueve elementos en el artboard.

4. Configurar la cuadrícula

Abre la pestaña Challenge en el panel izquierdo. En la parte superior, encontrarás la sección Grid, que controla cuántas casillas de fotos tiene tu challenge y cómo se distribuyen.

  • Number of Rows: Elige entre 1 y 5 filas.
  • Number of Items in a Row: Elige entre 1 y 5 elementos por fila.

Haz clic en Apply Grid Layout para actualizar el lienzo. El artboard mostrará al instante la nueva disposición de casillas vacías.

Cada casilla de foto tiene espacio debajo para una respuesta (en formato de línea o caja, según tus ajustes de estilo). El número total de casillas es filas × elementos por fila — por ejemplo, 3 filas de 3 elementos te dan 9 casillas.

5. Escribir las respuestas

Debajo de la sección Grid está la sección Answers, con un campo de entrada para cada casilla de tu cuadrícula. Escribe la respuesta correcta para cada foto.

Las respuestas son obligatorias para el juego en línea — así es como el juego sabe si la suposición de un jugador es correcta. No se muestran en la versión impresa a menos que descargues con Show Answers activado en la barra de herramientas (útil principalmente para previsualizar).

6. Añadir fotos

Las casillas de fotos vacías muestran un marcador Double-click to add image en el lienzo. Para añadir una foto:

  • Haz doble clic en una casilla vacía.
  • Elige un archivo de imagen de tu dispositivo.
  • Espera a que termine la subida — un cuadro de progreso mostrará Uploading Photo... Processing image...

Una vez subida, la foto rellena la casilla. También puedes hacer un solo clic en una casilla vacía para seleccionarla y luego usar el botón Upload Photo en el panel derecho.

Formatos compatibles: JPEG, PNG, GIF, WebP. Tamaño máximo de archivo: 5 MB por foto.

Ajustar fotos

Haz clic en una foto (un solo clic) para seleccionarla. El panel derecho muestra los controles de la foto:

  • Remove Photo: Quita la foto de la casilla.
  • Size: Ajusta el ancho y el alto de la foto en píxeles. Usa el interruptor de bloqueo para mantener la relación de aspecto. Haz clic en Fill Slot para que la foto encaje exactamente en la casilla, o en Reset Size para restaurar las dimensiones originales.
  • Flip: Refleja la foto horizontal o verticalmente.
  • Rotate: Introduce un ángulo de rotación en grados, o haz clic en Reset para volver a 0°.

También puedes arrastrar una foto dentro de su casilla para reposicionarla, y redimensionarla con los controladores de esquina. Las fotos pueden extenderse más allá de los bordes de la casilla, pero las partes que queden fuera se recortan y no serán visibles en el resultado final.

7. Personalizar la cuadrícula de fotos

A diferencia de otros editores de puzzles, el editor de photo challenge muestra las opciones de estilo de la cuadrícula en el panel derecho incluso cuando no hay nada seleccionado. Esto te permite afinar la apariencia de la cuadrícula en su conjunto.

Spacing

  • Gap: El espacio entre casillas (0–100px).
  • Grid Padding: La distancia entre la cuadrícula y los bordes del artboard (0–100px).

Slot

  • Border: El grosor del marco de cada casilla (0–10px).
  • Border Color: El color del marco.
  • Gap: El espacio entre el marco y la foto del interior (0–10px).

Answers

Elige cómo se ve el área de respuesta debajo de cada foto. Usa el interruptor Type para alternar entre dos estilos:

Line — Una línea simple donde los jugadores escriben su respuesta libremente. Mejor para respuestas más largas.

  • Top Space: El espacio entre la foto y la línea (0–50px).
  • Line Thickness: 1–10px.
  • Line Style: Solid o Dotted.
  • Line Color: El color de la línea.

Box — Una fila de cajas de letras, una por carácter — como un mini crucigrama. Este estilo aporta una sensación de puzzle y funciona bien para respuestas cortas.

  • Top Space: El espacio entre la foto y las cajas (0–50px).
  • Box Thickness: Grosor del borde de la caja (0–5px).
  • Box Size: El tamaño de cada caja de carácter (5–50px).
  • Box Border Color: El color del borde de las cajas.
  • Box Bg Color: El color de fondo de las cajas.
  • Gap between boxes: 1–10px.
  • Box corners: 0–10px (para esquinas redondeadas).

Cuando cambias cualquier ajuste en Spacing, Slot o Answers, aparece un botón Update Grid debajo de esa sección. Haz clic en él para aplicar tus cambios al lienzo.

8. Elegir un tamaño de página

Haz clic en la pestaña Size en el panel izquierdo para elegir las dimensiones de tu página. Los tamaños disponibles incluyen:

  • 5×7 in (Tamaño tarjeta) — 127 × 177,8 mm
  • 5,5×8,5 in (Half Letter) — 139,7 × 215,9 mm
  • 8,5×11 in (US Letter) — 215,9 × 279,4 mm
  • 11×17 in (Tabloid / Ledger) — 279,4 × 431,8 mm
  • 18×24 in (Póster mediano) — 457,2 × 609,6 mm
  • 24×36 in (Póster grande) — 609,6 × 914,4 mm
  • 30×42 in (Póster gigante / Caballete) — 762 × 1066,8 mm
  • A5 — 148 × 210 mm
  • A4 — 210 × 297 mm
  • A3 — 297 × 420 mm
  • A2 — 420 × 594 mm
  • A1 — 594 × 841 mm
  • A0 — 841 × 1189 mm

También puedes alternar entre orientación Vertical y Horizontal. Haz clic en Apply Page Size para actualizar el lienzo.

Cuando cambias el tamaño de página, tu diseño se reajusta automáticamente a las nuevas dimensiones. En la mayoría de los casos, después querrás afinar las posiciones y los tamaños de los elementos.

9. Aplicar una plantilla

Haz clic en la pestaña Templates para explorar diseños prediseñados. Cada plantilla incluye un diseño prearmado con elementos estilizados — títulos, formas decorativas y ajustes de estilo de cuadrícula.

Selecciona una plantilla y haz clic en Apply Template. Un cuadro de confirmación te pedirá que confirmes, porque aplicar una nueva plantilla reemplaza los elementos decorativos de la plantilla actual (incluyendo cualquier personalización que les hayas hecho). Tus fotos y los elementos que hayas añadido tú mismo se mantienen exactamente donde están.

10. Personalizar el diseño general

Más allá de la cuadrícula de fotos, puedes añadir y estilizar otros elementos en el lienzo.

Edición de texto en línea

Haz doble clic en cualquier elemento de texto del lienzo para editar su contenido directamente en el artboard. Esto incluye títulos de plantilla y cualquier elemento de texto que hayas añadido tú. También puedes editar el texto desde el campo de texto en el panel Style & Content.

Tamaño, rotación, voltear y alineación

Cada elemento añadido tiene los mismos controles principales en el panel derecho:

  • Alinear a la página: Ajusta el elemento a Left, Center, Right, Top, Middle o Bottom de la página.
  • Tamaño: Establece el ancho y alto exactos en píxeles.
  • Voltear: Refleja el elemento horizontal o verticalmente.
  • Rotar: Introduce un ángulo en grados, o haz clic en Reset para volver a 0°.

También puedes arrastrar los elementos libremente por el lienzo, redimensionarlos usando los controladores de esquina o borde, y rotarlos usando el control de rotación que aparece debajo del elemento seleccionado.

Alineación con selección múltiple

Selecciona varios elementos a la vez manteniendo Shift y haciendo clic en cada uno, o arrastrando un cuadro de selección sobre ellos en el lienzo. También puedes hacer selección múltiple desde la pestaña Layers manteniendo Shift y haciendo clic en las filas de capas.

Cuando se seleccionan varios elementos, el panel derecho muestra dos conjuntos de controles: Align Elements alinea los elementos seleccionados entre sí, y Align to Page los alinea respecto a la página.

Añadir nuevos elementos

Abre la pestaña Layers. En la parte inferior encontrarás la sección Add Element con estas opciones:

  • Rectángulo: Una forma con color de relleno ajustable y radio de esquina (para esquinas redondeadas).
  • Triángulo y Círculo: Formas con color de relleno ajustable.
  • Línea: Una línea recta con grosor y color ajustables.
  • Texto: Una nueva caja de texto con controles tipográficos completos — familia tipográfica, grosor, estilo, color y alineación.
  • Imagen: Sube tus propias imágenes decorativas (JPEG, PNG, GIF o WebP — hasta 5 imágenes, máx. 5 MB por archivo). Estas son independientes de las casillas de fotos de tu cuadrícula.

Puedes añadir hasta 10 de cada forma o elemento de texto. Cualquier elemento añadido siempre aparece encima de la cuadrícula de fotos en la pila de capas — la cuadrícula de fotos permanece en el fondo.

Gestión de capas

La pestaña Layers muestra el orden de apilamiento de todos los elementos del lienzo. Ten en cuenta que las casillas de fotos y las propias fotos subidas no aparecen en la lista de Layers — se gestionan directamente a través de los ajustes de la cuadrícula y el lienzo. Otros elementos (decoraciones de plantilla, las formas y textos que añadas) aparecen normalmente y pueden reordenarse mediante arrastrar y soltar.

11. Marcas de corte, líneas de cuadrícula y Show Answers

El editor incluye tres interruptores de visualización en la barra superior:

  • Hide/Show Crop Marks: Pequeñas marcas de esquina que indican el área segura de impresión. Útiles al imprimir para asegurar un corte preciso.
  • Hide/Show Grid: Una cuadrícula de fondo que te ayuda a alinear elementos mientras diseñas.
  • Show/Hide Answers: Muestra la respuesta correcta debajo de cada foto en el área de respuesta, para que puedas verificar tu configuración. Nota: Las respuestas nunca se incluyen en la versión impresa descargada — este interruptor es solo para previsualizar dentro del editor.

12. Guardar tu trabajo

Haz clic en el botón Save en la barra superior para guardar tu progreso actual. El nombre de tu puzzle aparece en el campo de entrada junto a él — puedes renombrarlo en cualquier momento. Al guardar se conserva todo: tus fotos, respuestas, diseño de la cuadrícula, decisiones de diseño, posiciones de los elementos, plantilla, tamaño de página y orientación.

Tu puzzle se almacena en tu cuenta y puedes volver a él en cualquier momento desde tu panel.

13. Descargar tu puzzle

Haz clic en el botón Download en la barra superior para abrir el cuadro de diálogo de descarga. Verás tres opciones:

  • PNG Preview: Una imagen de resolución estándar para vistas previas rápidas y compartir.
  • PNG High-Quality: Una imagen de alta resolución apta para imprimir.
  • Print Ready PDF: Un archivo PDF optimizado para calidad de impresión profesional.

El archivo descargado muestra exactamente lo que hay dentro del artboard — las marcas de corte, líneas de cuadrícula y respuestas no se incluyen. Los jugadores escriben sus suposiciones en el área de respuesta cuando juegan la versión impresa.

Las descargas están disponibles en todos los paquetes de pago. Los usuarios del plan gratuito pueden previsualizar su puzzle en el editor, pero no pueden descargar archivos.

14. Publicar tu puzzle en línea

Haz clic en el botón Publish en la barra superior para abrir el cuadro de diálogo de publicación. Aquí puedes:

  • Obtener un enlace público: Una URL única que cualquiera puede abrir para jugar tu photo challenge en línea.
  • Añadir protección con contraseña: Establece opcionalmente una contraseña para que solo los invitados puedan acceder al puzzle.
  • Activar puntuación y clasificación: Activa el sistema de puntuación para seguir la puntuación de cada jugador, el tiempo de finalización, las pistas usadas y los intentos fallidos. Los jugadores se clasifican en una tabla de clasificación en vivo visible en la página del puzzle.
  • Mostrar clasificación a los jugadores: Elige si los jugadores pueden ver la tabla de clasificación y las puntuaciones de otros.

Puedes copiar el enlace público, compartirlo por cualquier app de mensajería o dejar de publicar el puzzle en cualquier momento.

El juego en línea está disponible en todos los paquetes de pago. Los usuarios del plan gratuito no pueden publicar puzzles.

15. Cómo funciona el juego en línea para los jugadores

Cuando alguien abre tu enlace del puzzle, ve una pantalla de bienvenida con el título del puzzle, tu cabecera personalizada (si se ha configurado) y un campo para introducir el nombre. Tras introducir su nombre, toca Empezar a jugar.

El photo challenge se muestra de manera diferente según el dispositivo:

  • En pantallas grandes: El diseño de cuadrícula que has creado se muestra tal cual, con todas las fotos dispuestas en filas y columnas.
  • En el móvil: Las fotos se muestran de una en una como un slider, con miniaturas de todas las fotos en la parte inferior para una navegación rápida. La foto activa se resalta en la tira de miniaturas.

Los jugadores tocan una foto para abrir el panel de respuesta. Escriben su suposición en una fila de cajas de letras — una caja por carácter — similar a un crucigrama. Si la respuesta contiene varias palabras, las cajas incluyen espacios entre ellas. También se admiten números. Cada casilla de foto incluye:

  • Pista: Un número limitado de pistas revela una letra de la respuesta.
  • Comprobar: Envía la suposición. Las respuestas correctas se marcan con una superposición de gradiente verde sobre la foto; las respuestas incorrectas reciben una superposición de gradiente rojo.
  • Cancelar: Cierra el panel de respuesta sin enviar.

El juego también registra el tiempo del jugador, las pistas usadas y los intentos fallidos para calcular una puntuación final.

Los jugadores no necesitan crear una cuenta ni descargar nada. El juego funciona completamente en su navegador en cualquier dispositivo.

16. Consejos para un gran photo challenge

  • Empieza con 3×3 o 3×4: Estos diseños funcionan mejor en la mayoría de los tamaños de página y se sienten sustanciales sin volverse abrumadores.
  • Usa fotos de alta calidad: Si planeas imprimir el puzzle, las imágenes de baja resolución pueden verse borrosas o pixeladas. Las fotos pueden tener hasta 5 MB cada una, así que hay espacio para imágenes nítidas y claras.
  • Mantén tu concepto consistente: Los jugadores se divierten más cuando cada foto plantea la misma pregunta — ¿Dónde se tomó esto? o ¿Cuántos años tenían? — en lugar de mezclar conceptos.
  • Elige Line o Box para las respuestas: Usa Line para respuestas más largas (frases completas, nombres de lugares con varias palabras) donde los jugadores necesitan espacio para escribir libremente. Usa Box para respuestas más cortas — aporta una sensación de puzzle y convierte el challenge en algo más cercano a un juego de adivinanzas.
  • Consejo para el juego en línea: La elección de Line o Box solo afecta a la versión impresa. Los jugadores en línea siempre escriben en cajas de letras, similar a un crucigrama.
  • Previsualiza antes de publicar: Usa Show Answers en el editor para verificar que cada foto tenga la respuesta correcta asignada.
  • Prueba la versión en línea: Abre tu propio enlace del puzzle y juégalo una vez para asegurarte de que las fotos se cargan correctamente y las respuestas se aceptan.

¿Necesitas ayuda?

Si tienes alguna pregunta o encuentras algún problema al crear tu photo challenge, contacta con nuestro equipo de soporte a través de la página de Soporte.