Bulles de discussion
Une animation de SMS dans laquelle vous tapez votre propre conversation
Un fil façon iMessage sur un grand téléphone, posé sur une scène crème chaude : des bulles grises et bleues surgissent par le bas et font remonter la conversation, une vidéo arrive en pièce jointe, les points de saisie pulsent et le dernier message affiche « Read » (lu). Six secondes, en vertical, et chaque mot vient de vous.
- 6s
- durée
- 4
- formats d’image
- 10
- contrôles
- 720p
- exports gratuits et illimités
UI & devices · 6s · 9:16
Chat · Messages · Phone · Story
Une animation de bulles de discussion qui se comporte comme un vrai téléphone
La plupart des animations de SMS se résument à une pile de rectangles arrondis qui apparaissent en fondu sur un aplat de couleur. Celle-ci est construite comme un vrai écran : une barre d’état, une flèche retour avec un compteur de non-lus, la photo et le nom du contact en haut, une icône d’appel vidéo, une barre de saisie avec un micro en bas, et un fil qui reste ancré au bord inférieur, si bien que chaque nouvelle bulle fait remonter la conversation exactement comme sur iOS.
Les quatre messages alternent (gris pour les messages reçus, bleu pour les messages envoyés), avec une vidéo de 0:12 en pièce jointe entre le deuxième et le troisième, et une bulle de saisie qui pulse avant l’arrivée de la réponse. Le nom du contact, sa photo, la miniature de la vidéo et les quatre messages sont des réglages : les mêmes six secondes peuvent devenir une conversation de démo produit, un échange avec un client ou l’accroche d’une vidéo courte. C’est un modèle court, pas un générateur complet de fausses histoires par SMS : quatre messages, une pièce jointe, un accusé de lecture.
6 secondes, trois temps
Ce qui apparaît à l’écran, et quand. Chaque élément nommé ici est un calque du document : vous pouvez cliquer sur n’importe lequel sur le canevas et le modifier.
Temps 1 · 1.08s
Le premier message arrive
La photo et le nom du contact sont dans l’en-tête, l’horodatage façon iMessage est apparu en fondu, et la première bulle grise a surgi du bas du fil.
Temps 2 · 2.4s
La réponse et la pièce jointe
La réponse bleue a fait remonter le fil, et la vidéo en pièce jointe, avec son bouton lecture et sa pastille 0:12, est arrivée en dessous.
Temps 3 · 4.9s
Quatre messages, puis l’accusé de lecture
Les points de saisie ont laissé place au troisième message, le quatrième est arrivé en bleu, et l’accusé de lecture va apparaître juste en dessous.
Trois étapes pour votre propre fil de messages
- 01
Rédigez les quatre messages
Message 1 et Message 3 sont les bulles grises reçues, 2 et 4 les bulles bleues envoyées. Limitez chacun à une ou deux lignes : la quatrième bulle est dimensionnée pour passer sur une deuxième ligne.
- 02
Définissez le contact et la pièce jointe
Tapez le nom du contact, importez une photo de contact pour l’avatar rond en haut et une miniature pour la bulle de pièce jointe vidéo. Ce sont deux emplacements photo : votre image se place toujours dans le même cadre.
- 03
Choisissez l’accent et exportez
L’accent pilote les bulles envoyées et les icônes de l’en-tête. Gardez le bleu iOS ou passez à la couleur de votre marque, réglez la taille du téléphone entre 0,8× et 1,15×, puis exportez.
Ancré en bas
Le fil bouge comme sur un téléphone
Chaque nouvelle bulle surgit avec un léger dépassement et toute la conversation glisse vers le haut pour lui faire de la place. C’est ce seul détail qui fait qu’une animation de bulles de discussion se lit comme un vrai téléphone et non comme une diapositive.
Saisie, puis réponse
La pause avant la réponse est intégrée
Trois points pulsent dans une bulle grise pendant près d’une seconde avant l’arrivée du troisième message. C’est le temps qui fait attendre la réponse au spectateur, et il se recale avec le réglage de vitesse.
Vrai texte, vrais calques
Chaque message est du texte, pas une capture d’écran
Les bulles sont dessinées avec une vraie police d’interface au moment de l’export : réécrire un message ne laisse jamais de mot flou ou mal orthographié, et vous pouvez le réécrire autant de fois que vous le voulez.
Ce que vous pouvez modifier
Dix réglages, tels qu’ils apparaissent dans le panneau du studio. La ligne d’horodatage, la pastille de durée de la vidéo et l’accusé de lecture sont des calques que vous pouvez sélectionner et modifier sur le canevas.
- Cliquez sur n’importe quel élément du canevas pour le modifier directement
- Ou décrivez le changement en une phrase et laissez l’assistant s’en charger
- Exportez en 9:16, 16:9, 1:1, 4:5 depuis le même document
Contrôles du Studio
10 nommés
- Message 1TextDid the launch video render?
- Message 2TextYep, sending it now
- Message 3TextWait, that took a minute?
- Message 4TextPicked a template, swapped the text.
- Contact nameTextLeila Haddad
- Contact photoPhoto
- Video thumbnailPhoto
- AccentColour#1E6FE8
- Phone sizeSlider 0.8–1.151
- SpeedSlider 0.5–21
Pourquoi animer une conversation au lieu d’en faire une capture d’écran
Une capture d’écran de discussion embarque le téléphone, les notifications et la compression de quelqu’un d’autre, et elle ne peut pas tenir sa place dans un fil qui récompense le mouvement. Une animation façon iMessage construite à partir de calques de texte vous donne la même forme (des bulles, une réponse, un accusé de lecture) avec vos propres mots et votre couleur, à un rythme que le spectateur suit vraiment. C’est aussi un document : une série de cinq conversations, ce sont cinq modifications, pas cinq enregistrements.
Bulles de discussion : questions et réponses
Le modèle d’animation de SMS est-il gratuit ?+
Gratuit à ouvrir et à modifier, et les comptes gratuits bénéficient d’exports 720p illimités avec un petit filigrane LazyKiwi. Le 1080p sans filigrane est inclus dans toute offre payante.
Puis-je ajouter plus de quatre messages ?+
Le modèle est mis en page pour quatre messages, une vidéo en pièce jointe et un accusé de lecture. Vous pouvez demander à l’assistant Motion Studio d’ajouter une bulle, mais le minutage de six secondes est construit autour de quatre messages : pour une longue fausse histoire par SMS, un format plus long convient mieux.
Quels formats d’image puis-je exporter ?+
9:16, 16:9, 1:1 et 4:5 à partir du même document. Il est conçu en vertical, en 1080×1920 : c’est dans ce format qu’un fil de messages se lit le mieux.
Puis-je changer les couleurs et le contact ?+
Oui : la couleur d’accent, le nom du contact, sa photo, la miniature de la vidéo, la taille du téléphone et les quatre messages sont des réglages.
Ai-je besoin d’After Effects ?+
Non. Pas de fichier projet, rien à installer : le rendu se fait dans votre navigateur et l’export produit directement un MP4.
Plus de social hooks
Tous les social
Carte bilan d’entraînementLe bilan d’une séance façon appli de fitness sur une photo assombrie : le compteur de calories défile, trois stats montent à l’écran et la barre d’objectif se trace jusqu’à une étoile.
Logo en fin d’itinéraireSur une carte pâle traversée de rues blanches, un itinéraire se trace tout seul depuis une épingle de départ en passant par trois points de passage ; à l’arrivée, une épingle portant votre logo tombe en place et une étiquette au nom de la marque apparaît en dessous
Coupe étirée façon storyDeux photos échangent leur place dans une coupe étirée et floutée à l’horizontale ; les mots façon affiche s’étirent avec elles, sous des barres de progression façon story.
Affiche de filmAffiche de cinéma : une photo assombrie, quatre lignes de capitales épaisses qui montent une à une, un filet d’accroche orange et une ligne de dates en caractères condensés.
Photos imbriquéesMontage photo en image dans l’image : un petit médaillon grandit jusqu’à remplir le cadre, puis la photo suivante s’imbrique à l’intérieur, sur trois niveaux, en boucle parfaite.
Annonce de liveUne pastille LIVE et l’horaire glissent à l’écran, trois lignes de titre format affiche claquent depuis la gauche, et une photo de l’invité façon sticker se pose en haut à droite.Écrivez la conversation.
Quatre messages, un contact et une miniature. Exportez une animation de bulles de discussion verticale en une minute environ.