Creare adesivi animati su Telegram

Per il primo, abbiamo bisogno di un plugin speciale, così come di uno strumento per installarlo.

Vai su GitHub dello sviluppatore.

1. L’add-on necessario per After Effects si chiama Bodymovin-TG e si può ottenere dal repository GitHub degli sviluppatori ufficiali dal link qui sopra.
2. Dopo il caricamento della pagina, trova il blocco con l’ultima versione del plugin (di solito il primo nella lista), poi cerca un link chiamato bodymovin-tg.zxp e cliccaci sopra.

   

   Salvate il file scaricato in qualsiasi posto conveniente.



3. Ora dobbiamo installare il programma di installazione del plug-in di After Effects. Si chiama ZXPInstaller, e la risorsa ufficiale è disponibile al link qui sotto. Usate il pulsante “Scarica per Windows” per scaricare la versione richiesta.

   Vai al sito ufficiale di ZXPInstaller

   

   Come per il plugin stesso, salvate il programma di installazione sul vostro computer.



Ora eseguiamo il programma di installazione: aprite la cartella dove l’avete salvato ed eseguite l’eseguibile.



L’installazione avviene senza l’intervento dell’utente. Se notate qualche errore durante il processo, la ragione è probabilmente l’installazione impropria di Adobe After Effects, perché il plugin manager controlla la sua presenza nel sistema.



Dopo aver installato lo strumento add-in, trascinate e rilasciate bodymovin-tg.zxp nella sua finestra principale.



Aspetta che l’operazione sia completata e riavvia After Effects dopo la notifica appropriata da parte dell’utility, se è aperta in quel momento.



Questo conclude il passo preparatorio e possiamo passare direttamente alla creazione degli adesivi.

Passo 2: creare adesivi

La grafica vettoriale è quasi obbligatoria per l’animazione TGS, quindi abbiamo bisogno di Adobe Illustrator.

1. Se hai abbastanza abilità artistiche, puoi disegnare le immagini giuste da zero, Adobe Illustrator è abbastanza adatto ai principianti.

   Per saperne di più: Imparare a disegnare con Adobe Illustrator



2. Useremo una soluzione più semplice – la funzione chiamata “trace”, che è progettata per tradurre l’immagine raster in una vettoriale. Prima di tutto, preparate le fonti dei vostri futuri adesivi e salvatele in qualche cartella adatta. Poi, aprite Illustrator e selezionate “Open”.

   

   Usando l’interfaccia “Explorer “, navigate nella directory di destinazione e iniziate a importare l’immagine.



3. Una volta caricato l’oggetto nell’applicazione, selezionalo con un solo clic sinistro nell’area di lavoro, poi individua la casella “Quick Actions” sulla barra degli strumenti di destra, dove fai clic su “Image Trace“.

   

   Dal menu successivo seleziona “Foto ad alta fedeltà”.



4. A seconda della complessità del tuo materiale di partenza, il processo di tracciamento può richiedere fino a un minuto. Quando ha finito, seleziona “Explode” dal menu di scelta rapida.

   

   Vedrai una lista di oggetti rilevati nell’immagine. Poi, usa il pulsante “Esplosione”

   .

   

   La trasformazione del futuro adesivo è pronta. Se vedete distorsioni negli oggetti o più di quanto vi serve, usate gli strumenti di Illustrator per risolvere questi problemi.

   Per

   esempio, potete unire i contorni per mezzo del pannello corrispondente sulla destra

   .

   Il requisito tecnico per gli adesivi animati è di non superare i 64 Kilobyte, quindi assicurati di eliminare o unire gli oggetti non necessari!



5. Quando l’immagine è pronta, salvala usando “File ” – “Save As”.

   

   Seleziona la cartella dove vuoi mettere il progetto e assicurati che il formato sia impostato come “Adobe Illustrator (*.AI)”, poi clicca su “Save”

   .

   

   In seguito, verranno avviate le impostazioni di salvataggio. Qui devi assicurarti che l’opzione “Create PDF compatible file” sia attiva e poi clicca su “OK“.



Questo completa la preparazione dell’adesivo individuale. Se stai facendo un set, dovrai ripetere i passi di questo passo per ciascuna delle fonti.

Passo 3: animare l’adesivo

Ora arriva la parte cruciale: trasformare l’adesivo in un adesivo animato.

1. Avviate Adobe After Effects e selezionate “Composizione ” – “Nuova composizione” dal suo menu principale.

   

   Impostate le impostazioni per la vostra futura animazione come segue

   :

   • “Larghezza” e “Altezza ” sono 512 per 512 pixel;
   • “Frame rate ” – 30 o 60, quest’ultimo è preferibile;
   • “Durata ” – 3 secondi;
   • “Colore di sfondo ” – preferibilmente bianco.

   Potete lasciare il resto delle impostazioni come predefinite. Controlla di aver inserito tutto correttamente, poi clicca su “OK”

   .

   Importante: il frame rate per tutti gli adesivi deve essere lo stesso: non puoi mettere animazioni a 30 e 60 fps in un unico set!



2. Poi, trascinate e rilasciate l’immagine vettoriale che avete creato nel passo precedente nell’area di lavoro (segnata nello screenshot).

   

   Le opzioni di importazione sono Composizione, Selezione del livello e Dimensione del documento.



Dopo l’importazione, assicurati che l’immagine occupi tutta l’area di lavoro, poi fai clic destrosu di essa e scegli “Create ” – “Create shapes from vector layer”.



Un nuovo livello chiamato “Curves *file name*” apparirà nel pannello Source. Il livello sottostante, da cui è stato creato il livello precedente, può essere cancellato selezionandolo con un solo clic del mouse(LMB) e premendo Del sulla tastiera.



L’animazione vera e propria in Adobe After Effects merita un articolo a parte, quindi ci limiteremo a un esempio di base sotto forma di movimento dell’immagine sulla tela. Clicca sulla freccia accanto al livello della curva e clicca su “Transform” nel menu che appare.



Aprite anche questo menu, poi spuntate la casella di controllo “Posizione”, impostando così il primo fotogramma della futura animazione.



Ora spostati sulla timeline – questo è il lato destro dell’area di lavoro inferiore. La freccia blu su di esso è la posizione attuale. Metti il tuo cursore su di esso, tieni premuta la LMB e trascina la freccia leggermente a destra.



Ora devi impostare i punti di ancoraggio della futura animazione: vai nell’area di composizione (dove si trova l’immagine), posiziona il cursore sull’immagine, tieni premuto il tasto sinistro del mouse e trascinalo nella direzione desiderata – questa sarà la posizione di partenza dell’animazione.



Poi sposta la linea temporale a destra per creare il prossimo punto di ancoraggio e trascina di nuovo l’immagine.



Ripetete i passi 6-7 per creare un minimo di otto punti, questo è il limite inferiore per un’animazione piacevole per gli occhi.



Per controllare il risultato, usa la sezione Anteprima del menu di destra : espandila, poi clicca sul pulsante di avvio.



Una volta che hai un risultato adatto, dovrai esportarlo nel formato desiderato – apri la finestra e seleziona “Estensioni ” – “Bodymovin for Telegram Stickers”.



Si aprirà un pannello di controllo separato per l’esportazione. Per prima cosa, seleziona la canzone che hai creato (spunta la casella a sinistra della riga corrispondente), poi clicca sui tre punti

.



Usa “Explorer”

per selezionare la cartella in cui vuoi salvare l’adesivo finale.



Poi clicca su “Render”.



Se tutto è stato fatto correttamente e il limite di 64 KB non è stato superato, il rendering sarà completato con successo, e sarete avvisati. Cliccate su “Done”

per continuare e chiudere la finestra del plugin.



Nella cartella precedentemente selezionata dovrebbe apparire un file con l’estensione TGS.



Se vuoi creare altri adesivi, ripeti semplicemente i passi precedenti.

Passo 4: Importare adesivi su Telegram

Telegram ha un bot separato, @Stickers, per creare il proprio set di adesivi, che permette anche di aggiungere animazioni.

Leggi anche: Come aggiungere i propri adesivi in Telegram

1. È più conveniente scaricare gli adesivi dal client desktop, che useremo. Lancia l’app, inserisci il nome del bot che vuoi nella casella di ricerca e seleziona il risultato come evidenziato nello screenshot qui sotto.



2. Eseguite il comando /start per avviare il bot.



3. Verrà visualizzata la lista dei comandi e delle varianti disponibili, clicca su /newanimated.



4. Inserisci il nome del futuro set (puoi usare sia lettere russe che inglesi, ma quest’ultimo è preferibile).



5. Ora puoi aggiungere il primo adesivo al pacchetto creato semplicemente trascinando il file dalla cartella nella finestra di dialogo con il bot.

   

   Apparirà una finestra di anteprima – controlla come si comporta l’animazione, poi clicca su “Submit”.



6. Poi, aprite la barra degli smiley e selezionate quello a cui l’adesivo aggiunto deve rispondere.

   

   Vedi se funziona per te, poi clicca su Submit.



7. Il bot ti chiederà di aggiungere altri adesivi – la procedura è identica al passo precedente. Quando sei pronto, clicca sul link “/publish”.

   

   Poi, seleziona il pacchetto

   a cui

   vuoi aggiungere l’adesivo

   .

   

   Puoi anche specificare un’icona (l’immagine principale del pacchetto), la procedura è simile all’aggiunta di un adesivo. Se non è necessario, saltate questo passo digitando /skip.



8. L’ultimo passo è quello di creare un link per condividere lo stickerpack con altri utenti. Deve essere inserito solo in lettere inglesi.



9. Fatto, il bot ti avviserà che il kit è stato pubblicato ed è disponibile per tutti gli utenti interessati.

La pubblicazione è il passo più semplice nella creazione di adesivi animati, poiché quasi tutte le procedure richieste sono fatte automaticamente.