Crear pegatinas animadas en Telegram

Paso 1: Preparación

Las pegatinas animadas utilizan su propio formato de imagen, conocido como TGS, que en el momento de escribir este artículo sólo puede ser manejado por las aplicaciones de escritorio de Adobe, concretamente After Effects e Illustrator, por lo que tendrás que descargarlas e instalarlas.

Para lo primero, necesitaremos un complemento especial, así como un medio para instalarlo.

1. 1. El complemento necesario para After Effects se llama Bodymovin-TG y puede obtenerse en el repositorio oficial de GitHub del desarrollador en el enlace anterior.
   2. Una vez cargada la página, busque el bloque con la última versión del plugin (suele ser el primero de la lista), y luego busque el enlace con el nombre bodymovin-tg.zxp y haga clic en él.Guarde el archivo descargado en cualquier lugar conveniente.
   3. Ahora tenemos que instalar la herramienta de instalación de plugins para After Effects. Se llama ZXPInstaller, el recurso oficial se puede encontrar en el siguiente enlace. Para descargar la versión necesaria, utilice el botón «Descarga para Windows»..Ir al sitio web oficial de ZXPInstallerAl igual que con el propio plugin, guarde el instalador en su ordenador.

1. 1. Ahora activa el instalador: abre la carpeta donde lo has guardado y ejecuta el ejecutable.La instalación se realiza sin la intervención del . Si nota algún error durante el proceso, la razón es probablemente una instalación incorrecta de Adobe After Effects, ya que el gestor de plugins comprueba su presencia en su sistema.
   2. Tras instalar la herramienta complementaria, arrastra y suelta el archivo bodymovin-tg.zxp en su ventana principal.Espere a que se realice la operación y, tras la correspondiente notificación de la utilidad, reinicie After Effects si está abierto en ese momento.

De esta forma, se concluye la fase de preparación y se puede pasar directamente a la creación de las pegatinas.

Paso 2: Crear pegatinas

Los gráficos vectoriales son casi un requisito previo para la animación TGS, por lo que necesitamos Adobe Illustrator.

1. 1. Si tienes suficientes habilidades artísticas, puedes dibujar las imágenes necesarias desde cero, afortunadamente Adobe Illustrator es bastante amigable para los principiantes.Leer más: Aprende a dibujar en Adobe Illustrator
   2. Utilizaremos una solución más sencilla: una función llamada «trazado», que está diseñada para traducir una imagen rasterizada en una imagen vectorial. Lo primero que hay que hacer es preparar las fuentes de los futuros adhesivos y guardarlas en alguna carpeta adecuada. A continuación, abra Illustrator y seleccione «Abierto»..Mediante una interfaz «Explorador» navegue hasta el directorio de destino y comience a importar la imagen.
   3. Una vez cargado el objeto en la aplicación, selecciónelo haciendo un solo clic con el botón izquierdo del ratón en el área de trabajo y localice el bloque en la barra de herramientas de la derecha Bloque «Acciones rápidas»donde se presiona «Rastro de imagen»..A partir del menú, seleccione «Foto de alta precisión».
   4. Dependiendo de la complejidad de la fuente utilizada, el proceso de rastreo puede durar hasta un minuto. Cuando haya terminado, en el menú de acciones rápidas, seleccione «Desmontar»..En la imagen aparece una lista de objetos reconocidos por el software. A continuación, utilice el botón «Desagrupar»..La transformación de la futura pegatina está lista. Si observa distorsiones en los objetos, o más distorsiones de las necesarias, utilice las herramientas de Illustrator para resolver estos problemas. Por ejemplo, puede fusionar contornos mediante el correspondiente de la derecha.
      

      ¡Importante! El requisito técnico para las pegatinas animadas es no superar los 64 kilobytes, así que asegúrate de eliminar los objetos innecesarios o fusionarlos.

   5. Una vez que la imagen esté lista, guárdela con «Archivo». – «Guardar como».Seleccione la carpeta en la que desea colocar el proyecto y asegúrese de que el formato está configurado como «Adobe Illustrator (*.AI)», y a continuación pulse «Guardar»..A continuación, se iniciarán las opciones de configuración de guardado. Aquí debe asegurarse de que la opción La opción «Crear archivo compatible con PDF» está activada, y a continuación pulse «OK»..

Así se completa la preparación de la pegatina individual. Si está haciendo un conjunto, tendrá que repetir los pasos en este punto para cada una de las fuentes.

Paso 3: Animar la pegatina

Ahora viene la parte crucial: convertir la pegatina en una pegatina animada.

1. 1. Inicie Adobe After Effects y desde su menú principal, seleccione «Composición». – «Nueva composición».Configure los ajustes para la futura animación de la siguiente manera:
      • «Ancho». и «Altitud». – 512 por 512 píxeles;
      • «Velocidad de fotogramas». – 30 o 60, siendo preferible este último;
      • «Duración». – 3 segundos;
      • «Color de fondo». – preferiblemente blanco.

      El resto de los parámetros se pueden dejar por defecto. Compruebe que todo es correcto y pulse «OK»..

      ¡Importante! La velocidad de fotogramas de todas las pegatinas debe ser la misma: ¡no puedes poner animaciones de 30 y 60 fps en el mismo juego!

   2. A continuación, arrastre y suelte la imagen vectorial que creó en el paso anterior en el espacio de trabajo (marcado en la captura de pantalla).Opciones de importación – «Composición»., «Selección de capas», «Tamaño del documento»..

1. 1. Después de la importación, asegúrese de que la imagen ocupa toda el área de trabajo y haga clic con el botón derecho del ratón sobre ella (PCM) y seleccione los elementos «Crear». – «Crear formas a partir de una capa vectorial».
   2. Aparecerá una nueva capa en el de origen con el nombre «Curvas *nombre del archivo*». La capa inferior, a partir de la cual se creó la capa anterior, puede ser eliminada: selecciónela con un solo clic izquierdo del ratón (LKM) y pulse en el teclado Del.
   3. La animación real en Adobe After Effects merece su propio artículo, así que aquí nos limitaremos a un ejemplo básico en forma de movimiento de la imagen a través del lienzo. Haga clic en la flecha situada junto a la capa de curvas y haga clic en el menú que aparece. «Convertir»..Abra también este menú y marque la opción «Posición»., fijando así el primer fotograma de la futura animación.
   4. Ahora ve a la línea de tiempo – es el lado derecho del espacio de trabajo inferior. La flecha azul en ella es la ubicación actual. Pase el cursor por encima, mantenga pulsado TECLA LCD y arrastre la flecha ligeramente hacia la derecha.
   5. Ahora tienes que establecer los puntos de anclaje de la futura animación: ve al área de composición (donde está la imagen), pasa el cursor por encima de la imagen, mantén pulsado TECLA LCD y arrástrelo en la dirección deseada – esta será la posición de inicio de la animación.A continuación, muévete hacia la derecha en la línea de tiempo para crear el siguiente punto de anclaje y arrastra la imagen de nuevo.
   6. Repita los pasos 6-7 para crear al menos ocho puntos – este es el límite inferior aceptable para una animación agradable a la vista.Para comprobar el resultado, utilice la sección del menú de la derecha «Vista previa».: expándalo y pulse el botón para iniciar la reproducción.
   7. Una vez que tenga un resultado adecuado, tendrá que exportarlo en el formato deseado: abra «Ventana».donde seleccionar «Extensiones». – «Bodymovin para Telegram Stickers».Se abrirá un de control de exportación independiente. En primer lugar, selecciona la canción que has creado (marca la casilla de la izquierda de la línea correspondiente) y luego haz clic en los tres puntos.A través de «El director de orquesta» selecciona la carpeta en la que quieres guardar la pegatina final.A continuación, haga clic en «Render».

      Si has hecho todo correctamente y no se ha superado el límite de 64KB, la renderización terminará con éxito y el programa te lo notificará. Para continuar, pulse «Hecho» y cierre la ventana del complemento.

      Debería aparecer un archivo con extensión TGS en la carpeta previamente seleccionada.

Si quieres crear más pegatinas, simplemente repite los pasos anteriores.

Paso 4: Importar stickers a Telegram

Existe un bot independiente para crear tu propio conjunto de pegatinas en Telegram – @Stickersque permite añadir también animaciones.

Lee también: Cómo añadir tus propios stickers a Telegram

1. Lo más cómodo es descargar los stickers desde el cliente de escritorio, que es lo que vamos a utilizar. Inicie la aplicación, busque el nombre del bot que desee y seleccione el resultado marcado en la siguiente captura de pantalla.
2. Ejecute el comando /inicio para empezar a trabajar con el bot.
3. Aparecerá una lista de comandos y variaciones disponibles, haga clic en /newanimated.
4. Introduzca el nombre del futuro conjunto (se pueden utilizar tanto letras rusas como inglesas, pero es preferible la segunda).
5. Ahora puedes añadir la primera pegatina al pack creado simplemente arrastrando el archivo desde la carpeta al diálogo con el bot.Aparecerá una ventana de vista previa – comprueba cómo se comporta la animación, y luego pulsa «Enviar»..
6. A continuación, abre el de smileys y selecciona el que debe responder el adhesivo añadido.Compruebe si se ajusta a usted y haga clic en «Enviar»..
7. El bot te pedirá que añadas más pegatinas – el procedimiento es idéntico al descrito en el paso anterior. Cuando el conjunto esté listo, haga clic en el enlace «/publicar».A continuación, especifica el pac al que se añadirá la pegatina.También puede especificar un icono (la imagen principal del pack), el procedimiento es similar al de añadir una pegatina. Si no es necesario, omita este paso introduciendo /suprimir.
8. El último paso es crear un enlace para poder compartir el stickerpack con otros s. Debe introducirse sólo en letras inglesas.
9. Hecho – el bot le notificará que el conjunto ha sido publicado y está disponible para todos los s que lo deseen.

La publicación es el paso más sencillo en la creación de pegatinas animadas, ya que casi todos los procedimientos necesarios se realizan automáticamente.