Cómo hacer máscaras de Steam

Steam es una consola comunitaria y de gestión de videojuegos muy utilizada creada por Valve Entertainment. La aplicación cuenta con una tienda en línea, cliente de chat y redes sociales. Una de las características más populares es su superposición en el juego, que te permite consultar a tus amigos en línea o chatear sin salir del juego. Steam le permite diseñar sus propias máscaras de interfaz (el aspecto gráfico de la aplicación) utilizando una consola de desarrollo o mediante herramientas de terceros fáciles de usar.

Uso del Creador de máscaras

Paso 1

Descarga Steam Skin Creator de Fileplanet. Cuando termine, descomprima el archivo "ilovesteam10.zip" en la ubicación que elija o haga clic en el botón ">" si se utilizó la aplicación de descarga. Abra la carpeta "ilovesteam10" y ejecute "ilovesteam_19.exe".

Paso 2

Haga clic en "Siguiente" en el instalador y acepte el Acuerdo de licencia en la página siguiente. Elija una ubicación para instalar Skin Creator y haga clic en "Instalar". Deje marcada la casilla "Ejecutar" y haga clic en "Finalizar".

Paso 3

Haz clic en "Opciones> Editar ruta de Steam" y haz clic en el botón "Ruta". Navegue hasta la ubicación de su directorio de Steam. Suele ser C:\Archivos de programa\Steam (Archivos de programa (x86) en sistemas de 64 bits). Selecciona Steam.exe y haz clic en "Abrir".

Paso 4

Haga clic en el botón "Nuevo proyecto" en la interfaz de Skin Creator. Escriba un nombre de proyecto y haga clic en "Aceptar". La imagen "Raíz" se mostrará primero, con la ventana "Servidor" en la segunda pestaña. Estas imágenes representan las piezas principales del Steam Client y cómo se verán otros cuadros de diálogo con sus modificaciones.

Paso 5

Edite los colores, las imágenes de fondo y los iconos utilizando los campos del lado izquierdo. Los colores deben ingresarse usando hexadecimal, precedidos por un signo #. Opcionalmente, puede usar el selector de color que aparecerá si hace clic en el cuadro de color a la derecha del campo de entrada.

Paso 6

Convierta las imágenes deseadas de fondo o icono al formato TarGA utilizando un programa de edición de gráficos como Photoshop, Corel Paint Shop Pro o Gimp. Cargue la imagen existente en el programa y luego simplemente elija "Guardar como" en el menú Archivo y seleccione el archivo y seleccione el tipo de archivo "tga".

Paso 7

Haga clic en el botón "Guardar proyecto ILS" cuando haya terminado. Haz clic en "Archivo> Guardar y exportar a Steam". Debería aparecer un mensaje de éxito.

Edición avanzada usando el modo Dev

Paso 1

Descargue e instale una máscara compatible con 2010 o posterior desde el sitio web de Valve. Esto le servirá como plantilla para su máscara personalizada.

Paso 2

Abra el Explorador de Windows y navegue a su carpeta Steam (generalmente en Archivos de programa). Haz doble clic en él y luego abre la carpeta "Skins". Haga doble clic en la carpeta de la máscara recién instalada y luego presione Ctrl+A para seleccionar todo lo que hay dentro. Haga clic en "Editar> Copiar" en el menú del Explorador.

Paso 3

Regrese a la carpeta principal Máscaras y cree una nueva carpeta con el nombre de su máscara personalizada. Haz doble clic para abrirlo, luego haz clic derecho y selecciona "Pegar". El contenido de la carpeta de la máscara descargada debería aparecer dentro de su nueva carpeta de máscara.

Paso 4

Inicie Steam e inicie sesión. Haga clic en "Steam> Configuración" y haga clic en la pestaña "Interfaz". Seleccione su máscara en el menú desplegable Máscaras y haga clic en "Sí" para permitir que Steam se reinicie. Cierra Steam una vez que se vuelva a abrir.

Paso 5

Haga clic en "Inicio", escriba "Ejecutar" en el campo de búsqueda y presione la tecla "Enter". Escriba la ruta a su steam.exe entre comillas, seguida de un espacio y "-dev" sin las comillas. Esto iniciará el programa en modo de desarrollo. Por ejemplo:"c:\archivos de programa\steam\steam.exe" -dev

Paso 6

Abra la ventana en la que desea comenzar a trabajar, como Amigos, Servidores, Comunidad, etc. Presione "F6" para abrir la consola "depurador de diseño vgui". Solo se puede editar una ventana de diálogo a la vez mientras está abierta.

Paso 7

Seleccione un elemento de la ventana que desee rediseñar. Por ejemplo, en la ventana Amigos, puede seleccionar el enlace "Agregar un amigo". Todos los elementos necesarios para que el enlace se muestre y funcione aparecerán en el depurador, divididos en Estilos, Detalle, Diseño, Grupos y Localización. Los elementos principales en los que centrarse son los estilos y el diseño, que son similares a los estilos CSS y los diseños HTML en el diseño web.

Paso 8

En la pestaña Estilos, seleccione la propiedad que desea modificar y luego haga clic en el enlace del archivo en el extremo derecho. Debería aparecer un cuadro de diálogo de Windows preguntándole cómo abrir el archivo. Haga clic en la opción "Seleccione el programa de una lista..." y haga clic en "Aceptar". Elija el Bloc de notas o su editor de HTML favorito de la lista. Si no aparecen, haga clic en "Examinar" para localizar el programa. (El Bloc de notas se encuentra en su carpeta de Windows).

Paso 9

Edite el archivo con los cambios deseados de posición, color o comportamiento. Para encontrar entradas específicas relacionadas con el elemento que ha resaltado en el depurador, haga clic en "Editar> Buscar" y escriba el nombre de la propiedad. Por ejemplo:Cambiar el botón:pasar el cursor a "Rojo" hará que el texto se vuelva rojo después de que se guarden los cambios de mi máscara y se vuelva a cargar Steam.

Paso 10

Guarde los cambios en cualquier archivo de texto que edite haciendo clic en "Archivo> Guardar" y tenga cuidado de no cambiar la extensión del archivo. Cierra Steam cuando hayas terminado de editar estilos y diseño.

Paso 11

Inicie su software de edición de gráficos. La aplicación debe poder ver y guardar archivos TarGA (.tga), como Photoshop, Corel Paint Shop Pro o Gimp. Haz clic en "Archivo> Abrir" y navega a la carpeta de tu máscara dentro del directorio de máscaras de Steam. Haga doble clic en la carpeta Gráficos para ver las imágenes disponibles que puede editar.

Paso 12

Edite los archivos gráficos de la misma forma que lo haría con cualquier otra imagen de interfaz. Si reemplaza la imagen con una de un tamaño diferente, asegúrese de guardar el nuevo gráfico con el mismo nombre y elija "tga" como tipo de archivo.

Consejo

Las imágenes personalizadas, como gráficos de botones, fondos, etc., se pueden guardar como archivos .tga en la carpeta de gráficos y luego hacer referencia a ellos en los estilos. Por ejemplo, podría editar una propiedad de fondo para incluir una ruta relativa a su gráfico en lugar de usar un color sólido.