Création de bannière gratuite animée en ligne

Présentation

Je vous propose 25 sites, au

Ads Factory

Si vous utilise un modèle vous pouvez changer de format sans rien perdre de votre construction.

exemple d'animation en HTML5 pour creer sa banniere en ligne

Voir l'animation

  • Bannière double panoramique (970x250) - Document HTML5 animé - poids très léger
  • Seule animation retenue : "Apparition des mots" pendant l'affichage.
  • Tous les formats des réseaux sociaux : Facebook, Twitter, Pinterest, etc...
  • Choisir un modèle, ou pas
  • Autant de zones de textes, de boutons, de formes que vous voulez
  • Il est possible d'agrandir et de gérer les couleurs à sa convenance
  • Jusqu'à 3 créations de bannières
  • Stockage jusqu'à 90 jours sur le site du fournisseur de service
  • 3 animations possibles : Avant; pendant et après l'affichage. Avant: Fondu, zoom, vitesse. Pendant: Rebondir, rotation, pulsation, etc... mais c'est pénible à regarder. Après: Fondu.
  • Inconvénient : si la taille de la bannière dépasse la taille de la fenêtre des ascenseurs apparaissent, c'est moche.

Le site

Animaker

Animaker permet de générer des bannières au format GIF ou en vidéo MP4 (comme ci-dessous)

banniere animee au format MP4

Voir l'animation

  • La vidéo dure 27 secondes
  • On peut choisir dans une bibliothèque de modèles celui qui nous plait
  • On peut choisir un personnage ou créer le sien
  • Tous les formats des réseaux sociaux : Facebook, Twitter, Pinterest, etc... ICI j'ai retenu le format Youtube
  • Autant de zones de textes, de boutons, de formes que vous voulez
  • L'ajout d'un morceau de musique est enfantin

Le site

Banner Snack

Les paramètres sur lesquels vous pourrez jouer

  • Format HTML5 ou Flash
  • Dimension : Prédéterminée, toutes tailles.
  • Animée, statique
  • Choisir un modèle, ou pas
  • Autant de zones de textes que vous voulez
  • Choix des tailles et des la couleur
  • Autre : Les effets spéciaux; La vitesse d'animation; ...
  • AU final, une inscription

Bannières

Bannersnack banniere

Bannersnack bannière
Format gif


Le site

BiteAble

BiteAble permet de générer des vidéos au format MP4 (comme ci-dessous)

image du debut de la video

Voir l'animation

  • La vidéo dure 30 secondes
  • Il est possible de la stocker sur BiteABle, si vous la téléchargez, elle fait 28Mo...
  • Les templates sont classés par catégorie
  • On peut ajouter/modifier/supprimer une scène
  • On peut naviguer de zone texte en zone texte. Changer la police, la taille, le cadrage...
  • On peut choisir un morceau de musique

Le site

Create Vista

- Create Vista ou Vista Create appartient à Crello (voir le service suivant)
- Les images sont stockées au même endroit (site miroir ?)
- Permet de générer des bannières aux formats PNG, JPG, GIF ou en vidéo MP4 (comme ci-dessous)

exemple de banniere animee au format MP4

Voir l'animation

  • La vidéo ne dure pas plus de 5 secondes
  • On peut choisir dans une bibliothèque de modèles celui qui nous plait. ICI Profil Twitch en 1200X480 px
  • Tous les formats des réseaux sociaux
  • Autant de zones de textes, de boutons, de formes que vous voulez
  • Totalement gratuit

Le site

Crello

Crello permet de générer des bannières au format GIF ou en vidéo MP4 (comme ci-dessous)

exemple de banniere animee au format MP4

Voir l'animation

  • La vidéo ne dure pas plus de 5 secondes
  • On peut choisir dans une bibliothèque de modèles celui qui nous plait.
  • Trois effets s'ajoutent au choix du modèle animé : Zoom; Déplacement; Dissoudre
  • Tous les formats des réseaux sociaux : Facebook, Twitter, Pinterest, etc...
  • Vous pouvez choisir un modèle GIF et le télécharger en MP4
  • Autant de zones de textes, de boutons, de formes que vous voulez
  • Il est possible de changer la taille de la bannière à tout moment

Le site

Data Gif Maker

Service de Google : Plus qu'une bannière c'est une animation de résultat en pourcentatge

creer une gif en ligne pour presenter une valeur en pourcentage

Voir l'animation

  • Format Gif : 1024X768
  • Poids : 1,03 Mo en HD (existe aussi en LD)
  • Hébergement possible
  • 3 types de schéma : Rectange; Cercle; Piste de course
  • 2 paramètres seulement : La valeur du chiffre (nombre ou %); La proportion de chaque terme
  • Service spécifique

Le site

Easy Banner Creator

Ce logiciel à télécharger, de Softonic.com, est très ancien et ne permet de faire que des bannières basiques

Les paramètres sur lesquels vous pourrez jouer

  • Vous pouvez partir de rien ou d'un exemple préenregistré
  • Deux ou trois lignes de texte
  • Vous pourrez positionner chaque ligne de texte en abscisse et en ordonnée
  • Changer la police, le style, la taille et la couleur de chaque ligne de texte
  • Indiquer une animation avec un choix de transition parmi 4 et la vitesse

Bannières

banniere simple en gif banniere simple avec transitions


Le site

Ekiwi.de

Plein d'outils graphiques sur ce site.

Les paramètres sur lesquels vous pourrez jouer

  • Une trentaine de modèles
  • 3 lignes de texte

Bannière

Bannersnack banniere

Bannersnack bannière
Format gif


Le site

Flaming Text

Site pour créer ses logos, bannières, bannières animées (gif) .

Les paramètres sur lesquels vous pourrez jouer

  • Des centaines de modèles
  • Des variations sur chaque modèle avec différentes polices

Bannière

Bannersnack banniere

Bannersnack bannière
Format gif


Le site

Free Gif Maker

Site pour créer une animation gif, sans inscription, à partir de vos images

Les paramètres sur lesquels vous pourrez jouer

  • 4 tailles possibles
  • 5 vitesses de clignotement

Bannière

Bannersnack banniere

[ Format gif ]

Le site

Gifs (filigrane)

Site pour créer une animation gif ou une vidéo

Le résultat en gif est trop petit. Le résultat en vidéo n'est pas de bonne qualité

Les paramètres sur lesquels vous pourrez jouer

  • Uploader une gif ou une vidéo
  • Inscrire un ou plusieurs textes
  • Texte : sa police et sa couleur
  • Insérer une ou des images
  • Heures de début et de fin d'une insertion
  • Pas de possibilité de trvailler scène par scène
  • Pas de possibilité de créer une bannière à partir d'images téléchargées
  • Pas de possibilité de mettre du son s'il n'y en avait pas dans le fichier d'origine

Bannière

exemple de banniere animee au format GIF et MP4

Voir l'animation en GIF (200X134)

Voir l'animation en MP4

[ces 2 résultats sont issus du même fichier : https://www.gifbin.com/986610]

Le site

Gif Maker

Site pour créer une animation gif sans inscription

Les paramètres sur lesquels vous pourrez jouer

  • Taille de la bannière
  • Vitesse de l'animation
  • Nombre de répétitions
  • Url d'un morceau de musique Youtube

Bannière

Bannersnack banniere

[ Format gif ]

Le site

Gimp

GIMP est un logiciel libre à télécharger

Vous pouvez faire des gifs assez facilement. Je vous propose un article simple, donc bien foutu, pour réaliser une GIF avec GIMP

Les paramètres sur lesquels vous pourrez jouer

  • Sans objet vous pouvez faire tout ce que vous voulez sauf peut-être les transitions
  • Le principe est de lire une première image avec 'fichier/Ouvrir' et de charger les suivantes par 'fichier/Ouvrir en tant que calques'. Une fois cette opération terminée vous faites 'fichier/Exporter sous', vous sélectionnez 'le type de fichier', c'est à dire l'extension, GIF pour notre cas puis une fois cliqué sur 'exporter' vous choisissez 'en tant qu'animation'.

Bannière

Gimp

Gimp


Le site

Giphy

Site pour créer une animation gif ou une vidéo

Les paramètres sur lesquels vous pourrez jouer

  • Upload de vos images
  • Durée de l'animation, donc vitesse de rotation
  • Texte, sa police et sa couleur
  • Sticker
  • Filtre
  • Type d'animation

Bannière

GiphyCom bannière animée gratuite en ligne

[ Format gif ]

Le site

Lumen5

Vous pourrez faire des vidéos, exclusivement

exemple d'animation en HTML5 pour creer sa banniere en ligne

Voir l'animation

  • La vidéo est divisée en séquences que l'on peut déplacer les unes par rapports aux autres. On peut également travailler une séquence en lui ajoutant des sous séquences, en la dupliquant, en la supprimant. Tout cela est très bien fait.
  • Sic: Il y a des millions de photos et vidéos utilisables
  • La musique est classée par sensation : Dramatique, joyeuse, triste, ...
  • Il faut choisir votre palette de couleurs pour donner l'impression exacte de votre sentiment
  • Le format est à choisir également, bien sûr tous les réseaux sociaux sont concernés
  • On peut mettre sa propre voix en bande son
  • Pas de filigrane le long de la vidéo, un gros encart à la fin
  • L'app ne semble pas convaincre grand monde !

Le site

App's

telechargement sur GooglePlay

Motion Box

Motion Box génère des bannières au format GIF ou MP4 (comme ci-dessous)

banniere animee au format MP4

Voir l'animation

  • La vidéo dure 13 secondes et présente une insertion de vidéo par dessus une autre vidéo, comme quoi on peut tout faire
  • Qualité:720px; Espace de stockage:2Go; Nb de projets:Illimité;
  • On peut choisir un template dans une bibliothèque
  • On peut insérer autant d'occurences que l'on souhaite de vidéo, image, émoji, texte
  • Les formats pour les réseaux sociaux sont disponibles
  • Déplacer un élément est très facile
  • Le son est à télécharger
  • Bien sûr il y a un filigrane bien en vue

Le site

Pdf Convertisseur

"Pdf Convertisseur", comme son nom l'indique convertit : HTML en PDF; PNG en JPG; Il y a des centaines de convertisseurs

Les paramètres sur lesquels vous pourrez jouer

  • Pour les images, une fois uploadées vous devez préciser : Le retard entre deux images, boucle infinie ou pas, ajout d'un fond ou pas
  • Pour la gif à partir d'une vidéo Youtube vous pouvez indiquer : La durée, la vitesse, la résolution
  • Tout cela fonctionne parfaitement

GIF à partir d'une vidéo Youtube (extrait de 2s)


Bannière

Convertisseur d'images en GIF


Le site

Picasion

Animation gif sans inscription avec vos images

Les paramètres sur lesquels vous pourrez jouer

  • La largeur : 100; 125; 300; 400; ou au choix
  • La taille dépendra aussi de la hauteur de l'image la plus grande
  • Vitesse de l'animation
  • Pas de filigrane

Bannière

Bannersnack banniere

Bannersnack banniere

[ Format gif ]

Le site

Pix Teller

- Pas de filigrane, ni sur l'image ni sur la vidéo ! Étonnant !
- J'ai atteins la limite du compte gratuit en créant 6 bannières

Caractéristiques image

  • Il existe des templates pour tous les réseaux sociaux, ci-dessous, j'ai choisi 1080X1080 pixels
  • Il est possible de partir de zéro
  • Autant de zones de textes, de boutons, de formes que vous voulez
  • Sortie au format PNG
  • Stockage des bannières sur le site

exemple de banniere en image

Caractéristiques animation

  • Animation au format mp4 en différents formats
  • Avec template ou en partant de zéro
  • Deux tutoriels en vidéo
  • L'animation est exploitable par objet (image, texte, etc...) et par période (moment de début, moment de fin)

Timbre pour l'animation

Références

Site de référence

Support du web

Les paramètres sur lesquels vous pourrez jouer

  • Arrière plan couleur, dégradé ou image de votre ordinateur
  • Exemples de bannières
  • 5 textes possibles
  • Couleur du texte, police, taille, position
  • Duréee d'affichage d'une image

Bannières



Le site

Textanim

Les paramètres sur lesquels vous pourrez jouer

  • La police avec sa taille
  • L'arrière plan : couleur ou motif
  • La direction du mouvement et le délai

Bannières



Le site

Topg.orG

Les paramètres sur lesquels vous pourrez jouer

  • La taille 468X60 ou 728X90
  • Image de fond
  • Un nom principal ou titre
  • Trois sous-titres
  • Couleur du texte

Bannières au format 468X60

Minecraft Banner Maker  Minecraft Banner Maker


Le site

Wigflip - Signbot

Les paramètres sur lesquels vous pourrez jouer

  • Vous pouvez choisir la taille du résultat (petit, moyen, grand). J'ai choisi le format intermédiaire.
  • Puis il y a le choix entre le mode régulier et le mode LiveJournal qui regarde la taille et la longueur du texte.
  • Vous entrez votre texte et c'est tout !

Bannières



Le site

123-Banner

Les paramètres sur lesquels vous pourrez jouer

  • Le style d'animation parmi une vingtaine
  • 3 images à télécharger pour les combiner
  • 2 lignes de texte
  • Couleur de fond
  • Il manque </object> dans le code proposé. Il faut le rajouter absolument
  • Le chargement des images est très très long

Bannière


Le site

Animated-Gifs.eu

Les paramètres sur lesquels vous pourrez jouer

  • Le fond + le thème descendant
  • La police avec couleur et effets
  • Le transparence
  • le texte avec possibilité de déplacement et de rotation
  • La bannière est stockée sur le site qui fournit le service

Bannières



Le site

Critical Layouts

Les paramètres sur lesquels vous pourrez jouer

  • Le style de la bannière
  • 30 caractères maximum sur une seule ligne
  • L'effet avec huit propositions
  • Couleur de fond
  • La bannière est stockée sur le site qui fournit le service

Bannières


Le site

FlashVortex

Les paramètres sur lesquels vous pourrez jouer

  • 4 lignes de texte avec leur taille
  • Lien vers votre site en cas de clic
  • Suppression du filigrane moyennant paiement

Bannière



Le site

TheFreeLogoMakers

Les paramètres sur lesquels vous pourrez jouer

  • Le fond
  • La police avec sa taille, couleur et effets
  • Le positionnement du texte
  • L'ombre portée avec sa taille et sa couleur

Bannières au format 468X193


Le site