Créez vos visuels en quelques clics – Mode d’emploi

Bienvenue dans « Créez vos visuels en quelques clics » ! Cet outil vous permet de recadrer, redimensionner et personnaliser vos images en quelques étapes simples. Suivez ce guide pour obtenir rapidement des visuels adaptés à vos besoins.

Utilitaire gratuit et respectant votre confidentialité – aucune image n’est chargée sur nos serveurs. Votre photo apparaît à l’écran uniquement pour sa visualisation. Le téléchargement se fait sur votre ordinateur.Votre image d’origine n’est pas modifiée.

Ce programme est gratuit. Il a été développé spécifiquement pour nos clients qui doivent recadrer leurs photographies pour l’administration de leur site dynamique. Il permet aussi de préparer les images mises en avant sur les blogs WordPress ainsi que les photographies pour les boutiques Prestashop, avec la possibilité d’inclure un titre, une accroche texte et un logo.
N’hésitez pas à me consulter pour toute question.

Étape 1 : Définir le Format Cible

1. Choix du format
   • Utilisez le menu déroulant « Gabarits définis » pour sélectionner un format prédéfini (par exemple, « Couverture », « Profil », « Story », etc.).
   • Vous pouvez également saisir manuellement la largeur et la hauteur (en pixels) dans les champs prévus à cet effet.
2. Valider le format
   • Cliquez sur le bouton « Valider les dimensions » pour enregistrer vos dimensions.
   • Cette étape ajuste la zone de recadrage en fonction du format choisi.
   • Vous pouvez donc maintenant charger votre image.

Étape 2 : Importer une Image

1. Importer le fichier
   • Cliquez sur le bouton « Importer l’image » pour sélectionner votre fichier image (formats JPEG, PNG, etc.).
   • Une fois l’image importée, l’outil de recadrage s’affichera et vous pourrez la manipuler.
   • Vous pouvez changer d’image durant vos essais, la nouvelle image remplacera celle en cours.
2. Ajuster l’image
   • Utilisez la molette de votre souris ou les flèches à l’écran pour zoomer et déplacer l’image.
   • Vous pouvez également cliquer et glisser pour repositionner l’image dans la zone de recadrage.

Étape 3 : Ajouter et Personnaliser des Éléments

Affinez votre image

Retravaillez votre image

Examinons les outils de gauche à droite

1. le Pas
   • Il sert à affiner vos déplacements quand vous cliquez sur les boutons de zoom et sur les flèches : 1 : pour 1 pixel à la fois et 10 par exemple pour aller de 10 en 10
2. Les loupes
   • Elles symbolisent le zoom
   • Utilisez la loupe « + » (la première) pour zoomer
   • Utilisez la loupe « – » (la seconde)pour dézoomer
3. La luminosité
   • Le bouton de gauche permet de baisser la luminosité
   • Le bouton de droite permet d’augmenter la luminosité
   • le bouton central (flèche ronde) réinitialise le réglage de luminosité
4. Le contraste
   • Le bouton de gauche permet de baisser le contraste
   • Le bouton de droite permet d’augmenter le contraste
   • le bouton central (flèche ronde) réinitialise le réglage de contraste
5. La saturation
   • Le bouton de gauche permet de baisser la saturation (moins de couleurs)
   • Le bouton de droite permet d’augmenter la saturation (renforcement des couleurs)
   • le bouton central (flèche ronde) réinitialise le réglage de saturation
7. Les insertions
   • Vous avez la possibilité d’insérer un titre d’une ligne en cliquant sur le bouton « Titre ou slogan »
   • Vous avez la possibilité d’insérer un texte court sur plusieurs lignes en cliquant sur le bouton « Lignes de texte »
   • Vous avez la possibilité d’insérer un logo ou une image en incrustation en cliquant sur « Logo »

Ajouter un Titre

1. Activation
   • Cliquez sur « Titre ou slogan » pour faire apparaître le champ de saisie du titre. Il apparaît à gauche en haut de l’image
   • Le bouton « Titre ou slogan » devient « Masqué » – il suffit de cliquer de nouveau dessus pour cacher le titre – les réglages resteront mémorisés.
   • Une ligne d’outils apparaît
2. Le texte :
   • Vous pouvez sélectionner la police de caractère dans la liste déroulante
   • Saisissez la taille de la police en pixels (saisie libre) – le texte s’adaptera immédiatement
3. Déplacement
   • Cliquez et faites glisser le titre pour le repositionner dans la zone de travail.
   • le flèche d’annulation permet de remettre le titre à sa position initiale. C’est pratique si lors d’un faux mouvement vous le faites disparaître de la zone de travail
4. Saisie et réglages
   • Saisissez votre titre dans le champ prévu. Ne tenez pas compte de la largeur de la zone de saisie mais regardez votre résultat immédiat sur l’image.
   • Vois pouvez ensuite mettre le texte en gras, ou en italique ou gras et italique.
   • Utilisez les contrôles pour modifier ensuite la couleur de la police, sa transparence, la couleur du fond et sa transparence; la couleur et l’épaisseur du bord autrour du texte (0 : pas de bordure)

Voici le résultat

Ajouter des lignes de texte

1. Remarque
   • Le traitement du titre a été masqué pour plus de lisibilité – Il suffira de cliquer sur « Titre ou slogan » pour le faire réapparaître.
2. Activation
   • Cliquez sur « Lignes de texte » pour faire apparaître le champ de saisie du titre. Il apparaît à gauche en haut de l’image
   • Le bouton « Lignes de texte » devient « Masqué » – il suffit de cliquer de nouveau dessus pour cacher le titre – les réglages resteront mémorisés.
   • Une ligne d’outils apparaît
3. Le texte :
   • Vous pouvez sélectionner la police de caractère dans la liste déroulante
   • Saisissez la taille de la police en pixels (saisie libre) – le texte s’adaptera immédiatement
4. Déplacement
   • Cliquez et faites glisser la zone de texte pour la repositionner dans la zone de travail.
   • le flèche d’annulation permet de remettre la zone de texte à sa position initiale. C’est pratique si lors d’un faux mouvement vous le faites disparaître de la zone de travail
5. Saisie et réglages
   • Saisissez votre titre dans le champ prévu. Ne tenez pas compte de la largeur de la zone de saisie mais regardez votre résultat immédiat sur l’image.
   • Cette zone est multiligne
   • Vous avez la possibilité de cadrer le texte sur la gauche, le centre ou la droite – le cadrage se fera sur la ligne de plus grande largeur.
     Vois pouvez ensuite mettre le texte en gras, ou en italique ou gras et italique. Toutes les lignes sont réglées d’un coup.
   • Utilisez les contrôles pour modifier ensuite la couleur de la police, sa transparence, la couleur du fond et sa transparence; la couleur et l’épaisseur du bord autrour du texte (0 : pas de bordure)

Voici le résultat

Ajouter un Logo

1. Importer le logo
   • Cliquez sur « Logo » pour ouvrir la boîte de dialogue et sélectionner un fichier (JPEG ou PNG).
   • Le logo s’affiche par défaut en haut de l’image, centré horizontalement, avec une hauteur de 300px.
2. Ajuster le logo
   • Utilisez le contrôle « Hauteur de logo » pour définir la hauteur souhaitée (valeur maximale limitée à la hauteur du format défini).
   • Utilisez le slider « Transparence du logo » pour ajuster son opacité. Bien entendu la transparence des fichiers PNG est prise en compte.
3. Déplacement
   • Faites glisser le logo pour le positionner à l’endroit souhaité
4. Supprimer le logo
   • Faites le glisser hors de la zone de travail ou chargez un logo à vide (cliquez sur « Logo » puis annulez sans charger de fichier)

Voici l’interface de l’exemple avec les réglages

Étape 4 : Exporter l’Image

1. Récupérez vos oeuvres
   • Une fois que vous êtes satisfait du recadrage et de la personnalisation (titre, texte, logo), saisissez un nom de fichier – sans acents, ni espaces, ni apostrophes ou autres signes étranges (c’est un conseil). Si vous ne remplissz pas cette zone, un nom de fichier sera donné automatiquement. Ne mettez pas d’extension.
   • Ensuite cliquez sur « Télécharger en JGP » : l’image finale sera générée en JPEG, léger mais de bonne qualité pour le web.
   • Ou cliquez sur « Télécharger en JGP » : l’image finale sera générée en PNG, ce qui est nécessaire si vous avez travaillé sur un original avec de la transparence (image ronde par exemple)
2. Le téléchargement
   • Le fichier exporté sera copié dans votre dossier habituel de téléchargement. Vous n’avez plus qu’à le ranger et à l’utilisez sur vos réseaux sociaux, dans votre blog ou dans un mail.
   • Cliquez ensuite sur « Nouvelle image » pour travailler sur un autrez visuel ou « Quitter » si vous terminez.

Résultat

Sur le disque dur :

Nosu sommes bien dans le bon format (800x450px), le nom est respecté, les éléments graphiques bien positionnés.

Remarques Générales

• Réinitialisation de la Position
  • Si vous perdez vos éléments (titre, texte) hors de la zone visible, utilisez les boutons de réinitialisation pour les repositionner aux valeurs par défaut définies dans les styles (par exemple, Titre à 50px du côté gauche et 10px du haut, Texte à 50px du côté gauche et 120px du haut).
  • si vous perdez votre logo, cliquez sur « Ajouter un logo » et rechargez-le
• Astuce IMPORTANTE
  • Si vous devez travailler plusieurs visuels sur le même modèle, chargez une nouvelle image et adaptez vos textes. Tant que vous ne quittez pas ou que vous ne cliquez pas sur « Nouvcelle image », vos réglages resteront actifs (position et couleur des textes, position et taille du logo…)
• Retour ou suggestion
  • Je reste à votre disposition pour toute suggestion. N’hésitez pas à m’envoyer un e-mail rapide pour me faire part de votre avis sur ce programme, c’est toujours agréable d’avoir un retour, d’autant plus qu’aucune donnée personnelle (date de passage, travail effectué, etc.) n’est conservée.