ELM ChatLog

Import & Galerie

Comment importer, recadrer et gérer tes images.

1

Importer une image

Clique sur le bouton Importer des images dans la sidebar gauche, ou glisse-dépose directement un fichier dans la zone d'import. Les formats acceptés sont JPG, PNG, WEBP, GIF.

2

Le modal de recadrage s'ouvre

Dès qu'une image est importée, un popup de recadrage s'ouvre automatiquement. Ajuste librement la zone à conserver en déplaçant et redimensionnant la sélection.

Ratios de recadrage

Libre Sélection totalement libre, aucune contrainte de proportions.

4:3 Ratio paysage classique, format photo standard.

16:9 Format écran large, idéal pour les captures de chatlog.

1:1 Carré parfait, pour les exports réseaux sociaux.

Résolution personnalisée

Clique sur l'engrenage pour saisir une largeur × hauteur exacte en pixels. La sélection se repositionne automatiquement au centre. Valide avec OK ou Entrée.

Valider le crop

Garder l'originale Ignore le recadrage et importe l'image telle quelle.

Rogner et utiliser Confirme la sélection et ajoute l'image recadrée à la galerie.

L'original est toujours conservé

Quand tu recadres une image, l'original n'est pas perdu. Il est conservé en mémoire. Tu peux revenir à tout moment sur une image de la galerie, cliquer sur ✂️ et repartir du fichier d'origine — pas du crop précédent. Ce qui veut dire que tu peux recadrer différemment autant de fois que tu veux sans jamais dégrader la qualité de l'image de base.

3

L'image apparaît dans la Galerie

L'image est ajoutée à la sidebar gauche. Chaque carte affiche une miniature et le nom du fichier. Clique sur une carte pour la sélectionner et l'afficher dans le canvas central.

✂️ Recadrer — rouvre le modal de crop sur l'image originale.

🗑️ Supprimer — retire définitivement l'image de la galerie.

4

Réorganiser la Galerie

Glisse-dépose les cartes pour changer leur ordre. L'ordre est important : lors d'une sauvegarde groupée (zip ou assemblage), les images sont exportées dans l'ordre affiché dans la galerie, du haut vers le bas.

À noter

L'image sélectionnée (mise en évidence dans la galerie) est celle affichée dans le canvas. Toutes les modifications du canvas (éléments, blocs, filtres…) s'appliquent uniquement à cette image.

Chatlog & Outil ChatLog

Créer, éditer et gérer tes blocs de texte sur le canvas.

Éditeur ChatLog

Créer un ChatLog

Dans la sidebar droite, clique sur ➕ Créer un ChatLog pour ajouter un nouveau bloc de texte sur le canvas. Chaque bloc est indépendant — position, taille et propriétés séparées.

Les cartes dans le Gestionnaire

Clique sur une carte pour la sélectionner. Double-clique pour ouvrir directement l'éditeur.

🔓Verrouiller — empêche le déplacement du bloc sur le canvas. Passe en 🔒 une fois actif.

✏️Éditer — ouvre le modal d'édition de texte.

🗑️Supprimer — retire le bloc du canvas.

Propriétés du bloc

Quand un bloc est sélectionné, ses réglages s'affichent sous sa carte :

TailleSlider de 10 à 72px.

PoliceCycle entre les polices dispo. Le bouton B active le gras.

ContourToggle — contour noir autour des lettres pour la lisibilité.

FondToggle — fond semi-transparent derrière le texte.

OpacitéVisible si fond actif — règle sa transparence.

L'éditeur de texte

S'ouvre via ✏️ ou double-clic. Éditeur multi-lignes avec coloration en temps réel.

Couleur — applique une couleur à la sélection (actions, murmure, chuchotement, SMS…).

⚙️ Outil ChatLogOuvre le panneau Outil ChatLog à côté de l'éditeur.

EnregistrerValide le texte et ferme l'éditeur.

Outil ChatLog

Panneau latéral accessible depuis l'éditeur via ⚙️ Outil ChatLog. Importe un .txt de chatlog et sélectionne les lignes à coller dans l'éditeur.

📄 Importer un TXTCharge un fichier .txt exporté depuis le jeu.

Rechercher…Filtre les lignes en temps réel par mot-clé.

Tout sélectionnerCoche toutes les lignes visibles.

Tout désélectionnerDécoche toutes les lignes.

➕ Ajouter les sélectionsInjecte les lignes cochées dans l'éditeur à la position du curseur.

Workflow typique

Importe ton .txt → filtre par personnage → coche les lignes → Ajouter les sélections. Le texte s'insère directement dans l'éditeur avec la coloration automatique.

Canvas & Éléments

Le canvas est la zone centrale où tu travailles sur ton image. Les éléments sont tout ce que tu poses dessus.

Le Canvas

Navigation & Zoom

Tu peux naviguer librement dans le canvas sans toucher à l'image :

Molette sourisZoom in / zoom out centré sur le curseur.

Ctrl + + / −Zoom in / zoom out centré sur le canvas.

Ctrl + 0Remet le zoom à 100% — image fittée dans le canvas.

Zoom pillLe % affiché en bas à droite. Clique dessus pour réinitialiser le zoom.

Espace + glisserMaintiens Espace et clique-glisse pour panoramiquer quand tu es zoomé.

Filtre N&B global

Le bouton ◑ en bas à gauche du canvas applique un filtre Noir & Blanc sur toute l'image de fond. Il n'affecte pas les éléments posés dessus. Clique à nouveau pour le retirer.

Lignes de snap

Quand tu déplaces un élément, des lignes d'alignement apparaissent automatiquement pour t'aider à aligner précisément :

Bords imageSnap sur les 4 bords et le centre H/V de l'image.

Autres élémentsSnap sur les bords et centres de tous les autres blocs déjà posés.

Annuler / Rétablir

Ctrl + ZAnnule la dernière action canvas (déplacement, resize, ajout, suppression, propriété…).

Ctrl + YRétablit l'action annulée. Fonctionne aussi avec Ctrl+Shift+Z.

Les Éléments

Le bouton +

En bas à gauche du canvas, le bouton + ouvre un menu avec 4 catégories d'éléments à poser sur l'image :

Ajouter une image

Importer une imageDepuis ton ordi. Un popup de crop s'ouvre — forme (rect, cercle, arrondi) puis validation.

Sélectionner une zoneDécoupe directement sur l'image en cours — tu dessines la sélection et elle devient un bloc.

Créer une forme

CarréCouleur, remplissage ou contour avec épaisseur réglable.

CercleRatio toujours verrouillé. Couleur, remplissage ou contour.

CroixCouleur et épaisseur des bras réglables.

FlècheTaille de la tête et épaisseur du corps réglables via les handles orange/bleu/vert.

Floutage

Pose une zone qui floute l'image en dessous — utile pour cacher une info sensible.

Forme — bascule entre carré et cercle.

Intensité — slider de 0 à 100%.

Zone N&B

Même principe que la Floutage, mais applique un filtre Noir & Blanc. Forme (carré/cercle) et intensité réglables.

Manipuler un élément

Clique sur un élément pour le sélectionner — un anneau apparaît avec des handles de resize et rotation. Des boutons contextuels s'affichent sur le côté :

DéplacerClique-glisse directement sur l'élément.

ResizeGlisse un handle de coin ou de bord. Shift + glisser pour verrouiller le ratio.

RotationGlisse la zone de rotation aux coins extérieurs de la sélection.

OpacitéSlider OPACITÉ flottant au-dessus de l'élément sélectionné.

Recadrer (images) — rouvre le crop modal avec la forme actuelle.

Contour (images) — bord coloré. Couleur et épaisseur réglables.

Floutage (images) — floute l'image du bloc. Intensité réglable.

Noir & Blanc (images) — dessature le bloc. Intensité réglable.

Couleur (formes) — palette + picker pour changer la teinte.

Remplir (carré/cercle) — bascule contour seul ↔ remplissage.

Épaisseur (croix) — slider pour l'épaisseur des bras.

Supprimer — retire l'élément. Aussi via Suppr.

Le panel Éléments

En bas de la sidebar droite, le panel Éléments liste tous les blocs posés sur l'image en cours, du plus récent au plus ancien. Clique sur un item pour le sélectionner sur le canvas. Le bouton 🗑️ le supprime directement.

ImageBloc image importé ou zone découpée.

FloutageZone de floutage carré ou cercle.

Zone N&BZone de désaturation carré ou cercle.

Formes vectorielles — Carré, Cercle, Croix, Flèche.

La Sauvegarde

Exporter une ou plusieurs images depuis ELM ChatLog.

Le bouton Sauvegarder

En haut de l'interface, clique sur Sauvegarder pour ouvrir le menu d'export. Trois options sont disponibles selon ton besoin :

Les 3 modes d'export

Sauvegarder l'image actuelle

Exporte uniquement l'image actuellement affichée dans le canvas — avec tous ses éléments (blocs texte, formes, zones flou/N&B…) fusionnés dans un seul fichier PNG. Le fichier se télécharge immédiatement.

Sauvegarder toutes les images 1 par 1

Exporte toutes les images de la galerie en fichiers PNG séparés, dans l'ordre de la galerie. Chaque image est exportée avec ses éléments canvas. Un popup de confirmation s'ouvre d'abord pour t'avertir :

Autorisation navigateur

Le téléchargement de plusieurs fichiers nécessite une autorisation du navigateur. Un popup peut apparaître dans la barre d'adresse ou en haut à droite — clique sur Autoriser. Si rien ne se passe après le 1er fichier, cherche l'icône de blocage dans ta barre d'adresse.

Sauvegarder en assemblant les images

Fusionne toutes les images de la galerie en un seul PNG vertical — les images sont empilées les unes sous les autres, dans l'ordre de la galerie. La largeur finale est celle de l'image la plus large, les autres sont centrées horizontalement. Un seul fichier elm_assembled.png se télécharge.

À savoir

L'ordre de la galerie est important

Pour les exports groupés (1 par 1 ou assemblage), les images sont traitées dans l'ordre affiché dans la galerie, du haut vers le bas. Pense à réorganiser tes images avant d'exporter si l'ordre compte.

Ce qui est exporté

Chaque export génère une image en résolution native — pas de compression, pas de redimensionnement. Tout ce que tu vois sur le canvas est inclus : l'image de fond (avec son crop et son éventuel filtre N&B global), les blocs ChatLog, les images importées, les formes, les zones flou et N&B.

Raccourcis

Tous les raccourcis clavier et souris disponibles dans ELM ChatLog.

Canvas — Navigation

Molette sourisZoom in / zoom out centré sur le curseur.

Ctrl + + / −Zoom in / zoom out centré sur le canvas.

Ctrl + 0Réinitialise le zoom — image fittée.

Espace + glisserPanoramique — déplace la vue quand tu es zoomé.

Clic molette + glisserPanoramique alternatif sans maintenir Espace.

Canvas — Éléments

Ctrl + ZAnnule la dernière action sur les éléments canvas.

Ctrl + YRétablit l'action annulée.

Ctrl + Shift + ZRétablit aussi (alternative à Ctrl+Y).

Suppr / BackspaceSupprime l'élément canvas sélectionné (hors éditeur de texte).

Shift + glisser handleVerrouille le ratio pendant le redimensionnement (éléments libres).

Blocs ChatLog

Double-clic sur un blocOuvre directement l'éditeur de texte du bloc.

Suppr / BackspaceSupprime le bloc sélectionné (hors éditeur, bloc non verrouillé).

↑ ↓ ← →Déplace le bloc sélectionné de 1px.

Shift + ↑↓←→Déplace le bloc sélectionné de 10px.

Ctrl + Z / YAnnule / rétablit dans l'éditeur de texte (historique du texte).

Ctrl + Shift + clic motFloute / défloute un mot dans l'éditeur de texte.

Popup de recadrage (Crop)

Shift + dessinerVerrouille le ratio 1:1 pendant le dessin de la sélection (mode Libre).

EntréeValide la résolution personnalisée dans le champ ⚙️.

EchapFerme le menu + ouvert sur le canvas.

Modales & Interface

EchapFerme le Wiki, le modal de crop, ou le menu + du canvas.

Clic sur l'overlayFerme n'importe quel modal ouvert (Wiki, crop, texte…).