ALPHA Ouvert aux tests

Construire la pub, c'est la petite partie du travail.

Une seule application au lieu de la chaîne Animate → After Effects → dossier. Vous y animez, gérez les assets, surveillez le poids, livrez HTML5, statiques et vidéo, et gérez la validation client depuis le même fichier. Elle lit et écrit les formats que vous utilisez déjà, donc rien de ce que vous avez fait ne devient inaccessible. Chaque panneau est pixel perfect et chaque icône est dessinée à la main.

Voir l'éditeur
Éditeur ADIMATE : panneau Plans de travail, timeline, bibliothèque et propriétés de texte
Production_Plan.adi · plans de travail, timeline, bibliothèque, propriétés de texte liées au copy deck
20%
production réelle
accélérée
50%
corrections client
supprimé
30%
déplacer des fichiers, aligner les versions
supprimé
01 / Le problème

Une animation. Construite trois fois, dans trois logiciels.

HTML5

animée dans Animate, un outil qui a cessé d'évoluer il y a des années, publiée 27 fois

VIDÉO

le même mouvement refait dans After Effects, à la main, donc jamais tout à fait identique à la bannière

STATIQUES

l'image finale recréée dans Photoshop, 34 fois, une par taille

Trois moteurs d'animation pour une seule idée. Chaque modification fait trois tâches, et les trois résultats divergent. ADIMATE la construit une fois et exporte les trois depuis le même fichier. Garder textes et assets synchronisés sur toute la campagne, c'est le rôle d'A.D.I..

02 / Éditeur

Une vraie timeline, dans la convention que vous connaissez déjà.

Images clés, interpolations, courbes d'accélération, glisser des clés, sélection de plage, calques guides. Si vous venez d'Animate, rien n'est à réapprendre.

Production_Plan.adi · 1 : 1 Faites glisser pour explorer
Éditeur ADIMATE en taille réelle : timeline, plans de travail, bibliothèque et propriétés

Animations prédéfinies

Fondu, glissement, pop, rotation en un clic, ou votre propre courbe.

Clips

Symboles imbriqués avec leur propre timeline.

Ancres à neuf points

Le point d'alignement là où vous l'attendez, à chaque fois.

Aligner et répartir

Grille, repères, magnétisme.

Types de calques

Texte, formes, images et vidéo comme calques à part entière.

Éditeur d'accélération

Des courbes que vous pouvez faire glisser, réutiliser et nommer.

02b / Finition

Pixel perfect. Chaque icône dessinée à la main.

Un outil que vous regardez huit heures par jour doit rester discret. L'interface d'ADIMATE repose sur une grille de 28 px issue d'un seul guide de style : cinq familles de couleurs, deux styles typographiques, un seul bleu. Les 330 icônes ne viennent pas d'une bibliothèque ; chacune a été dessinée pour son carré de 16 px, avec ses états désactivé, activé et actif, pour qu'une barre d'outils se lise d'un coup d'œil et que rien ne bouge d'un panneau à l'autre.

Panneaux réels du guide de style d'ADIMATE. Survolez et cliquez : ce sont les vrais composants, pas des images.

Outils

Sélection, transformation, texte, formes, remplissage, pipette. Le panneau réagit directement au pointeur : une colonne, deux états par outil, aucun libellé à lire.

Texte et Propriétés

La source du texte est un deck, pas une chaîne : client, image, langue. Les propriétés s'enchaînent : position, transformation, opacité, contenu, mise en page, chaque section repliable. Même espacement, même champ, même bleu.

Plans de travail et Bibliothèque

Le plan de production sous forme de liste : chaque taille, chaque langue, son statut. La bibliothèque contient les assets avec leur poids, un compresseur intégré et une recherche qui remplace dans tout le plan.

03 / Plans de travail et déclinaisons

Plusieurs plans de travail dans un projet. Le type décide de l'export.

Chaque plan de travail est HTML5, vidéo ou statique. Le contenu s'adapte au plan, mode responsive compris. Construisez le master, dupliquez-le dans le reste du plan.

97
assets dans la campagne
17
mises en page uniques

Les 80 autres sont des tailles et des langues de quelque chose que vous avez déjà fait.

300×250HTML5
728×90HTML5
160×600HTML5
1080×1080MP4
04 / Bibliothèque et poids

Pas une liste de fichiers. De la gestion d'assets.

Dossiers, tri, colonnes, recherche et remplacement. Sélectionnez un calque et la bibliothèque met en évidence le fichier dont il provient.

Compression PNG et JPG intégrée
Aucun service externe, aucune clé d'API. Réduction de palette, parce qu'un visuel de bannière compte quelques centaines de couleurs, pas des millions. Par lot, appliquée à toute la bibliothèque en une fois.
Gestion de la vidéo
Changez de conteneur, transcodez vers une taille cible en MB, prévisualisez avec la forme d'onde audio.
Poids · en directLimite 150 KB
138.4KB→ 104,7 KB après compression
code
35.9 KB
png
57.2 KB
jpg
34.8 KB
marge
11.6 KB
05 / Il connaît les specs

Les règles sont dans l'outil, pas dans un PDF que quelqu'un a oublié de lire.

Google / DCM AdForm Réseaux locaux

clickTag

Écrit comme chaque réseau l'attend, par plan de travail.

150 KB

Appliqué pendant que vous travaillez, pas découvert à la livraison.

Statique de secours

Générée à partir de la dernière image, sans étape d'export séparée.

Polices

Intégrées, ou texte vectorisé pour que la typographie survive sur une machine qui n'a pas votre police.

06 / En entrée et en sortie

Il fonctionne avec ce que vous avez déjà.

Entrée
.fla
y compris les fichiers endommagés qu'Animate refuse d'ouvrir
.psd
plans de travail, calques de texte éditables, transparence
After Effects
via Lottie ou le script ADIMATE
Figma
via le plugin
.adi
Sortie
HTML5
selon la spec du réseau, zippé, clickTag câblé
PNG / JPG
statiques et backups depuis n'importe quelle image
MP4
rendue à partir de la bannière elle-même
.fla
en document HTML5 Canvas
After Effects
un projet construit par After Effects lui-même

Pas « remplace Animate ». Lit vos fichiers, vous les rend.

.adi
Un nouveau format de fichier

ADIMATE enregistre en .adi. A.D.I. le lit comme un template.

Un seul fichier contient toute la production : chaque plan de travail et chaque taille, la timeline, la bibliothèque, les calques de texte liés au copy deck, les langues. Ouvrez-le dans ADIMATE et continuez d'animer. Déposez-le dans A.D.I. et il devient un template : A.D.I. lui fournit le deck, la marque et les assets, et chaque taille et chaque langue sortent du même fichier, contrôlées et prêtes pour la preview.

Le fichier .adi est hébergé dans A.D.I. avec ses assets. Une modification de texte, un nouveau packshot ou un nouvel export se fait sur le serveur, depuis le navigateur : personne dans l'équipe n'a besoin d'installer ADIMATE pour faire avancer la campagne. La personne qui a construit le fichier n'est plus la seule à pouvoir le modifier.

plans de travailtimelinebibliothèquetexte lié au decklanguestemplate pour A.D.I.hébergé avec ses assetsmodification et export sans ADIMATE
07 / Vidéo

Le film et la bannière ne peuvent pas diverger.

Le MP4 est rendu image par image à partir du même HTML que la bannière. Il n'y a pas de second moteur d'animation à garder synchronisé, parce qu'il n'y a pas de second moteur. La vidéo comme calque d'arrière-plan sous le texte, taille cible définie en MB.

08 / Le deck, source unique des textes

Le chef de projet tape. Les bannières changent pendant qu'il tape.

Les textes sont collés une seule fois depuis Excel. ADIMATE, After Effects et Figma lisent tous le même deck via leurs plugins. En vidéo, le texte est incrusté dans les pixels : l'outil le signale au lieu de mentir en silence.

Deck · ligne 14
titre
Livraison offerte jusqu'à dimanche
cta
Acheter
300×250 · 41 KBLivraison offerte jusqu'à dimancheen direct
160×600 · 38 KBLivraison offerte jusqu'à dimancheen direct
MP4 · 3,4 MBLivraison offerte cette semainetexte modifié, pas encore reconstruit
campaign_plan_q4.xls → 97 lignes62 faits · 35 restants
TAILLE
FORMAT
SERVEUR
LIMITE · DEADLINE
BACKUP
300×250
HTML5
DCM
150 KB · 02.09
oui
728×90
HTML5
AdForm
150 KB · 02.09
oui
1080×1080
MP4
Meta
4 MB · 05.09
non
09 / Le plan amorce le projet

Déposez le XLS et le projet sait déjà ce qui doit exister.

Le fichier .adi vit avec ce plan et vous dit combien de formats il reste. Choisissez où vit la campagne, sur disque, dans ADI LINK, dans Adpiler ou dans votre propre système, et le panneau Plans de travail aligne vos plans dessus : ce qui reste à faire, ce qui attend, ce qui est revenu avec des retours.

10 / Un plan de travail, plusieurs langues

La langue est une dimension du plan de travail, pas une copie.

Vingt fichiers qui divergent peu à peu, ce n'est pas de la localisation. Ajoutez autant de langues que la campagne l'exige, corrigez la mise en page une fois et toutes les langues en profitent. Ne surchargez que là où une langue a réellement besoin d'une autre mise en page.

∞
langues, autant que le plan l'exige
1
plan de travail
EN DE IT PL ES + ajouter
COLLECTION AUTOMNE
Chaque mise en page, chaque taille, un seul fichier
Voir la collection
master_480x300.adimise en page de base
11b / Commentaires et statuts

Le « non » du client arrive dans votre liste de plans de travail, avec la raison.

Statuts et commentaires sont partagés avec A.D.I. et ADI LINK, et l'agence définit son propre jeu. Quand un client rejette un fichier dans la preview, le producteur le voit comme rejeté dans le panneau Plans de travail à la même seconde, avec le commentaire attaché à ce plan. Corrigez, importez depuis la ligne, le statut avance. Pas de seconde fenêtre, pas d'e-mail à retrouver.

à faireprêten revueen correctionsvalidérejeté+ les vôtres
ADI LINK · vue client
[CAMPAIGN]_728x90_DE
REJETÉ
Client · 14:02
La date est fausse, ce devrait être le 30.06.
ADIMATE · panneau Plans de travail
728x90_DE
REJETÉ
Client · 14:02 · à la même seconde
La date est fausse, ce devrait être le 30.06.
12 / Feuille de route
PAS ENCORE CONSTRUIT

Où cela va.

01

Templates

Templates d'animation et templates de deck.

02

Machine de rendu

Une modification du deck reconstruit les fichiers sans producteur au clavier.

03

Édition client

Choisir un template, déposer un texte et une photo, télécharger, sans quitter le template.

Copy Check et Brand Check sur toute une livraison existent déjà. Ils vivent dans A.D.I. et, pour les statiques, dans Vadilator.