Ce guide vous explique tout ce que vous devez savoir pour créer un photo challenge personnalisé avec PuzzleBuilder — de la configuration de votre grille au téléchargement ou à la publication de votre puzzle terminé.

1. Qu'est-ce qu'un Photo Challenge ?

Un photo challenge est un jeu de questions-réponses basé sur des photos. Vous téléchargez un ensemble de photos, écrivez la bonne réponse pour chacune, et les joueurs essaient de les deviner. Le format fonctionne pour de nombreux concepts :

  • Où étaient-ils ? Photos de lieux — les joueurs devinent la ville ou le pays.
  • Quelle année ? Photos de différents moments — les joueurs devinent l'année.
  • Quel âge ? Photos à différents âges — les joueurs devinent l'âge sur chacune.
  • Tunnel du temps, Devinez le lieu, Nommez ce moment — le concept dépend de vous.

Généralement, un seul concept traverse tout le challenge. Le joueur voit les photos et répond à une question cohérente pour chacune.

2. Pour commencer

Pour créer un photo challenge, vous avez d'abord besoin d'une occasion. Une occasion est le conteneur de vos puzzles — cela peut être un mariage, un anniversaire, une activité scolaire ou tout autre événement.

Si vous n'avez pas encore créé d'occasion :

  • Cliquez sur + Nouveau puzzle depuis votre tableau de bord.
  • Choisissez une occasion existante ou créez-en une nouvelle.
  • Sélectionnez Photo Challenge comme type de puzzle.

Une fois votre occasion configurée, l'éditeur de photo challenge s'ouvre automatiquement. Lors de la première ouverture d'un nouveau puzzle, il vous sera demandé de choisir un format de page et une orientation — vous pourrez les modifier plus tard depuis l'onglet Size à tout moment.

3. L'interface de l'éditeur

L'éditeur de photo challenge comporte trois zones principales :

  • Panneau gauche : Quatre onglets — Challenge (votre disposition de grille et les réponses), Size (dimensions de la page), Templates (modèles prêts à l'emploi) et Layers (liste des éléments et outils pour nouveaux éléments).
  • Canevas central : Un aperçu en direct de votre design de puzzle. L'artboard à l'intérieur du canevas représente la page réelle — tout ce qui se trouve dans ses limites apparaîtra dans votre fichier téléchargé.
  • Panneau droit (Style & Content) : Contrôles pour le style de la grille de photos et pour l'élément sélectionné.

La barre d'outils du haut comprend Save (avec un champ de saisie pour nommer votre puzzle), Guide (un lien vers cette page), Download et Publish. En dessous, vous trouverez les contrôles de zoom, un bouton Fit pour ajuster le canevas à votre écran, et des boutons pour Hide Crop Marks, Hide Grid et Show Answers.

Vous pouvez également faire un clic droit n'importe où sur le canevas pour ouvrir un menu rapide avec des raccourcis vers Save, Crop Marks, Grid, Answers et Download.

Pour vous déplacer dans le canevas, maintenez Alt et faites glisser, ou appuyez sur le bouton central de la souris et faites glisser. Vous pouvez aussi zoomer et dézoomer avec la molette de la souris.

Sur mobile

Sur les appareils mobiles, l'éditeur s'adapte à votre écran. Les panneaux gauche et droit sont masqués par défaut et s'ouvrent depuis les boutons en haut de l'écran :

  • Appuyez sur Panel en haut à gauche pour ouvrir le panneau gauche.
  • Appuyez sur Propriétés en haut à droite pour ouvrir le panneau Style & Content.
  • Les actions Save, Guide, Download et Publish sont regroupées sous le bouton menu ☰ dans la rangée supérieure.

Le mode mobile comprend aussi un interrupteur Pan pour naviguer dans le canevas au toucher. Quand Pan est activé, vous pouvez faire glisser le canevas avec votre doigt pour vous déplacer. Quand Pan est désactivé, toucher et faire glisser sélectionne et déplace les éléments sur l'artboard.

4. Configurer la grille

Ouvrez l'onglet Challenge dans le panneau gauche. En haut, vous trouverez la section Grid, qui contrôle le nombre d'emplacements photo de votre challenge et la façon dont ils sont disposés.

  • Number of Rows : Choisissez entre 1 et 5 lignes.
  • Number of Items in a Row : Choisissez entre 1 et 5 éléments par ligne.

Cliquez sur Apply Grid Layout pour mettre à jour le canevas. L'artboard affichera instantanément la nouvelle disposition d'emplacements vides.

Chaque emplacement photo a un espace en dessous pour une réponse (en format ligne ou case, selon vos paramètres de style). Le nombre total d'emplacements est lignes × éléments par ligne — par exemple, 3 lignes de 3 éléments donnent 9 emplacements.

5. Écrire les réponses

Sous la section Grid se trouve la section Answers, avec un champ de saisie pour chaque emplacement de votre grille. Saisissez la bonne réponse pour chaque photo.

Les réponses sont obligatoires pour le jeu en ligne — c'est ainsi que le jeu sait si la supposition d'un joueur est correcte. Elles ne sont pas affichées sur la version imprimée, sauf si vous téléchargez avec Show Answers activé dans la barre d'outils (utile principalement pour la prévisualisation).

6. Ajouter des photos

Les emplacements vides affichent un placeholder Double-click to add image sur le canevas. Pour ajouter une photo :

  • Double-cliquez sur un emplacement vide.
  • Choisissez un fichier image depuis votre appareil.
  • Attendez la fin du téléchargement — une boîte de progression affichera Uploading Photo... Processing image...

Une fois téléchargée, la photo remplit l'emplacement. Vous pouvez aussi cliquer une fois sur un emplacement vide pour le sélectionner, puis utiliser le bouton Upload Photo dans le panneau droit.

Formats pris en charge : JPEG, PNG, GIF, WebP. Taille maximale du fichier : 5 Mo par photo.

Ajuster les photos

Cliquez sur une photo (un seul clic) pour la sélectionner. Le panneau droit affiche les contrôles de la photo :

  • Remove Photo : Supprime la photo de l'emplacement.
  • Size : Ajustez la largeur et la hauteur de la photo en pixels. Utilisez l'interrupteur de verrouillage pour conserver le rapport d'aspect. Cliquez sur Fill Slot pour faire entrer la photo exactement dans l'emplacement, ou sur Reset Size pour restaurer les dimensions d'origine.
  • Flip : Inversez la photo horizontalement ou verticalement.
  • Rotate : Saisissez un angle de rotation en degrés, ou cliquez sur Reset pour revenir à 0°.

Vous pouvez aussi glisser une photo à l'intérieur de son emplacement pour la repositionner, et la redimensionner avec les poignées de coin. Les photos peuvent dépasser des bords de l'emplacement, mais les parties à l'extérieur sont coupées et ne seront pas visibles dans le résultat final.

7. Personnaliser la grille de photos

Contrairement aux autres éditeurs de puzzles, l'éditeur de photo challenge affiche les options de style de grille dans le panneau droit même quand rien n'est sélectionné. Cela vous permet d'affiner l'apparence de la grille dans son ensemble.

Spacing

  • Gap : L'espace entre les emplacements (0–100px).
  • Grid Padding : La distance entre la grille et les bords de l'artboard (0–100px).

Slot

  • Border : L'épaisseur du cadre de chaque emplacement (0–10px).
  • Border Color : La couleur du cadre.
  • Gap : L'espace entre le cadre et la photo à l'intérieur (0–10px).

Answers

Choisissez à quoi ressemble la zone de réponse sous chaque photo. Utilisez l'interrupteur Type pour basculer entre deux styles :

Line — Une ligne simple sur laquelle les joueurs écrivent leur réponse librement. Idéal pour les réponses plus longues.

  • Top Space : L'espace entre la photo et la ligne (0–50px).
  • Line Thickness : 1–10px.
  • Line Style : Solid ou Dotted.
  • Line Color : La couleur de la ligne.

Box — Une rangée de cases pour lettres, une par caractère — comme un mini mots croisés. Ce style apporte une sensation de puzzle et fonctionne bien pour les réponses courtes.

  • Top Space : L'espace entre la photo et les cases (0–50px).
  • Box Thickness : Épaisseur de bordure des cases (0–5px).
  • Box Size : La taille de chaque case de caractère (5–50px).
  • Box Border Color : La couleur de bordure des cases.
  • Box Bg Color : La couleur de fond des cases.
  • Gap between boxes : 1–10px.
  • Box corners : 0–10px (pour les coins arrondis).

Lorsque vous modifiez un paramètre dans Spacing, Slot ou Answers, un bouton Update Grid apparaît sous cette section. Cliquez dessus pour appliquer vos modifications au canevas.

8. Choisir un format de page

Cliquez sur l'onglet Size dans le panneau gauche pour choisir les dimensions de votre page. Les formats disponibles incluent :

  • 5×7 in (Format carte) — 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 (Affiche moyenne) — 457,2 × 609,6 mm
  • 24×36 in (Grande affiche) — 609,6 × 914,4 mm
  • 30×42 in (Affiche géante / Chevalet) — 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

Vous pouvez aussi basculer entre l'orientation Portrait et Paysage. Cliquez sur Apply Page Size pour mettre à jour le canevas.

Lorsque vous changez le format de la page, votre design est automatiquement réajusté aux nouvelles dimensions. Dans la plupart des cas, vous voudrez ensuite ajuster précisément les positions et tailles des éléments.

9. Appliquer un modèle

Cliquez sur l'onglet Templates pour parcourir les designs prêts à l'emploi. Chaque modèle comprend une mise en page pré-arrangée avec des éléments stylisés — titres, formes décoratives et préréglages de style de grille.

Sélectionnez un modèle et cliquez sur Apply Template. Une boîte de dialogue de confirmation vous demandera de confirmer, car l'application d'un nouveau modèle remplace les éléments décoratifs du modèle actuel (y compris toute personnalisation que vous leur avez apportée). Vos photos et les éléments que vous avez ajoutés vous-même restent exactement là où ils sont.

10. Personnaliser le design global

Au-delà de la grille de photos, vous pouvez ajouter et styliser d'autres éléments sur le canevas.

Édition de texte en ligne

Double-cliquez sur n'importe quel élément de texte du canevas pour modifier son contenu directement sur l'artboard. Cela inclut les titres de modèle et tout élément de texte que vous avez ajouté vous-même. Vous pouvez aussi modifier le texte depuis le champ de texte du panneau Style & Content.

Taille, rotation, retournement et alignement

Chaque élément ajouté a les mêmes contrôles principaux dans le panneau droit :

  • Aligner sur la page : Alignez l'élément sur Left, Center, Right, Top, Middle ou Bottom de la page.
  • Taille : Définissez la largeur et la hauteur exactes en pixels.
  • Retourner : Inversez l'élément horizontalement ou verticalement.
  • Rotation : Saisissez un angle en degrés, ou cliquez sur Reset pour revenir à 0°.

Vous pouvez aussi glisser les éléments librement sur le canevas, les redimensionner avec les poignées de coin ou de bord, et les faire tourner avec le contrôle de rotation qui apparaît sous un élément sélectionné.

Alignement multi-sélection

Sélectionnez plusieurs éléments à la fois en maintenant Shift et en cliquant sur chaque élément, ou en faisant glisser un cadre de sélection sur eux dans le canevas. Vous pouvez aussi faire une sélection multiple depuis l'onglet Layers en maintenant Shift et en cliquant sur les lignes de calques.

Lorsque plusieurs éléments sont sélectionnés, le panneau droit affiche deux ensembles de contrôles : Align Elements aligne les éléments sélectionnés les uns par rapport aux autres, et Align to Page les aligne par rapport à la page.

Ajouter de nouveaux éléments

Ouvrez l'onglet Layers. En bas, vous trouverez la section Add Element avec ces options :

  • Rectangle : Une forme avec couleur de remplissage ajustable et rayon d'angle (pour des coins arrondis).
  • Triangle et Cercle : Formes avec couleur de remplissage ajustable.
  • Ligne : Une ligne droite avec épaisseur et couleur ajustables.
  • Texte : Une nouvelle zone de texte avec tous les contrôles typographiques — famille de police, graisse, style, couleur et alignement.
  • Image : Téléchargez vos propres images décoratives (JPEG, PNG, GIF ou WebP — jusqu'à 5 images, max 5 Mo par fichier). Elles sont distinctes des emplacements photo de votre grille.

Vous pouvez ajouter jusqu'à 10 de chaque forme ou élément de texte. Tout élément ajouté apparaît toujours au-dessus de la grille de photos dans la pile de calques — la grille de photos reste en arrière-plan.

Gestion des calques

L'onglet Layers affiche l'ordre d'empilement de tous les éléments du canevas. Notez que les emplacements photo et les photos téléchargées elles-mêmes n'apparaissent pas dans la liste Layers — ils sont gérés directement via les paramètres de la grille et le canevas. Les autres éléments (décorations de modèle, vos formes et textes ajoutés) apparaissent normalement et peuvent être réorganisés par glisser-déposer.

11. Traits de coupe, lignes de grille et Show Answers

L'éditeur comprend trois interrupteurs d'affichage dans la barre supérieure :

  • Hide/Show Crop Marks : Petites marques dans les coins qui indiquent la zone d'impression sûre. Utiles lors de l'impression pour garantir une découpe précise.
  • Hide/Show Grid : Une grille d'arrière-plan qui vous aide à aligner les éléments pendant le design.
  • Show/Hide Answers : Affiche la bonne réponse sous chaque photo dans la zone de réponse, pour que vous puissiez vérifier votre configuration. Note : Les réponses ne sont jamais incluses dans la version imprimée téléchargée — cet interrupteur sert uniquement à la prévisualisation dans l'éditeur.

12. Enregistrer votre travail

Cliquez sur le bouton Save dans la barre supérieure pour enregistrer votre progression actuelle. Le nom de votre puzzle apparaît dans le champ de saisie à côté — vous pouvez le renommer à tout moment. L'enregistrement préserve tout : vos photos, réponses, mise en page de la grille, choix de design, positions des éléments, modèle, format de page et orientation.

Votre puzzle est stocké dans votre compte et vous pouvez y revenir à tout moment depuis votre tableau de bord.

13. Télécharger votre puzzle

Cliquez sur le bouton Download dans la barre supérieure pour ouvrir la boîte de dialogue de téléchargement. Vous verrez trois options :

  • PNG Preview : Une image en résolution standard pour des aperçus rapides et le partage.
  • PNG High-Quality : Une image en haute résolution adaptée à l'impression.
  • Print Ready PDF : Un fichier PDF optimisé pour une qualité d'impression professionnelle.

Le fichier téléchargé montre exactement ce qui se trouve à l'intérieur de l'artboard — les traits de coupe, lignes de grille et réponses ne sont pas inclus. Les joueurs écrivent leurs suppositions dans la zone de réponse lorsqu'ils jouent à la version imprimée.

Les téléchargements sont disponibles sur tous les forfaits payants. Les utilisateurs du plan gratuit peuvent prévisualiser leur puzzle dans l'éditeur mais ne peuvent pas télécharger de fichiers.

14. Publier votre puzzle en ligne

Cliquez sur le bouton Publish dans la barre supérieure pour ouvrir la boîte de dialogue de publication. Ici, vous pouvez :

  • Obtenir un lien public : Une URL unique que n'importe qui peut ouvrir pour jouer à votre photo challenge en ligne.
  • Ajouter une protection par mot de passe : Définissez éventuellement un mot de passe pour que seuls les invités choisis puissent accéder au puzzle.
  • Activer le score et le classement : Activez le système de score pour suivre le score de chaque joueur, le temps de résolution, les indices utilisés et les tentatives échouées. Les joueurs sont classés sur un classement en direct visible sur la page du puzzle.
  • Afficher le classement aux joueurs : Choisissez si les joueurs peuvent voir le classement et les scores des autres joueurs.

Vous pouvez copier le lien public, le partager via n'importe quelle application de messagerie, ou dépublier le puzzle à tout moment.

Le jeu en ligne est disponible sur tous les forfaits payants. Les utilisateurs du plan gratuit ne peuvent pas publier de puzzles.

15. Comment fonctionne le jeu en ligne pour les joueurs

Lorsque quelqu'un ouvre votre lien de puzzle, il voit un écran de bienvenue avec le titre du puzzle, votre en-tête personnalisé (si défini) et un champ de saisie de nom. Après avoir saisi son nom, il appuie sur Commencer à jouer.

Le photo challenge est affiché différemment selon l'appareil :

  • Sur grands écrans : La disposition de grille que vous avez créée est affichée telle quelle, avec toutes les photos disposées en lignes et colonnes.
  • Sur mobile : Les photos sont affichées une à la fois sous forme de slider, avec des miniatures de toutes les photos en bas pour une navigation rapide. La photo active est mise en évidence dans la bande de miniatures.

Les joueurs appuient sur une photo pour ouvrir le panneau de réponse. Ils saisissent leur supposition dans une rangée de cases pour lettres — une case par caractère — semblable à un mots croisés. Si la réponse contient plusieurs mots, les cases incluent des espaces entre eux. Les nombres sont également pris en charge. Chaque emplacement photo comprend :

  • Indice : Un nombre limité d'indices révèle une lettre de la réponse.
  • Vérifier : Soumet la supposition. Les bonnes réponses sont marquées d'une superposition de gradient vert sur la photo ; les mauvaises réponses reçoivent une superposition de gradient rouge.
  • Annuler : Ferme le panneau de réponse sans soumettre.

Le jeu suit également le temps du joueur, les indices utilisés et les tentatives échouées pour calculer un score final.

Les joueurs n'ont pas besoin de créer de compte ni de télécharger quoi que ce soit. Le jeu fonctionne entièrement dans leur navigateur sur n'importe quel appareil.

16. Conseils pour un photo challenge réussi

  • Commencez avec 3×3 ou 3×4 : Ces dispositions fonctionnent le mieux sur la plupart des formats de page et donnent une impression substantielle sans devenir accablantes.
  • Utilisez des photos de haute qualité : Si vous prévoyez d'imprimer le puzzle, les images en basse résolution peuvent paraître floues ou pixelisées. Les photos peuvent atteindre 5 Mo chacune, il y a donc de la marge pour des images nettes et claires.
  • Gardez votre concept cohérent : Les joueurs s'amusent le plus quand chaque photo pose la même question — Où cela a-t-il été pris ? ou Quel âge avaient-ils ? — plutôt que de mélanger les concepts.
  • Choisissez Line ou Box pour les réponses : Utilisez Line pour les réponses plus longues (phrases complètes, noms de lieux à plusieurs mots) où les joueurs ont besoin de place pour écrire librement. Utilisez Box pour les réponses plus courtes — cela apporte une sensation de puzzle et transforme le challenge en quelque chose de plus proche d'un jeu de devinettes.
  • Astuce pour le jeu en ligne : Le choix de Line ou Box n'affecte que la version imprimée. Les joueurs en ligne saisissent toujours dans des cases pour lettres, similaires à un mots croisés.
  • Prévisualisez avant de publier : Utilisez Show Answers dans l'éditeur pour vérifier que la bonne réponse est attribuée à chaque photo.
  • Testez la version en ligne : Ouvrez votre propre lien de puzzle et jouez-le une fois pour vous assurer que les photos se chargent correctement et que les réponses sont acceptées.

Besoin d'aide ?

Si vous avez des questions ou rencontrez des problèmes lors de la création de votre photo challenge, contactez notre équipe d'assistance via la page d'Assistance.