La llegada de la tienda de puntos (THE POINT SHOP) trajo consigo la aparición de fondos animados para nuestros perfiles.

En esta guía aprenderemos a subir imágenes animadas que se acoplaran con este fondo animado.

Algo así:

Lo primero que hay que hacer es descargar los archivos animados para el fondo que tenemos en nuestro perfil, para esto utilizaremos la siguiente página:

https://steam.design/

Tenemos que buscar primero la ruta del archivo webm de nuestro fondo, para ellos haremos botón izquierdo del ratón en el fondo animado de nuestro perfil y seleccionaremos inspeccionar (también sirve usar F12 si usáis Chrome).

Veremos una etiqueta video, hay que desplegarla y dentro encontraremos la tan esperada URL. Acá un ejemplo:



Hacemos doble click encima de la URL y la copiamos (Ctrl + c).

Ahora vamos a https://steam.design/ y pegamos esta URL donde nos indica la barra de la izquierda.



Queda solo hacer click en el botón Download ZIP y seguir la instrucciones para tener los archivos buscados.

Yo recomiendo descargarlos en formato mp4 (video) porque son más fáciles de editar.

Los archivos dentro del archivo .zip que se descargaron en el paso anterior son algo así:



Los archivos que usaremos serán:

• Artwork_Featured.
  
• Artwork_Right_Top.
  
• AvatarAvatar.

Que corresponden a los siguientes apartados:



La edición y modificación es un tema muy personal, pero os doy algunas recomendaciones:


Recomiendo usar algún programa de edición de videos:

• Sony Vegas.
  
• Adobe Premier.
  
• Avidemux (Gratis!).
  
• Lightworks (Gratis!).
  
• Shotcut (Gratis!).

Recomiendo la herramienta de Giphy: GIF Maker[giphy.com] para crear y modificar.

Necesita una cuenta para usarse.

Si has descargado y editados archivos en formato GIF puedes saltarte esta sección, ya los tienes listos para subir.


Actualmente Steam solo acepta archivos en formato jpg, png y gif, por lo que él único formato permitido con animaciones es el gif; tendremos que transformar nuestros archivos de video (.mp4) a gif.

La herramienta que vamos a usar es: EzGif[ezgif.com].

Hay que subir el archivo de video (mp4) y luego configurar las características del archivo de salida, a continuación os dejo la configuración que recomiendo:



Los archivos que se suban tienen que ser de un tamaño máximo de 8MB, por eso es importante no poner tanta calidad al archivo de salida.

Luego que se complete la conversión, la página nos dará la opción de descargarlo e incluso optimizarlo si es el caso que ocupa más espacio de lo permitido.

Subiremos los archivos en formato .gif usando el siguiente enlace:

Subir tu Artwork

Llenaremos todos los campos del formulario y seleccionaremos el archivo que queremos subir.

Ahora tendremos que hacer un pequeño truco, haremos botón izquierdo del ratón y seleccionaremos inspeccionar (también sirve usar F12 si usáis Chrome).

Vamos a buscar la consola, pegaremos y ejecutaremos (con enter) el siguiente texto.




Luego haremos presionaremos en el botón de "Guardar y continuar".

Repetiremos este proceso para cada uno de los archivos que queramos subir.

Con todo listo, solo nos queda configurar el perfil para que nos muestre las imágenes donde son.


Hay que poner en la primera posición de los escaparates uno de tipo "Artwork Showcase" y seleccionar las dos imágenes subidas según el lugar que ocupan, así:



Dar al botón de guardar y habremos terminado!