Utiliser l'éditeur d'image intégré

L’application web Moderato.social a été pensée comme un outil utile pour les community managers. En recevant les contributions des autres utilisateurs, vous recevrez des photos que vous souhaiterez optimiser pour un réseau social ou un autre. Les formats d’image ou les attentes des internautes changent d’un réseau social à l’autre. 

Par exemple Twitter préfère des images au format 1/2 alors que Facebook utilise un autre ratio. Et ces règles sont différentes sur Linked In ou Instagram. 

Certaines applications vous proposent de mettre des stickers sur les images. Personne ne doute de l’utilité des fausses moustaches ou des lunettes de soleil façon disco, mais ces stickers ne sont pas toujours optimisés pour vos publications. 

Vous aurez peut-être plus besoin d’ajouter facilement votre logo, un bandeau de couleur et une description textuelle sur l’image (même si ce n’est pas toujours conseillé pour l’accessibilité de vos publications).  

Nous avons donc mis en place un éditeur d’image simple qui offre les fonctionnalités suivantes : 

1. Un cadrage de l’image selon un ratio propre à chaque réseau social,
2. La possibilité d’ajouter des formes pleines
3. La possibilité d'ajouter du texte,
4. La possibilité de mettre vos propres stickers (logo, photos, etc.),
5. La possibilité d’appliquer des filtres sur la photo principale (noir et blanc, flou, etc.)

Le tout simplement, facilement et sans écraser, jamais, la publication originale envoyée par votre contributeur. Vous pouvez multiplier les tests et les versions pour une même contribution. 

Lancer l’éditeur d'image 

Cliquez simplement sur la photo que vous souhaitez éditer. L’éditeur d’image recouvre alors votre zone de travail. 

En cliquant sur le bouton Enregistrer vos modifications, l’éditeur sauvegarde une nouvelle version de votre image et l’éditeur se referme. Attention, laissez bien le temps nécessaire à votre navigateur pour refermer l’image. 

Vous pouvez annuler toutes vos modifications en refermant l’éditeur en utilisant la croix située en haut à droite. Attention, vos modifications sont définitivement perdues. 

Notez que nous avons appliqué une réduction d’échelle de 50% pour pouvoir travailler efficacement. 

A propos de l'interface 

La première barre d’outils correspond aux fonctions principales de l’éditeur: 

• Zoom avant et zoom arrière : pour agrandir ou réduire la zone de travail
• Outil recadrer
• Outil filtre
• Outil dessiner un rectangle
• Outil dessiner un ovale
• Outil texte
• Outil stickers

La seconde barre d’outils correspond aux fonctions liées à un calque sur l’image. Vous devez d’abord sélectionner un calque en cliquant dessus. Un calque sélectionné est marqué avec un contour bleu. Il propose également des poignées de redimensionnement et vous pouvez également le faire pivoter. Si vous souhaitez le redimensionner en conservant les proportions, vous devez maintenir la touche SHIFT de votre clavier. Cette seconde barre d’outils comporte : 

• Supprimer le calque (attention, la suppression est définitive)
• Mettre le calque au premier plan
• Avancer le calque
• Reculer le calque
• Mettre le calque à l’arrière-plan

Lorsque vous sélectionnez un calque, vous verrez apparaître 2 « sliders » qui vous permettront de modifier la taille du calque et son opacité. 

Recadrer l’image 

Cliquez sur l’outil recadrer. 

Depuis la fenêtre modale qui s’ouvre, choisissez un format en cliquant dessus. 

Notez que les calques ne sont pas coupés par le nouveau cadrage, vous pouvez les déplacer pour retrouver ce qui aurait été caché. 

Ajouter des formes

Cliquez sur l’outil Dessiner un rectangle. 

Choisissez une couleur pour votre rectangle et cliquez sur le bouton Insérer. 

Par défaut, l’éditeur place un carré sur l’image. Vous pouvez utiliser les poignées de redimensionnement ou la poignée de rotation pour placer le rectangle comme vous le souhaitez. 

Vous pouvez faire la même manipulation avec l'outil Dessiner un ovale.

Ajouter du texte

Cliquez sur l’outil Texte. 

Choisissez une police de caractères, tapez votre texte dans le champ Votre texte et choisissez une couleur pour le texte (blanc par défaut). Cliquez sur le bouton Insérer. 

Une fois que votre texte est sur l’image, vous pouvez le déplacer ou changer sa taille et son orientation de la même façon que n’importe quel calque. 

Notez que vous ne pouvez pas modifier le texte. Le cas échéant, vous devrez supprimer votre calque et en créer un nouveau. 

Ajouter des stickers 

Vous pouvez ajouter vos propres stickers sur vos photos. Tous les stickers que vous utilisez sont réunis dans une bibliothèque que vous pouvez facilement et rapidement utiliser.  

Cliquez sur l’outil Sticker dans la barre d’outil. 

Dans la fenêtre modale qui s’ouvre, vous pouvez : 

• Choisir un sticker déjà enregistré lors d’une précédente session. Dans ce cas cliquez simplement dessus pour le sélectionner (son contour s’affiche en noir).
• Télécharger un nouveau sticker dans votre bibliothèque puis l’utiliser aussitôt.

Nous vous conseillons d’utiliser des stickers au format PNG avec fond transparent. Vous pouvez également envoyer des stickers de la taille de la photo (ou plus) avec plusieurs éléments (par exemple faire une création de bandeau en lien avec un événement à utiliser pour toutes vos photos). 

Le sticker se déplace comme n’importe quel calque : taille, rotation, position, opacité… 

Vous pouvez ajouter autant de stickers que vous le souhaitez, et même télécharger des moustaches ou des lunettes disco si vous le souhaitez! 

Appliquer un filtre sur l'image 

Nous avons créé quelques filtres simples pour vos images. 

Cliquez sur l’outil Filtres depuis la barre d’outil. 

Sélectionnez un filtre à appliquer en cliquant simplement dessus. Le filtre s’applique uniquement à la photo principale et pas aux calques supplémentaires que vous avez ajoutés auparavant. Ainsi, vous pouvez utiliser un filtre noir et blanc et laisser votre logo en couleur par exemple. 

Enregistrer l'image 

Vous avez terminé vos modifications ? Cliquez sur le bouton Enregistrer vos modifications. Attention, le processus d’enregistrement peut prendre quelques secondes (et parfois plus) en fonction des stickers que vous avez placés, ou des modifications réalisées, ou bien encore la taille de l’image d’origine. Attendez bien que l’éditeur disparaisse de lui-même sinon vos modifications ne seront pas correctement enregistrées. 

Lorsque c’est fini, votre nouvelle image apparaît dans le flux de photo du message. Elle est prête à être publiée. 

Et si je veux quand même "photoshoper" l’image ? 

Vous avez du temps devant vous, ou une commande un peu particulière ? 

Vous pouvez toujours télécharger une image sur votre ordinateur/tablette/smartphone pour l’éditer avec l’application de votre choix. Cliquez sur l’icône de téléchargement située sur l’image. 

Vous pourrez ensuite renvoyer l’image sur notre plateforme en utilisant le formulaire de téléchargement d’image associé à chaque message. Cliquez sur l'icône image située dans la barre d'outil du message.