Skip to content

Emoji, GIF et stickers

Quatre petites bibliothèques sont réunies dans l'onglet Items, aux côtés des formes et de My Shapes. Chacune fonctionne comme une grille de recherche et d'insertion : vous trouvez un élément, vous cliquez dessus et il apparaît centré sur le canevas, sous la forme d'un objet classique.

Aperçu rapide

  1. Ouvrez l'onglet Items (Alt+5) dans la barre d'icônes.
  2. Choisissez Emoji, GIFs, Lottie ou Stickers dans la rangée de catégories.
  3. Parcourez la grille intégrée ou utilisez le champ de recherche.
  4. Cliquez sur un résultat pour l'ajouter au canevas.
  5. Redimensionnez-le, changez sa couleur (emoji uniquement) et repositionnez-le comme n'importe quel autre objet.

Référence détaillée

Emoji

Une bibliothèque d'images statiques issue de Twemoji, sans clé API externe requise.

FonctionDétail
CatégoriesPopulaires, Smileys et personnes, Animaux et nature, Nourriture et boissons, Activités, Voyages et lieux, Objets, Symboles et cœurs
RechercheFiltre par nom d'emoji dans toutes les catégories à la fois ; le parcours par catégorie est masqué tant qu'une recherche est active
InsertionUn objet image statique, pas une animation

GIFs

Propulsé par GIPHY. Nécessite votre propre clé API GIPHY, à renseigner dans IA et clés API ; le panneau affiche une invite si la clé est absente.

FonctionDétail
Vue par défautUn carrousel de tendances
RechercheAvec anti-rebond et défilement infini dans la grille de résultats
InsertionUn objet animé qui s'anime sur le canevas

Lottie

Les résultats de recherche proviennent de la bibliothèque publique de LottieFiles et ne nécessitent aucune clé API propre. Contrairement à un véritable lecteur vectoriel Lottie, ce panneau lit l'aperçu GIF exporté de chaque animation plutôt que l'animation JSON d'origine, si bien qu'il se comporte à l'insertion exactement comme le panneau GIFs.

FonctionDétail
SourceL'API de recherche publique de LottieFiles
RechercheGrille en maçonnerie à défilement infini, même principe que les GIFs
InsertionUn aperçu GIF animé du fichier Lottie, pas une animation vectorielle native

Stickers

Également propulsé par GIPHY, via son point de terminaison dédié aux stickers, qui renvoie des GIF transparents plutôt que des résultats de type photo.

FonctionDétail
SourceLe point de terminaison stickers de GIPHY
RechercheMême recherche avec anti-rebond et défilement infini que les GIFs
InsertionUn objet sticker transparent, animé (ou statique)

Les quatre se présentent comme des vues détaillées à l'intérieur de l'onglet Items, à côté de la grille de formes géométriques Shapes et du navigateur My Shapes. Chacune dispose de son propre bouton Back, qui vous ramène à la vue Items de premier niveau plutôt que de fermer l'onglet : vous pouvez ainsi passer d'une catégorie à l'autre sans perdre votre repère.

Comment l'animation s'affiche réellement sur le canevas

Les GIF, les stickers et les aperçus Lottie ne sont pas intégrés comme une animation <img> vivante du navigateur. Lorsque vous cliquez sur un résultat, l'éditeur télécharge le GIF, décode chaque image côté client et pilote une boucle de rendu légère qui redessine l'image de l'objet sur le canevas à mesure que le délai de chaque image s'écoule. Cette boucle ne s'exécute que tant qu'au moins un objet animé existe quelque part sur le canevas, et les données d'images décodées sont conservées dans un cache mémoire plafonné : passer d'une page à l'autre ou annuler une action ne force donc pas un nouveau téléchargement et un nouveau décodage complets de chaque objet animé déjà placé. C'est aussi pour cela qu'un objet animé continue de s'animer après que vous l'avez redimensionné, pivoté ou restylé comme un objet normal, puisqu'il s'agit d'un objet de canevas ordinaire auquel l'animation est rattachée.

Pas à pas

Ajouter un GIF animé sur le canevas

  1. Ouvrez Items (Alt+5) et choisissez GIFs.
  2. Parcourez le carrousel de tendances ou saisissez un terme de recherche ; les résultats s'affichent dans une grille en maçonnerie et d'autres se chargent automatiquement à mesure que vous approchez du bas.
  3. Cliquez sur un résultat. Il est décodé et placé sur le canevas, centré et déjà en cours d'animation.
  4. Redimensionnez-le ou repositionnez-le comme n'importe quel autre objet ; l'animation continue à sa nouvelle taille.

Insérer un emoji et changer sa couleur

  1. Ouvrez Items (Alt+5) et choisissez Emoji.
  2. Sélectionnez un onglet de catégorie, ou saisissez un terme pour chercher dans toutes les catégories à la fois.
  3. Cliquez sur un emoji pour l'ajouter au canevas sous la forme d'un petit objet vectoriel.
  4. Sélectionnez-le et modifiez sa couleur de remplissage depuis le panneau des propriétés ; comme il s'agit d'une véritable forme vectorielle (et non d'une image matricielle), le changement de couleur s'applique proprement.

Configurer la clé GIPHY une seule fois pour les GIFs et les Stickers

  1. Ouvrez Settings, puis AI Settings, et faites défiler jusqu'à Stock Media API Keys.
  2. Collez une clé GIPHY et enregistrez.
  3. Rouvrez Items : les onglets GIFs et Stickers affichent désormais des résultats au lieu de l'invite « add your GIPHY key », puisqu'ils lisent la même clé enregistrée.

Parcourir les animations Lottie

  1. Ouvrez Items (Alt+5) et choisissez Lottie.
  2. Faites une recherche ou faites défiler la grille mise en avant ; les aperçus proviennent de la bibliothèque publique de LottieFiles et ne nécessitent aucune clé API.
  3. Cliquez sur un résultat pour l'ajouter. En coulisses, cela réutilise le pipeline des GIF (l'aperçu GIF exporté par LottieFiles à partir de l'animation), si bien qu'il se comporte exactement comme un GIF une fois sur le canevas, y compris la limitation de couleur décrite ci-dessous.

Tâches courantes

TâcheÉtapes
Revenir à la liste des catégories depuis n'importe quelle vue détailléeCliquez sur le bouton Back du panneau, ou rouvrez l'onglet Items
Trouver un sticker précis plutôt qu'un GIF de type photoUtilisez l'onglet Stickers, pas GIFs, car il interroge le point de terminaison dédié aux stickers de GIPHY
Continuer à parcourir sans retaper une rechercheFaites défiler vers le bas ; GIFs, Stickers et Lottie chargent tous automatiquement d'autres résultats près du bas de la grille
Éviter toute configuration d'APITenez-vous-en aux Emoji et à Lottie, ni l'un ni l'autre ne nécessite de clé

Dépannage

Une clé GIPHY manquante affiche une invite, pas une erreur

Les carrousels GIFs et Stickers ainsi que leurs grilles complètes affichent « Add your GIPHY API key in Settings > API Keys » lorsqu'aucune clé n'est renseignée, plutôt que d'échouer silencieusement. Voir IA et clés API.

Le changement de couleur ne fonctionne que pour les emoji

Les emoji sont de simples formes vectorielles que vous pouvez restyler depuis le panneau des propriétés. Les GIF, les aperçus Lottie et les stickers sont des images d'animation décodées : le seul moyen de changer leur couleur est de chercher un autre résultat.

Lottie lit un export GIF, pas l'animation vectorielle d'origine

L'onglet Lottie affiche l'aperçu GIF exporté de chaque animation plutôt que le format JSON/vectoriel natif : les fichiers Lottie très détaillés ou à fréquence d'images élevée peuvent donc paraître légèrement moins nets sur le canevas que dans le lecteur de LottieFiles.

Raccourcis clavier

RaccourciAction
Alt+5Ouvrir l'onglet Items, qui regroupe Emoji, GIFs, Lottie et Stickers

Astuces

Configurez votre clé GIPHY une seule fois

Les GIFs et les Stickers lisent la même clé GIPHY. Les Emoji et Lottie n'ont besoin d'aucune clé : si vous n'utilisez que ces deux-là, vous pouvez ignorer toute configuration d'API.

Les emoji changent de couleur, pas le contenu animé

Les emoji sont de simples formes vectorielles que vous pouvez restyler depuis le panneau des propriétés. Les GIF, les aperçus Lottie et les stickers sont des images figées : le seul moyen de changer leur couleur est de trouver un autre résultat de recherche.

Voir aussi

  • Formes pour la bibliothèque de formes géométriques qui partage l'onglet Items
  • My shapes pour enregistrer vos propres objets réutilisables
  • Icônes pour une bibliothèque d'icônes vectorielles au lieu des emoji
  • IA et clés API pour configurer la clé GIPHY