Tutorial de Rainmeter Cómo crear tu propio skin

julio 11, 2017 Post Comment Rainmeter Etiquetas:

Hola amigos, ¿Cómo va todo? Yo he estado preparando este artículo, espero que este tutorial de Rainmeter te ayude a entender el lenguaje de programación de Rainmeter y ya que estamos, crear tu propio skin  ;-)

Hace no mucho, ya escribí un artículo donde enseñaba los primeros pasos con Rainmeter, he vinculado dicho artículo a este ya que es una gran actualización del mismo contenido.

Durante la lectura y práctica de este artículo, espero que obtengas un resultado final personalizado de tu skin de sistema para Rainmeter.

Tengo pensado añadir unos vídeos que explique todo el proceso de manera más amena y visual.

Ahorrando el trabajo de copiar/pegar y fomentado el ejercicio intelectual, siendo tu mismo el que crea todo desde cero.

Y digo esto puesto que no voy a colocar un archivo de descarga al final del artículo, pues entra en conflicto con la idea principal.

Solo pondré los archivos o enlaces externos necesarios e imprescindibles.

Tutorial de Rainmeter

Cada parte tendrá su vídeo correspondiente explicando qué y como hacer para la creación de un skin personalizado para Rainmeter.

Explicare el conocimiento básico y como hacer tu propio skin mediante photoshop.

Este tutorial de Rainmeter se va a dividir en varias partes:

Creando la estructura base (Parte 1)

  • Creación de carpeta para “mi skin”
  • Creación de archivos necesarios para “mi skin”
  • Instalar plugins .dll necesarios para “mi skin” y Rainmeter
  • Instalar HWInfo para recolección de datos

Como ves, en esta primera parte del tutorial de Rainmeter vamos a crear la estructura principal de nuestro skin e instalaremos las librerias .dll necesarias, junto con el programa HWiNFO.

Las librerías necesarias para el funcionamiento correcto de nuestro nuevo skin son las siguientes:

  • CheckNet.dll (Necesaria para el funcionamiento del Meter INTERNET)
  • HWiNFO.dll (Necesaria para el funcionamiento general de todos los Meter del skin)
  • TopProcesses.dll (Necesaria para el funcionamiento del Meter de los procesos del sistema)

Archivos necesarios para descargar

A continuación voy a colocar un botón para la descarga de las librerías .dll tanto en 32 como en 64 bits.

Ahora los ejecutables necesarios para obtener las variables de nuestro skin y renovar la ip.

HWiNFO Shared Memory Viewer

Renovar IP

También voy a dejar el enlace de descarga de Rainmeter y del programa HWiNFO.

Rainmeter

Descarga la versión 4.1 de Rainmeter.

Enlace de descarga

HWiNFO

Descarga la versión Installer de 32 o 64 bits dependiendo de tu sistema operativo. (Normalmente 64bits).

Enlace de descarga

Instalación y configuración de Rainmeter y HWiNFO

Una vez descargado el archivo de librerías .dll instalaremos Rainmeter y HWiNFO. (primero procederemos a instalar Rainmeter y seguidamente el programa HWiNFO).

Si al terminar la instalación de Rainmeter o HWiNFO da la opción de ejecutar el programa, marcar dicha opción y aceptar.

En el caso de Rainmeter, se cargará el skin predeterminado.

Tutorial de Rainmeter

Tan solo tendremos que hacer clic derecho en cada skin y elegir la opción “Descargar pieles” o “Unload skin”.

 

Tutorial de Rainmeter

Para el programa HWiNFO en el primer arranque tenemos que darle a Settings antes de darle a Run y dejar las opciones como en la siguiente imagen:

Tutorial de Rainmeter

Ahora sí, haz clic en el botón OK y luego en el botón RUN.

Opcionalmente puedes dejar marcadas las dos primeras opciones de “Show […] on Startup”

Ahora ya puedes ver el vídeo de la primera parte  :-P

Vídeo tutorial de Rainmeter Primera parte

Empezando con Photoshop y mi skin (Parte 2)

  • Creación de Background mediante Photoshop
  • Edición de archivo Sistema.ini de “mi skin” para primer lanzamiento

En esta parte vamos a crear la base de nuestro skin y empezar a escribir los primeros códigos para arrancar por primera vez nuestro skin y empezar a trabajar en él.

Vamos a aprovechar y descargar un zip de fuentes para mejorar la presencia de las letras en nuestro skin. Obviamente este pack de letras es de GoogleFonts donde podrás encontrar muchos tipos de fuente para la personalización de tu skin.

Pack de fuentes personalizadas

Vídeo tutorial de Rainmeter Segunda parte

Parte2

Desatando la imaginación (Parte 3)

  • CPU mediante photoshop y creación de Meter en Sistema.ini
  • GPU mediante photoshop y creación de Meter en Sistema.ini
  • INTERNET mediante photoshop  y creación de Meter en Sistema.ini
  • HDD mediante photoshop  y creación de Meter en Sistema.ini
  • TIME mediante photoshop  y creación de Meter en Sistema.ini
  • PAPELERA mediante photoshop  y creación de Meter en Sistema.ini

Aquí creo yo que es donde más vas a tardar, pues es la parte donde deberás crear tu skin. En este vídeo tutorial, voy a ayudarte a crear la base con ideas para crear tu propio skin personalizado.

Como ves mi skin tiene barras, líneas, histogramas y medidores redondos, estos puedes cambiarlos a tu elección para cada medida.

Deberás decidirlo en el momento de la creación del skin con el editor de imágenes.

Vídeo tutorial de Rainmeter Tercera parte

Parte2

Parte3

Capturando y creando las variables (Parte 4)

  • Edición de archivo variables.inc de “mi skin” para los medidores a mostrar

Ahora toca identificar los medidores que vayamos a querer mostrar en nuestro skin. Para ellos vamos a necesitar del ejecutable HWiNFOSharedMemoryViewer y el archivo variables.inc.

Vídeo tutorial de Rainmeter Cuarta parte

EJEMPLOS CPU: http://url.marccoiduras.com/mO

Dando las últimas pinceladas (Parte 5)

  • ACCESOS DIRECTOS mediante photoshop  y creación de Meter en Sistema.ini (OPCIONAL)
  • BOTONES DE SISTEMA mediante photoshop  y creación de Meter en Sistema.ini (OPCIONAL)

Una vez creados todos los meter de tu skin quedará por añadir opcionalmente los botones de acceso directo, botones del sistema y de configuración del skin.

Vídeo tutorial de Rainmeter Quinta parte

EJEMPLOS CPU: http://url.marccoiduras.com/CE

En los ejemplos de los botones de sistema de Windows, me olvidé las variables de las funciones para bloquear la pantalla, reiniciar y apagar el sistema. A continuación dejo el código de las variables:

[Variables]
Lock Computer=rundll32.exe user32.dll LockWorkStation
Restart=shutdown.exe -r -t 00
Shutdown=shutdown.exe -s -t 00

DOCUMENTACIÓN RAINMETER: https://docs.rainmeter.net/manual-beta/

Conclusión sobre el tutorial de Rainmeter

Espero que hayas podido hacer un skin de sistema personalizado llegado a este punto y de ser el caso me gustaría de poder ser ver tu resultado, así que, si te animas déjame un comentario con una captura de tu resultado, así otro podrán inspirarse con nuestros diseños, muchas gracias!

A continuación dejo una captura de mi actual skin de sistema personalizado para Rainmeter:

Tutorial de Rainmeter