Emoji, GIF e sticker
Nella scheda Items convivono quattro piccole librerie, insieme alle forme e a My Shapes. Ognuna funziona come una griglia di ricerca e inserimento: trovi ciò che ti serve, lo clicchi e appare al centro della tela come un normale oggetto.
Panoramica rapida
- Apri la scheda Items (
Alt+5) nella barra laterale delle icone. - Scegli Emoji, GIFs, Lottie o Stickers dalla riga delle categorie.
- Sfoglia la griglia predefinita oppure usa la casella di ricerca.
- Clicca un risultato per aggiungerlo alla tela.
- Ridimensionalo, ricoloralo (solo emoji) e spostalo come qualsiasi altro oggetto.
Riferimento dettagliato
Emoji
Una libreria di immagini statiche basata su Twemoji, che non richiede alcuna chiave API esterna.
| Funzione | Dettaglio |
|---|---|
| Categorie | Popolari, Faccine e persone, Animali e natura, Cibo e bevande, Attività, Viaggi e luoghi, Oggetti, Simboli e cuori |
| Ricerca | Filtra per nome dell'emoji in tutte le categorie contemporaneamente; la navigazione per categorie viene nascosta mentre una ricerca è attiva |
| Inserimento | Un oggetto immagine statico, non animato |
GIFs
Basata su GIPHY. Richiede una chiave API GIPHY personale, da impostare in AI e chiavi API; se la chiave manca, il pannello mostra un avviso.
| Funzione | Dettaglio |
|---|---|
| Vista predefinita | Uno slider di contenuti di tendenza |
| Ricerca | Con debounce e scorrimento infinito nella griglia dei risultati |
| Inserimento | Un oggetto animato che viene riprodotto sulla tela |
Lottie
I risultati arrivano dalla libreria pubblica di LottieFiles e non richiedono alcuna chiave API dedicata. A differenza di un vero player vettoriale Lottie, questo pannello riproduce l'anteprima GIF esportata di ogni animazione invece dell'animazione JSON originale, quindi si comporta esattamente come il pannello GIFs in fase di inserimento.
| Funzione | Dettaglio |
|---|---|
| Fonte | API di ricerca pubblica di LottieFiles |
| Ricerca | Griglia masonry a scorrimento infinito, lo stesso schema delle GIFs |
| Inserimento | Un'anteprima GIF animata del file Lottie, non un'animazione vettoriale nativa |
Stickers
Anch'essa basata su GIPHY, tramite l'endpoint dedicato agli sticker, che restituisce GIF trasparenti invece di risultati in stile fotografico.
| Funzione | Dettaglio |
|---|---|
| Fonte | Endpoint sticker di GIPHY |
| Ricerca | Stessa ricerca con debounce e scorrimento infinito delle GIFs |
| Inserimento | Un oggetto sticker trasparente, animato (o statico) |
Spostarsi tra le librerie
Tutte e quattro compaiono come viste di approfondimento all'interno della scheda Items, accanto alla griglia delle forme geometriche (Shapes) e al browser My Shapes. Ognuna ha il proprio pulsante Back, che ti riporta alla vista principale di Items invece di chiudere la scheda, così puoi passare da una categoria all'altra senza perdere il punto in cui eri.
Come funziona davvero l'animazione sulla tela
Le GIF, gli sticker e le anteprime Lottie non vengono incorporati come un'animazione <img> live del browser. Quando clicchi un risultato, l'editor scarica la GIF, decodifica ogni riquadro lato client e gestisce un leggero ciclo di rendering che ridisegna il fotogramma dell'oggetto sulla tela man mano che scade il ritardo di ciascun frame. Quel ciclo gira solo finché esiste almeno un oggetto animato da qualche parte sulla tela, e i dati dei frame decodificati vengono conservati in una cache in memoria con un limite massimo, così passare da una pagina all'altra o annullare un'azione non costringe a riscaricare e ridecodificare interamente ogni oggetto animato già presente. È anche per questo che un oggetto animato continua a essere riprodotto dopo che lo ridimensioni, lo ruoti o ne cambi lo stile come un oggetto qualsiasi: sotto è comunque un normale oggetto della tela, con l'animazione collegata.
Passo dopo passo
Aggiungere una GIF animata alla tela
- Apri Items (
Alt+5) e scegli GIFs. - Sfoglia lo slider di tendenza oppure digita un termine di ricerca; i risultati appaiono in una griglia masonry e altri si caricano automaticamente quando ti avvicini alla fine dello scorrimento.
- Clicca un risultato. Viene decodificato e collocato al centro della tela, già in riproduzione.
- Ridimensionalo o spostalo come qualsiasi altro oggetto; l'animazione continua alla nuova dimensione.
Inserire e ricolorare un'emoji
- Apri Items (
Alt+5) e scegli Emoji. - Scegli una scheda di categoria oppure digita un termine per cercare in tutte le categorie insieme.
- Clicca un'emoji per aggiungerla alla tela come piccolo oggetto vettoriale.
- Selezionala e cambia il colore di riempimento dal pannello delle proprietà; poiché è una vera forma vettoriale (non un'immagine raster), il nuovo colore viene applicato in modo pulito.
Impostare la chiave GIPHY una sola volta per GIFs e Stickers
- Apri Settings, poi AI Settings e scorri fino a Stock Media API Keys.
- Incolla una chiave GIPHY e salva.
- Riapri Items: sia la scheda GIFs sia Stickers ora mostrano i risultati invece dell'avviso "add your GIPHY key", perché leggono la stessa chiave salvata.
Sfogliare le animazioni Lottie
- Apri Items (
Alt+5) e scegli Lottie. - Cerca o scorri la griglia in evidenza; le anteprime provengono dalla libreria pubblica di LottieFiles e non richiedono alcuna chiave API.
- Clicca un risultato per aggiungerlo. Dietro le quinte viene riutilizzata la pipeline delle GIF (l'anteprima GIF dell'animazione esportata da LottieFiles), quindi una volta sulla tela si comporta esattamente come una GIF, compreso il limite sul ricolore descritto più sotto.
Attività comuni
| Attività | Passaggi |
|---|---|
| Tornare all'elenco delle categorie da una vista di approfondimento | Clicca il pulsante Back del pannello, oppure riapri la scheda Items |
| Trovare uno sticker specifico invece di una GIF in stile foto | Usa la scheda Stickers, non GIFs, perché interroga l'endpoint sticker dedicato di GIPHY |
| Continuare a sfogliare senza ridigitare una ricerca | Scorri verso il basso; GIFs, Stickers e Lottie caricano automaticamente altri risultati vicino alla fine della griglia |
| Evitare del tutto la configurazione dell'API | Limitati a Emoji e Lottie, che non richiedono alcuna chiave |
Risoluzione dei problemi
La chiave GIPHY mancante mostra un avviso, non un errore
Sia gli slider sia le griglie complete di GIFs e Stickers mostrano "Add your GIPHY API key in Settings > API Keys" quando non è impostata alcuna chiave, invece di fallire in silenzio. Vedi AI e chiavi API.
Il ricolore funziona solo sulle emoji
Le emoji sono semplici forme vettoriali che puoi ristilizzare dal pannello delle proprietà. Le GIF, le anteprime Lottie e gli sticker sono immagini di frame decodificate, quindi l'unico modo per cambiarne il colore è cercare un risultato diverso.
Lottie riproduce un export GIF, non l'animazione vettoriale originale
La scheda Lottie mostra l'anteprima GIF esportata di ogni animazione anziché il formato JSON/vettoriale nativo, quindi i file Lottie molto dettagliati o ad alto frame rate possono apparire leggermente meno nitidi sulla tela rispetto al player di LottieFiles.
Scorciatoie da tastiera
| Scorciatoia | Azione |
|---|---|
Alt+5 | Apre la scheda Items, dove si trovano Emoji, GIFs, Lottie e Stickers |
Consigli
Imposta la chiave GIPHY una volta sola
GIFs e Stickers leggono entrambi la stessa chiave GIPHY. Emoji e Lottie non richiedono alcuna chiave, quindi se usi solo questi due puoi evitare del tutto la configurazione dell'API.
Le emoji si ricolorano, i contenuti animati no
Le emoji sono semplici forme vettoriali che puoi ristilizzare dal pannello delle proprietà. Le GIF, le anteprime Lottie e gli sticker sono immagini fisse, quindi il ricolore è possibile solo trovando un altro risultato di ricerca.
Correlati
- Forme per la libreria di forme geometriche che condivide la scheda Items
- My shapes per salvare i tuoi oggetti riutilizzabili
- Icone per una libreria di icone vettoriali al posto delle emoji
- AI e chiavi API per impostare la chiave GIPHY