Emojis, GIFs y stickers

Dentro de la pestaña Items conviven cuatro pequeñas bibliotecas, junto a las formas y My Shapes. Cada una es una cuadrícula de búsqueda e inserción: encuentras algo, haces clic y aparece centrado en el lienzo como un objeto normal.

Vistazo rápido

1. Abre la pestaña Items (Alt+5) en la barra de iconos.
2. Elige Emoji, GIFs, Lottie o Stickers en la fila de categorías.
3. Explora la cuadrícula integrada o usa el cuadro de búsqueda.
4. Haz clic en un resultado para añadirlo al lienzo.
5. Cámbialo de tamaño, recolóralo (solo emojis) y muévelo como cualquier otro objeto.

Referencia detallada

Emoji

Una biblioteca de imágenes estáticas basada en Twemoji, que no necesita ninguna clave de API externa.

Función	Detalle
Categorías	Popular, Smileys & People, Animals & Nature, Food & Drink, Activities, Travel & Places, Objects, Symbols & Hearts
Búsqueda	Filtra por el nombre del emoji en todas las categorías a la vez; mientras hay una búsqueda activa se oculta la navegación por categorías
Insertar	Un objeto de imagen estática, no animada

GIFs

Con la tecnología de GIPHY. Necesita tu propia clave de API de GIPHY, configurada en IA y claves de API; si falta la clave, el panel muestra un aviso.

Función	Detalle
Vista por defecto	Un carrusel de tendencias
Búsqueda	Con retardo (debounce) y desplazamiento infinito por la cuadrícula de resultados
Insertar	Un objeto animado que se reproduce en el lienzo

Lottie

Los resultados de búsqueda vienen de la biblioteca pública de LottieFiles y no requieren una clave de API propia. A diferencia de un reproductor Lottie vectorial de verdad, este panel reproduce la vista previa GIF exportada de cada animación en lugar de la animación JSON original, así que comparte el mismo comportamiento de inserción que el panel de GIFs.

Función	Detalle
Origen	La API pública de búsqueda de LottieFiles
Búsqueda	Cuadrícula tipo masonry con desplazamiento infinito, el mismo patrón que los GIFs
Insertar	Una vista previa GIF animada del archivo Lottie, no una animación vectorial nativa

Stickers

También con la tecnología de GIPHY, usando su endpoint específico de stickers, que devuelve GIFs transparentes en lugar de resultados de tipo fotográfico.

Función	Detalle
Origen	El endpoint de stickers de GIPHY
Búsqueda	La misma búsqueda con retardo y el mismo desplazamiento infinito que los GIFs
Insertar	Un objeto sticker transparente, animado (o estático)

Cómo moverte entre ellas

Las cuatro aparecen como vistas anidadas dentro de la pestaña Items, junto a la cuadrícula de formas geométricas Shapes y el explorador My Shapes. Cada una tiene su propio botón Back, que te devuelve a la vista principal de Items en vez de cerrar la pestaña, de modo que puedes saltar entre categorías sin perder el sitio.

Cómo se reproduce en realidad la animación en el lienzo

Los GIFs, los stickers y las vistas previas de Lottie no se incrustan como una animación en vivo con un <img> del navegador. Cuando haces clic en un resultado, el editor descarga el GIF, decodifica cada marco en el lado del cliente y ejecuta un bucle de render ligero que repinta el marco del objeto en el lienzo a medida que transcurre el retardo de cada marco. Ese bucle solo se ejecuta mientras exista al menos un objeto animado en algún punto del lienzo, y los datos de los marcos decodificados se guardan en una caché en memoria con un tope, de forma que cambiar de página o deshacer no obligue a volver a descargar y decodificar por completo cada objeto animado ya colocado. Por eso también un objeto animado sigue reproduciéndose después de que lo redimensiones, lo gires o le cambies el estilo como a un objeto normal: por debajo es un objeto de lienzo corriente con la animación asociada.

Paso a paso

Añadir un GIF animado al lienzo

1. Abre Items (Alt+5) y elige GIFs.
2. Explora el carrusel de tendencias o escribe un término de búsqueda; los resultados se cargan en una cuadrícula masonry y aparecen más automáticamente a medida que te acercas al final.
3. Haz clic en un resultado. Se decodifica y se coloca en el lienzo, centrado y ya reproduciéndose.
4. Cámbialo de tamaño o muévelo como cualquier otro objeto; la animación sigue reproduciéndose en su nuevo tamaño.

Insertar y recolorear un emoji

1. Abre Items (Alt+5) y elige Emoji.
2. Elige una pestaña de categoría o escribe un término para buscar en todas las categorías a la vez.
3. Haz clic en un emoji para añadirlo al lienzo como un pequeño objeto vectorial.
4. Selecciónalo y cambia su color de relleno desde el panel de propiedades; como es una forma vectorial de verdad (no una imagen de mapa de bits), el recoloreado se aplica de forma limpia.

Configurar la clave de GIPHY una sola vez para GIFs y Stickers

1. Abre Settings, luego AI Settings y desplázate hasta Stock Media API Keys.
2. Pega una clave de GIPHY y guárdala.
3. Vuelve a abrir Items y tanto la pestaña GIFs como Stickers muestran ahora resultados en lugar del aviso "add your GIPHY key", ya que ambas leen la misma clave guardada.

Explorar animaciones de Lottie

1. Abre Items (Alt+5) y elige Lottie.
2. Busca o desplázate por la cuadrícula destacada; las vistas previas son de la biblioteca pública de LottieFiles y no necesitan clave de API.
3. Haz clic en un resultado para añadirlo. Por debajo, esto reutiliza la canalización de los GIFs (la propia vista previa GIF exportada de la animación por LottieFiles), así que se comporta exactamente como un GIF una vez está en el lienzo, incluida la limitación de recoloreado que se explica abajo.

Tareas habituales

Tarea	Pasos
Volver a la lista de categorías desde cualquier vista anidada	Haz clic en el botón Back del panel o vuelve a abrir la pestaña Items
Encontrar un sticker concreto en vez de un GIF de tipo fotográfico	Usa la pestaña Stickers, no GIFs, ya que consulta el endpoint específico de stickers de GIPHY
Seguir explorando sin volver a escribir una búsqueda	Desplázate hacia abajo; GIFs, Stickers y Lottie cargan automáticamente más resultados cerca del final de la cuadrícula
Saltarte la configuración de API por completo	Quédate con Emoji y Lottie: ninguno necesita clave

Solución de problemas

La falta de la clave de GIPHY muestra un aviso, no un error

Tanto los carruseles de GIFs y Stickers como sus cuadrículas completas muestran "Add your GIPHY API key in Settings > API Keys" cuando no hay ninguna clave configurada, en lugar de fallar sin más. Consulta IA y claves de API.

El recoloreado solo funciona en los emojis

Los emojis son formas vectoriales sencillas a las que puedes cambiar el estilo desde el panel de propiedades. Los GIFs, las vistas previas de Lottie y los stickers son imágenes de marcos decodificados, así que la única forma de cambiar su color es buscar un resultado diferente.

Lottie reproduce una exportación GIF, no la animación vectorial original

La pestaña Lottie muestra la vista previa GIF exportada de cada animación en vez del formato JSON/vectorial nativo, por lo que los archivos Lottie muy detallados o con una tasa de marcos alta pueden verse algo menos nítidos en el lienzo que en el propio reproductor de LottieFiles.

Atajos de teclado

Atajo	Acción
Alt+5	Abrir la pestaña Items, donde están Emoji, GIFs, Lottie y Stickers

Consejos

Configura tu clave de GIPHY una sola vez

GIFs y Stickers leen la misma clave de GIPHY. Emoji y Lottie no necesitan ninguna clave, así que si solo usas esos dos, puedes saltarte la configuración de API por completo.

Los emojis se recolorean, el contenido animado no

Los emojis son formas vectoriales sencillas a las que puedes cambiar el estilo desde el panel de propiedades. Los GIFs, las vistas previas de Lottie y los stickers son imágenes ya fijadas, así que recolorear solo funciona buscando un resultado diferente.

Relacionado

• Formas para la biblioteca de formas geométricas que comparte la pestaña Items
• My shapes para guardar tus propios objetos reutilizables
• Iconos para una biblioteca de iconos vectoriales en lugar de emojis
• IA y claves de API para configurar la clave de GIPHY