Menu

← Retour aux générateurs

Guide Graphiste Jy Serai

Instructions complètes pour créer des affiches compatibles avec le générateur d'affiches personnalisées

Introduction

Ce guide explique comment créer des affiches pour la plateforme Jy Serai. Les affiches créées selon ces spécifications permettront aux utilisateurs de générer facilement des visuels personnalisés en y ajoutant leurs photos.

Objectif : Créer une affiche avec une zone transparente ou claire où la photo de l'utilisateur sera placée dynamiquement.

Spécifications Techniques

Dimensions

1200px Largeur
1200px Hauteur
1:1 Ratio
Format de fichier : PNG avec transparence (recommandé) ou JPG
Résolution : 72 DPI minimum (300 DPI pour impression)
Espace colorimétrique : RGB
Taille maximale : 5 Mo
Important : Le format carré (1:1) est obligatoire pour garantir une expérience utilisateur optimale sur tous les appareils.

Zone Photo

Emplacement recommandé

La zone où la photo de l'utilisateur sera placée doit être clairement identifiée. Voici les meilleures pratiques :

  • Centrer la zone photo dans la partie supérieure ou centrale de l'affiche
  • Laisser un espace suffisant autour de la zone photo (minimum 50px de marge)
  • Éviter de placer du texte important dans la zone photo
  • Utiliser une forme arrondie ou rectangulaire pour la zone photo

Options de design

Option 1 - Zone transparente : Laisser une zone complètement transparente dans le PNG. La photo de l'utilisateur remplira cette zone.

Option 2 - Zone avec fond : Créer une zone avec un fond uni ou un motif subtil. La photo sera superposée avec une opacité ajustable.

Option 3 - Masque de forme : Utiliser un masque de forme (cercle, rectangle arrondi, etc.) pour définir la zone photo.
Astuce : Pour faciliter l'intégration, vous pouvez ajouter un guide visuel (ligne pointillée) dans votre fichier source qui sera retiré avant export.

Design Guidelines

Hiérarchie visuelle

  1. Titre de l'événement : Doit être lisible et proéminent
  2. Photo utilisateur : Zone clairement définie
  3. Informations secondaires : Date, lieu, description
  4. Éléments de branding : Logos, watermarks (espace réservé en bas à droite)

Couleurs et contrastes

  • Utiliser des couleurs contrastées pour garantir la lisibilité
  • Éviter les couleurs trop claires qui pourraient se confondre avec la photo
  • Prévoir un espace pour le watermark "Powered by Tigsi" (bas à droite, ~60x80px)

Typographie

  • Utiliser des polices lisibles (sans-serif recommandé pour les titres)
  • Taille minimale : 14px pour le texte secondaire
  • Éviter les polices trop décoratives pour le texte informatif

Processus d'Intégration

Étapes pour le graphiste

  1. Créer l'affiche selon les spécifications (1200x1200px, PNG avec transparence)
  2. Identifier et marquer la zone photo dans le design
  3. Exporter le fichier final en PNG (qualité maximale)
  4. Nommer le fichier de manière descriptive : nom-evenement.png
  5. Fournir le fichier à l'équipe technique avec les informations suivantes :
    • Nom de l'événement
    • Date et lieu
    • Description
    • Coordonnées approximatives de la zone photo (optionnel)

Étapes pour l'équipe technique

  1. Placer l'image dans public/images/events/jy-serai/
  2. Créer le contrôleur correspondant dans app/Http/Controllers/Customs/JySerai/
  3. Ajouter l'événement dans JySeraiLandingController
  4. Configurer les routes dans routes/operations/jy-serai.php
  5. Tester la génération d'affiche avec différentes photos

Exemple de Structure

Voici un exemple de structure d'affiche recommandée :

Zone supérieure (200px) : Titre de l'événement Zone centrale (600px) : Zone photo utilisateur (avec transparence ou fond) Zone inférieure (400px) : Date, lieu, informations complémentaires Zone watermark (bas à droite) : Espace réservé pour "Powered by Tigsi"
Note : Ces dimensions sont indicatives. L'important est de maintenir une bonne hiérarchie visuelle et de laisser suffisamment d'espace pour la photo utilisateur.

Checklist de Validation

  • Dimensions : 1200x1200px (format carré)
  • Format : PNG avec transparence (ou JPG de qualité)
  • Zone photo clairement identifiée
  • Texte lisible et contrasté
  • Espace réservé pour le watermark (bas à droite)
  • Taille du fichier < 5 Mo
  • Pas d'éléments trop proches des bords (marges suffisantes)
  • Design cohérent avec l'identité de l'événement

Questions Fréquentes

Puis-je utiliser un format rectangulaire ?

Non, le format carré (1:1) est obligatoire pour garantir une expérience utilisateur cohérente sur tous les appareils et réseaux sociaux.

La zone photo doit-elle être exactement au centre ?

Non, vous pouvez placer la zone photo où vous le souhaitez, mais il est recommandé de la centrer ou de la placer dans la partie supérieure pour une meilleure visibilité.

Dois-je inclure le watermark "Powered by Tigsi" ?

Non, le watermark est ajouté automatiquement par le système. Laissez simplement un espace libre en bas à droite (environ 60x80px) pour qu'il ne chevauche pas vos éléments de design.

Quelle est la meilleure façon de définir la zone photo ?

La méthode la plus simple est de créer une zone transparente dans votre fichier PNG. Le système détectera cette zone et y placera la photo de l'utilisateur. Vous pouvez aussi utiliser un masque de forme pour un effet plus stylisé.

Contact

Pour toute question supplémentaire ou pour soumettre vos créations, contactez l'équipe technique.

Merci ! En suivant ce guide, vous contribuez à créer une expérience utilisateur exceptionnelle sur la plateforme Jy Serai.