Ton profil animé, de zéro

C'est quoi, un profil animé ?

Ta fiche de joueur est remplie toute seule par le site. Le profil animé, lui, est une page que tu dessines : un cadre, comme une scène, où tu poses ce que tu veux, où tu veux, quand tu veux.

1. Tu as jusqu'à quatre profils animés : Dynamique, Pro, Pro 2 et Pro 3. Chacun a sa propre adresse.
2. Chaque profil existe en deux formats : ordinateur (16:9) et téléphone (9:16). Le site montre le bon selon l'écran du visiteur.
3. Un profil contient trois choses : un fond (vidéo), une musique, et un mur (tout ce que tu poses par-dessus).

Tout ce qui est dans ce tutoriel fonctionne avec le forfait Gratuit. Les limites de chaque forfait sont dans le tableau à la fin.

Ouvrir l'éditeur

L'éditeur a deux parties : le menu à gauche, et ton mur à droite, dans un cadre pointillé.

1. Va dans Tableau de bord → Personnaliser → Mes profils animés.
2. Choisis un profil (Dynamique pour commencer) et clique Ouvrir mon mur.
3. En haut, choisis Ordinateur ou Téléphone (9:16) : ce sont deux murs séparés.
4. Quand tu as fini, clique Enregistrer, puis Voir le résultat.

Rien n'est publié tant que tu n'as pas cliqué Enregistrer. Tu peux tout essayer sans risque.

Ajouter un élément

Tout part de la section « Ajouter » du menu. Chaque élément est indépendant : tu peux le placer, le grossir, le rogner ou le cacher sans toucher aux autres.

1. Texte : une phrase libre, avec sa police, sa couleur et ses effets.
2. Lien : un texte cliquable vers l'adresse de ton choix.
3. Boîte : un rectangle de couleur ou en dégradé, pour faire un bandeau, un cadre ou un fond d'alerte.
4. Image, GIF ou vidéo : un fichier que tu envoies. Il reste dans « Mes fichiers envoyés » pour le reposer plus tard.
5. Un élément de mon profil : nom, avatar, rang, description, badges, champions maîtrisés, champions préférés, statistiques par position ou par champion, dernières parties, coéquipiers fréquents, événements. Ils se mettent à jour tout seuls.
6. Une icône de réseau, seule : une seule icône (Twitch, YouTube…) que tu places où tu veux.

Ce que tu ajoutes va dans la scène ouverte à ce moment-là.

Déplacer, grossir, rogner, cacher

Quatre gestes suffisent pour tout mettre en place.

1. Déplacer : clique sur l'élément et glisse-le. Coche « Aimanter à la grille » dans « Le cadre » pour l'aligner facilement.
2. Grossir ou rapetisser : tire le coin. Le contenu grossit avec la boîte, et une image ou une vidéo garde ses proportions.
3. Rogner : tiens Alt et tire un côté. La boîte ne montre plus qu'une partie du contenu. Pratique pour ne garder que trois parties sur cinq, ou une seule rangée de champions.
4. Cacher : un élément n'apparaît que dans sa scène, ou seulement entre « Apparaît à » et « Disparaît à ». Pour l'enlever pour de bon : Suppr ou clic droit → Supprimer.
5. Sortir un morceau d'une section : sur « Dernières parties », les champions, les badges ou les liens, règle Montrer à partir du n° et Combien. Numéro 1 et Combien 1 = ta dernière partie seule. Duplique l'élément pour poser la 2e ailleurs. Cacher le titre de la section enlève l'en-tête.
6. Devant / Derrière : la barre du haut change l'ordre quand deux éléments se chevauchent.

Une image, une vidéo ou une boîte peut dépasser du cadre : ce qui dépasse est coupé. C'est la façon de faire un fond qui déborde.

Textes, polices et effets de lettres

Un texte bien choisi fait la moitié du travail.

1. Choisis ton texte, puis règle Taille du texte et Couleur du texte dans « L'élément choisi ».
2. Police d'écriture : dix polices (Bebas Neue, Orbitron, Press Start 2P, Pacifico, Cinzel, Permanent Marker, Bangers, Playfair Display, Roboto Mono, et celle du site).
3. Effet lettre par lettre : vague, saut, apparition une à une, tremble, arc-en-ciel, néon qui pulse, bascule.
4. Lettres par groupe : 1 = chaque lettre bouge seule ; 3 = elles bougent trois par trois.
5. Les mêmes effets marchent sur tes icônes de réseaux, tes liens et tes badges : chaque icône s'anime à son tour.

Pour deux effets différents dans la même phrase, fais deux textes côte à côte.

Fond vidéo, musique, images et vidéos

Il y a deux sortes de vidéos : la vidéo de fond, qui remplit le cadre, et les vidéos que tu poses sur le mur comme une image.

1. Vidéo de fond : dans Personnaliser, sur la tuile du profil. Prépare-la en 1920 × 1080 pour l'ordinateur et en 1080 × 1920 pour le téléphone.
2. Musique : envoie tes pistes dans ta bibliothèque, puis choisis laquelle joue sur chaque profil.
3. Son : le visiteur clique pour entrer, et la musique part. Il règle le volume ou coupe le son avec le bouton Son. Avec une musique à part, la vidéo de fond reste muette.
4. Image, GIF ou vidéo sur le mur : ajoute-la, place-la, rogne-la. Une vidéo du mur repart du début chaque fois qu'elle apparaît.
5. Lien au clic : colle une adresse https:// sur une image ou une vidéo, et elle devient cliquable. C'est la façon de mener vers une vidéo YouTube, un clip Twitch ou une publication X : pose la vignette, mets le lien dessus.

Les lecteurs YouTube, X ou Twitch ne s'intègrent pas directement dans le mur : on passe par une vignette cliquable ou par ton propre fichier vidéo.

Les scènes

Une scène est un tableau complet. Ton mur en enchaîne plusieurs, en boucle, comme les diapositives d'une présentation.

1. Dans Scènes, clique Ajouter une scène. La nouvelle scène est vierge ; ce qui était déjà posé reste en scène 1.
2. Clique Scène 2 pour y travailler : les éléments des autres scènes disparaissent de l'éditeur.
3. Règle Durée de chaque scène (de 2 à 120 secondes).
4. Pour qu'un élément reste partout (ton nom, un bandeau), choisis-le et mets Scène : Toutes.
5. Tout voir affiche toutes les scènes en même temps, pour vérifier que rien ne se chevauche.

Astuce : cale la durée des scènes sur ta musique. À 120 battements par minute, 8 secondes font exactement 4 mesures.

La ligne du temps

Dans une scène, chaque élément peut entrer et sortir à la seconde près, comme dans un logiciel de montage.

1. Choisis un élément et règle Apparaît à (s) et Disparaît à (s). 0 veut dire « dès le début » et « jamais ».
2. Le temps se compte depuis le début de la scène de l'élément.
3. Boucle (s) : l'apparition et la disparition se répètent toutes les X secondes. Parfait pour une alerte qui clignote.
4. Dans Ligne du temps, le curseur « Aperçu : moment du montage » te montre le mur à la seconde choisie, sans attendre.

Musique, vidéo de fond et vidéos du mur repartent ensemble de zéro quand le visiteur entre : ton montage reste calé.

Animations, transitions et parallaxe

Trois réglages donnent de la vie, chacun indépendant des autres.

1. Animation : flotte, lueur, rythme, tremble, bascule, arc-en-ciel, apparition, glisse, ou au hasard. Elle tourne tout le temps.
2. Transition d'entrée et de sortie : fondu, depuis la gauche, la droite, le haut, le bas, zoom ou rotation. Elle joue quand l'élément apparaît et disparaît.
3. Profondeur (parallaxe) : de 0 à 6. Plus c'est haut, plus l'élément bouge avec la souris ou l'inclinaison du téléphone.
4. Fond de la boîte : celui d'origine, aucun, une couleur ou un dégradé, avec transparence et coins arrondis.
5. Égaliseur : un élément qui bouge au rythme de ta musique.

En Gratuit, la transition est un fondu. Les autres transitions viennent avec un forfait payant.

Réseaux sociaux et liens

Ajoute tes réseaux une fois, puis pose-les sur n'importe quel mur.

1. Dans Tableau de bord → Liens, coche tes réseaux et colle tes adresses. Tu peux avoir plusieurs comptes d'un même réseau.
2. Sur le mur, Icônes de réseaux pose toute la rangée d'un coup.
3. Une icône de réseau, seule pose une seule icône : place Twitch en haut et YouTube en bas si tu veux.
4. Mes liens pose tes liens en boutons ; Lien crée un texte cliquable libre.

Une icône ou un lien peut avoir sa scène et son moment, comme tout le reste : montre tes réseaux seulement dans la dernière scène, par exemple.

Partir d'un gabarit

Pas envie de partir d'un mur vide ? Prends un gabarit : une mise en page prête, que tu remplis avec ton contenu.

1. Va dans Tableau de bord → Gabarits de murs.
2. Les gabarits marqués Gratuit se prennent sans jetons.
3. Clique Appliquer et choisis sur quel profil. Le gabarit remplace la disposition de ce mur.
4. Ouvre l'éditeur : change les textes, ajoute tes images, et enregistre.

Un gabarit garde la mise en page, les textes, les boîtes, les effets et les scènes. Il ne contient ni images, ni vidéos, ni liens : ceux-là sont à toi d'ajouter. Tu peux aussi vendre les tiens en jetons.

Partager ton profil

Chaque profil a son adresse et son code QR.

1. Sur ton profil, le bouton Partager copie l'adresse ; Code QR donne un code à imprimer ou à montrer.
2. Lien unique selon l'heure : dans Personnaliser, décide quel profil ton adresse principale montre selon le jour et l'heure (ton profil de diffusion le soir, ta fiche le reste du temps).
3. Les visiteurs passent d'un profil à l'autre avec les flèches, comme dans un fil de vidéos.

Montrer ton mur en direct avec OBS

Ton mur peut servir de scène d'attente, d'écran « de retour bientôt » ou de fond pendant ta diffusion.

1. Prends l'adresse de ton profil et ajoute ?obs=1 à la fin. Le mur s'affiche seul : sans bouton d'entrée, sans menu, sans légende.
2. Dans OBS : Sources → + → Navigateur. Colle l'adresse, mets 1920 de large et 1080 de haut.
3. Coche Contrôler l'audio via OBS pour régler le volume de ta musique dans le mélangeur.
4. Pas de son du tout ? Ajoute &muet=1 à l'adresse.
5. Pour le mur vertical (TikTok, Shorts) : mets 720 de large et 1280 de haut. Sous 760 de large, c'est ton mur de téléphone qui s'affiche ; agrandis ensuite la source dans OBS.

Le mur se met à jour tout seul dans OBS quand tu recharges la source après avoir enregistré.