ALPHA Aperto ai test

Costruire l'annuncio è la parte piccola del lavoro.

Un'unica applicazione al posto della catena Animate → After Effects → cartella. Ci animi, gestisci gli asset, tieni d'occhio il peso, consegni HTML5, statici e video e gestisci l'approvazione del cliente dallo stesso file. Legge e scrive i formati che già usi, così niente di ciò che hai fatto diventa irraggiungibile. Ogni pannello è pixel perfect e ogni icona è disegnata a mano.

Guarda l'editor
Editor ADIMATE: pannello artboard, timeline, libreria e proprietà del testo
Production_Plan.adi · artboard, timeline, libreria, proprietà del testo collegate al copy deck
20%
produzione vera e propria
resa più veloce
50%
revisioni del cliente
eliminato
30%
spostare file, allineare versioni
eliminato
01 / Il problema

Un'animazione. Costruita tre volte, in tre programmi.

HTML5

animato in Animate, uno strumento che ha smesso di evolversi anni fa, pubblicato 27 volte

VIDEO

lo stesso movimento ricostruito in After Effects, a mano, quindi non corrisponde mai del tutto al banner

STATICI

il frame finale ricreato in Photoshop, 34 volte, uno per formato

Tre motori di animazione per un'idea. Ogni modifica sono tre lavori, e i tre output si allontanano. ADIMATE la costruisce una volta ed esporta tutti e tre dallo stesso file. Tenere testi e asset sincronizzati su tutta la campagna è il lavoro di A.D.I..

02 / Editor

Una vera timeline, con le convenzioni che già conosci.

Keyframe, interpolazioni, curve di easing, trascinamento delle chiavi, selezione di intervalli, livelli guida. Se vieni da Animate, qui non devi reimparare niente.

Production_Plan.adi · 1 : 1 Trascina per guardarti intorno
Editor ADIMATE a grandezza reale: timeline, artboard, libreria e proprietà

Animazioni predefinite

Fade, slide, pop, spin con un clic, o la tua curva.

Movie clip

Simboli annidati con la propria timeline.

Ancoraggi a nove punti

Il punto di registrazione dove te lo aspetti, ogni volta.

Allinea e distribuisci

Griglia, guide, aggancio.

Tipi di livello

Testo, forme, immagini e video come livelli a pieno titolo.

Editor di easing

Curve che puoi trascinare, riutilizzare e nominare.

02b / Cura

Pixel perfect. Ogni icona disegnata a mano.

Uno strumento che guardi otto ore al giorno deve essere silenzioso. L'interfaccia di ADIMATE è costruita su una griglia di 28 px a partire da un'unica style guide: cinque famiglie di colori, due stili tipografici, un solo blu. Le 330 icone non sono prese da una libreria; ognuna è stata disegnata per il suo riquadro di 16 px, con gli stati disattivato, attivo e selezionato, così una barra degli strumenti si legge a colpo d'occhio e nulla traballa tra un pannello e l'altro.

Pannelli dal vivo dalla style guide di ADIMATE. Passa sopra e clicca: sono i componenti veri, non immagini.

Strumenti

Selezione, trasformazione, testo, forme, riempimento, contagocce. Il pannello risponde direttamente al puntatore: una colonna, due stati per strumento, nessuna etichetta da leggere.

Testo e Proprietà

La fonte del testo è un deck, non una stringa: cliente, frame, lingua. Le proprietà seguono l'ordine posizione, trasformazione, opacità, contenuto, layout, ogni sezione comprimibile. Stessa spaziatura, stesso campo, stesso blu.

Artboard e Libreria

Il piano di produzione come elenco: ogni formato, ogni lingua, il suo stato. La libreria contiene gli asset con il loro peso, un compressore integrato e una ricerca che sostituisce in tutto il piano.

03 / Artboard e resize

Tante artboard in un progetto. Il tipo decide cosa esportare.

Ogni artboard è HTML5, video o statico. Il contenuto si adatta alla tavola, modalità responsive inclusa. Costruisci il master, duplicalo nel resto del piano.

97
asset nella campagna
17
layout unici

Gli altri 80 sono formati e lingue di qualcosa che hai già fatto.

300×250HTML5
728×90HTML5
160×600HTML5
1080×1080MP4
04 / Libreria e peso

Non un elenco di file. Gestione degli asset.

Cartelle, ordinamento, colonne, cerca e sostituisci. Seleziona un livello e la libreria evidenzia il file da cui proviene.

Compressione PNG e JPG integrata
Nessun servizio esterno, nessuna chiave API. Riduzione della palette, perché la grafica dei banner ha qualche centinaio di colori, non milioni. In batch e applicata a tutta la libreria in una volta.
Gestione dei video
Cambia contenitore, transcodifica a un peso target in MB, anteprima con la forma d'onda dell'audio.
Peso · liveLimite 150 KB
138.4KB→ 104,7 KB dopo la compressione
codice
35.9 KB
png
57.2 KB
jpg
34.8 KB
margine
11.6 KB
05 / Conosce le specifiche

Le regole sono nello strumento, non in un PDF che qualcuno ha dimenticato di leggere.

Google / DCM AdForm Network locali

clickTag

Scritto come lo vuole ogni network, per artboard.

150 KB

Applicate mentre lavori, non scoperte alla consegna.

Statico di backup

Generato dall'ultimo frame, senza un passaggio di export separato.

Font

Incorporati, o testo convertito in tracciati perché la tipografia sopravviva su un computer senza il tuo carattere.

06 / Entrata e uscita, in entrambe le direzioni

Funziona con quello che hai già.

Entrata
.fla
inclusi i file danneggiati che Animate si rifiuta di aprire
.psd
artboard, livelli di testo modificabili, trasparenza
After Effects
tramite Lottie o lo script ADIMATE
Figma
tramite il plugin
.adi
Uscita
HTML5
secondo le specifiche del network, zippato, clickTag collegato
PNG / JPG
statici e backup da qualsiasi frame
MP4
renderizzato dal banner stesso
.fla
come documento HTML5 Canvas
After Effects
un progetto costruito da After Effects stesso

Non "sostituisce Animate". Legge i tuoi file e te li restituisce.

.adi
Un nuovo formato di file

ADIMATE salva in .adi. A.D.I. lo legge come template.

Un solo file contiene tutta la produzione: ogni artboard e formato, la timeline, la libreria, i livelli di testo collegati al copy deck, le lingue. Aprilo in ADIMATE e continua ad animare. Trascinalo in A.D.I. e diventa un template: A.D.I. gli fornisce il deck, il brand e gli asset, e ogni formato e lingua esce dallo stesso file, controllato e pronto per la preview.

Il file .adi è ospitato in A.D.I. insieme ai suoi asset. Un cambio di testo, un nuovo packshot o un nuovo export avvengono sul server, dal browser, quindi a nessuno nel team serve ADIMATE installato per far andare avanti la campagna. Chi ha costruito il file non è più l'unico che può modificarlo.

artboardtimelinelibreriatesto collegato al decklinguetemplate per A.D.I.ospitato con i suoi assetmodifica ed esporta senza ADIMATE
07 / Video

Il filmato e il banner non possono allontanarsi.

L'MP4 viene renderizzato frame per frame dallo stesso HTML del banner. Non c'è un secondo motore di animazione da tenere sincronizzato, perché non esiste un secondo motore. Video come livello di sfondo sotto il testo, peso target impostato in MB.

08 / Deck, un'unica fonte dei testi

Il PM scrive. I banner cambiano mentre scrive.

I testi si incollano una volta sola da Excel. ADIMATE, After Effects e Figma leggono tutti lo stesso deck tramite i loro plugin. Nel video il testo è impresso nei pixel, quindi lo segnala, invece di mentire in silenzio.

Deck · riga 14
titolo
Consegna gratuita fino a domenica
cta
Acquista ora
300×250 · 41 KBConsegna gratuita fino a domenicalive
160×600 · 38 KBConsegna gratuita fino a domenicalive
MP4 · 3,4 MBConsegna gratuita questa settimanatesto cambiato, non ancora ricostruito
campaign_plan_q4.xls → 97 righe62 fatti · 35 rimanenti
DIMENSIONE
FORMATO
SERVER
LIMITE · SCADENZA
BACKUP
300×250
HTML5
DCM
150 KB · 02.09
sì
728×90
HTML5
AdForm
150 KB · 02.09
sì
1080×1080
MP4
Meta
4 MB · 05.09
no
09 / Il piano imposta il progetto

Trascina dentro l'XLS e il progetto sa già cosa deve esistere.

Il file .adi vive con quel piano e ti dice quanti formati mancano. Scegli dove vive la campagna, su disco, in ADI LINK, in Adpiler o nel tuo sistema, e il pannello Artboard allinea le tue tavole con il piano: cosa resta da fare, cosa è in attesa, cosa è tornato con un feedback.

10 / Un'artboard, tante lingue

La lingua è una dimensione dell'artboard, non una sua copia.

Venti file che si allontanano lentamente non sono localizzazione. Aggiungi tutte le lingue di cui la campagna ha bisogno, sistema il layout una volta e ogni lingua lo eredita. Sovrascrivi solo dove una lingua ha davvero bisogno di un layout diverso.

∞
lingue, quante ne servono al piano
1
artboard
EN DE IT PL ES + aggiungi
COLLEZIONE AUTUNNO
Ogni layout, ogni formato, un solo file
Scopri la collezione
master_480x300.adilayout base
11b / Commenti e stati

Il "no" del cliente arriva nel tuo elenco di artboard, con il motivo.

Stati e commenti sono condivisi con A.D.I. e ADI LINK, e l'agenzia definisce il proprio set. Quando un cliente rifiuta un file nella preview, chi produce lo vede come rifiutato nel pannello Artboard nello stesso secondo, con il commento associato a quella tavola. Lo correggi, carichi dalla riga, lo stato avanza. Nessuna seconda finestra, nessuna email da cercare.

da fareprontoin revisionein modificaapprovatorifiutato+ i tuoi
ADI LINK · vista cliente
[CAMPAIGN]_728x90_DE
RIFIUTATO
Cliente · 14:02
La data è sbagliata, deve essere 30.06.
ADIMATE · Pannello Artboard
728x90_DE
RIFIUTATO
Cliente · 14:02 · stesso secondo
La data è sbagliata, deve essere 30.06.
12 / Roadmap
NON ANCORA SVILUPPATO

Dove stiamo andando.

01

Template

Template di animazione e template di deck.

02

Macchina di rendering

Una modifica al deck ricostruisce i file senza nessuno alla tastiera.

03

Edizione per il cliente

Scegli un template, inserisci testo e foto, scarica, senza uscire dal template.

Copy Check e Brand Check su un'intera consegna esistono già. Vivono in A.D.I. e, per gli statici, in Vadilator.