Tous les outils d'image

Créez des motifs lumineux animés dans votre navigateur : courbez les lignes, réglez les couleurs, exportez des boucles parfaites en MP4, GIF, PNG ou code.

Gratuit

Partir d'un style

Créé sur votre appareil, rien n'est envoyé.

Créations enregistrées
0
Vos créations enregistrées apparaîtront ici.

À propos de Générateur de motifs animés

Le Générateur de motifs animés est un studio gratuit pour créer des motifs lumineux en mouvement. Des lignes de couleur sont dessinées en direct par votre carte graphique, chaque réglage s'affiche donc immédiatement : éventails, tunnels, spirales, fleurs, courbes de niveau, globe en rotation, puce électronique et bien plus. Partez d'un style fini, puis ajustez les lignes, les couleurs et le mouvement jusqu'à ce que le motif corresponde à votre marque.

Vous pouvez courber les lignes à la main, les faire tourner autour du contour d'un mot ou d'un logo, reprendre la palette d'une image ou coller les couleurs de votre marque. Chaque animation est faite de cycles entiers : la dernière image s'enchaîne directement sur la première et la boucle ne saute jamais.

Exportez une vidéo en MP4 ou WebM jusqu'en 4K, un GIF, ou une image fixe en PNG, JPG ou WebP jusqu'en 8K, avec un fond transparent lorsque le format le permet. Vous pouvez aussi copier un code qui fait tourner le motif en direct sur n'importe quel site, sans bibliothèque. Tout se passe sur votre appareil : rien n'est envoyé.

Comment utiliser Générateur de motifs animés

  1. Choisissez un style de départ, ou cliquez sur Surprenez-moi pour obtenir un nouveau motif.
  2. Choisissez un motif et réglez ses lignes. Faites glisser l'image pour déplacer son centre, ou saisissez un mot pour faire tourner les lignes autour.
  3. Choisissez une palette, collez vos codes hexadécimaux ou reprenez les couleurs d'une image.
  4. Réglez le mouvement, la durée de la boucle et la vitesse, puis finalisez le rendu avec un halo, un tube 3D, un verre cannelé ou un grain de film.
  5. Choisissez la forme du cadre : 16:9, carré, portrait, story, bannière ou taille sur mesure.
  6. Exportez une vidéo, un GIF ou une image, ou copiez le code pour le lancer en direct sur votre site.

Questions fréquentes

Oui. Vous pouvez créer et exporter autant de motifs que vous le souhaitez, sans filigrane ni compte. Un compte sert uniquement à enregistrer vos créations pour les rouvrir plus tard.

Oui. Chaque mouvement est fait de cycles entiers et chaque image est calculée à sa position exacte dans la boucle : la dernière image s'enchaîne directement sur la première. Le fichier n'est pas non plus enregistré depuis l'écran, il reste donc fluide même sur un ordinateur lent.

La vidéo en MP4 ou WebM jusqu'en 4K à 24, 30 ou 60 images par seconde, le GIF animé, et les images en PNG, JPG ou WebP jusqu'en 8K. Vous pouvez aussi copier un code pour un site web, copier l'image dans le presse-papiers ou copier un lien vers le motif.

Oui, pour les images PNG et WebP et pour le code. Les fichiers MP4, WebM, GIF et JPG utilisent votre couleur d'arrière-plan.

Oui. Choisissez le motif Texte ou logo, puis saisissez un mot ou choisissez une image. Les lignes tournent autour de son contour. Un PNG ou un SVG à fond transparent donne le résultat le plus net, et le fichier ne quitte jamais votre appareil.

Ouvrez l'onglet Code à l'étape d'export et copiez le code dans votre page. Il ne demande aucune bibliothèque et n'envoie aucune requête à ce site. Il se met en pause hors de l'écran et affiche une image fixe aux visiteurs qui ont désactivé les animations.

Une version récente de Chrome, Edge, Firefox ou Safari avec WebGL 2 activé. L'export vidéo demande aussi la prise en charge de l'encodage vidéo par le navigateur. Si elle manque, vous pouvez toujours exporter des GIF et des images.


Recherches populaires
générateur de motifs animés générateur de fond animé créer une vidéo en boucle parfaite fond dégradé animé créateur de fond en mouvement motif génératif en ligne motif de lignes animé vidéo de fond en boucle motif de marque animé générateur de fond webgl
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web : copiez-collez le code ci-dessous.