Passer au contenu principal

Spécifications graphiques du Calendrier Gagnant

Design et graphismes des pages du Calendrier Gagnant

Mis à jour hier

Téléchargez le pack ZIP contenant le fichier PSD avec tous les éléments graphiques à personnaliser, ainsi qu’une notice PDF explicative.

Le texte ci-dessous reprend les éléments contenus dans le fichier PDF intitulé Notice graphique.


Introduction au template

Fichier Photoshop .psd

Le template Photoshop se compose de 2 plans de travail représentant la vue Desktop et la vue Mobile de la mécanique de jeu. Les différents éléments composant la mécanique de jeu sont modifiables depuis la vue Desktop.

La vue Mobile permet uniquement la prévisualisation du rendu Ingame de la mécanique sur un device mobile. La vue mobile ne doit pas être modifiée directement dans le .psd template.

Page desktop et mobile

  • Image de fond desktop au format .jpg : Le fond desktop a une largeur libre (3800 pixels recommandés) sur une hauteur libre (1700 pixels recommandés).

  • Image de fond mobile au format .jpg : Le fond mobile a une largeur de 640 pixels de large et 960 pixels de hauteur.


Spécificités Calendrier Gagnant

Tous les éléments personnalisables sont disponibles dans le groupe de calques bleu :

À MODIFIER / EXPORTER contient 5 calques. Ces 5 calques sont des objets dynamiques que vous pouvez ouvrir et modifier via un double-clic.


Fond de jeu

Le fond du jeu est composé d’une seule image incluant toutes les cases fermées.

Taille : 810 x 650 px / Poids max : 1 Mo

Vous pouvez modifier le nombre de cases, leurs formes, leurs tailles et leurs positions. Il doit être exporté avec les visuels des cases fermées visibles.

💡 Creative Tips : Vous pouvez prévoir une zone vide en haut du fond du jeu qui permettra d’ajouter un texte dans l’affichage full screen mobile lors de l’intégration. (cf Affichage Mobile)


Fond de jeu mobile

Il n’y a pas de visuel de fond du jeu spécifique à créer pour la version mobile. Le fond du jeu est identique pour les deux affichages. Le fond du jeu s’affiche dans sa globalité par dessus le fond mobile pendant quelques secondes.

Il est ensuite automatiquement zoomé pour passer en full screen avec un scrolling horizontal permettant de naviguer dans le visuel. Vous ne pouvez donc pas intégrer de textes dans le fond mobile de ce module car il sera très rapidement masqué par le visuel du calendrier.


Contenu des cases

Ils correspondent à l’intérieur des cases présentes dans le fond du jeu. Ils s’affichent une fois que le joueur clique sur les cases. Vous pouvez créer jusqu'à 50 contenus de cases différentes. Vous pouvez réutiliser les mêmes contenus de cases pour plusieurs cases qui ont la même forme. Pour un rendu optimal leurs formes et leurs tailles doivent correspondre à celles des cases fermées de votre fond du jeu. Vous devez les exporter séparément au format .png.

Taille libre

Taille recommandée : 100 à 150 px x 100 à 150 px

Poids max : 200 ko


Do / Don’t

Les visuels des intérieurs des cases ne doivent pas être superposé lors de la configuration pour que les zones cliquables ne se chevauchent pas. Vous devez donc placer les visuels des cases fermées suffisamment espacés lors de la conception graphique.


Animation d’ouverture des cases

Il y a plusieurs animations d’ouverture des cases disponibles lors de l’intégration :

Volet en bois

Portes

Animations d'ouvertures :

Volet

Store

Disparition

Porte en bas

Porte gauche

Porte droit

Porte haut

Elle sera identique pour toutes les cases. Vous pouvez également sélectionner une couleur pour la partie intérieure des cases. Elle s’appliquera comme un filtre et sera visible pour les animations de type “volets” et “portes”


Exportation

  1. Sélectionnez les calques

  2. Cliquez droit sur l’un d’eux et sélectionnez Exporter sous…

  3. Sélectionnez les paramètres suivants dans la popin d’exportation :

    1. Format : PNG

    2. Transparence : activée

    3. Convertir en sRVB : activé

    4. Incorporer le profil couleur : activé

  4. Cliquez sur le bouton Tout exporter… et sélectionnez le dossier de destination “Assets - Calendrier” de votre répertoire de Rendu.

Cette méthode rogne automatiquement l’espace vide autour des assets.

Nos recommandations

Pour la production de graphismes diffusés via Adictiz Box, nous recommandons de travailler avec :

  • Une résolution de 72dpi

  • Un espace de travail RVB

  • Le profil colorimétrique sRGB IEC61966-2.1

Avez-vous trouvé la réponse à votre question ?