Cómo crear un fondo de escritorio Parallax con Rainmeter

Rainmeter sigue siendo el campeón en la personalización de Windows porque los usuarios continúan encontrando formas creativas de usar el programa.

Una innovación reciente es el fondo de paralaje. Los efectos de paralaje son una forma simple e impresionante de mejorar el aspecto del fondo de su escritorio. También incorporan funciones de fondo de pantalla en vivo Haz que tu escritorio se vea impresionante con un fondo de pantalla en vivo interactivo Haz que tu escritorio se vea impresionante con un fondo de pantalla en vivo interactivo Nada hace que tu escritorio se destaque como un fondo interactivo en vivo. También es uno de los mejores ejercicios para personalizar la configuración de Windows. Te mostraremos cómo hacerlo fácilmente con Rainmeter. Lee mas .

Permítanos mostrarle cómo puede crear su propio fondo de escritorio animado con el efecto de paralaje y Rainmeter.

¿Qué es un efecto de paralaje??

Dictionary.com define paralaje como:

“[T] a desplazamiento aparente de un objeto observado debido a un cambio en la posición del observador.”

Uso de una combinación de complementos y archivos .ini: los archivos que Rainmeter utiliza para cargar batería o widgets en su escritorio: Rainmeter permite que su mouse actúe como una cámara. A medida que el mouse se mueve, sus imágenes cambian para crear un efecto 3D..

Los resultados atractivos son fáciles de lograr. Dicho esto, se necesita una gran cantidad de creatividad para lograr resultados verdaderamente espectaculares. Por ejemplo, echa un vistazo a este tema de Firewatch creado por el usuario reddit / u / thefawxyone.

Palabra de advertencia: Si desea crear un ejemplo detallado, de varias capas, como el de arriba, alguna experiencia previa con programas de diseño gráfico como Photoshop (nuestra guía de idiotas para Photoshop es una guía para Photoshop, Parte 1: Photoshop fácil. Una guía para Photoshop para idiotas. Parte 1: Photoshop fácil A primera vista, Photoshop es confuso, pero puede estar rápidamente en camino de convertirse en un gurú de Photoshop. Esta es nuestra guía introductoria sobre cómo realizar funciones básicas en Photoshop. Leer más) y GIMP (nuestro tutorial sobre GIMP GIMP: un tutorial rápido del editor de imágenes de código abierto favorito de todos GIMP: un tutorial del editor de imágenes de código abierto favorito de todos Leer más) es obligatorio. No profundizaremos en cómo crear un fondo complejo con lanzadores de programas ocultos y medidores VU. Nuestro efecto de paralaje logrará un fondo de cuatro capas simple pero impresionante.

Partes de la paralaje

Para utilizar este efecto, repasemos brevemente el concepto de capas. Rainmeter logra el efecto de paralaje al crear varias capas, que simulan un fondo completo.

Hay dos partes esenciales para el efecto de paralaje; la primer plano, y el fondo. El primer plano está compuesto por varios archivos de imagen .png, que van desde los más pequeños a los más grandes. Las imágenes más grandes se moverán más que las imágenes más pequeñas. Esto simula la profundidad de campo en su escritorio. Los archivos de imagen deben estar en formato .png transparente JPEG, GIF o PNG? ¿Tipos de archivos de imagen explicados y probados JPEG, GIF o PNG? Tipos de archivo de imagen explicados y probados ¿Conoce las diferencias entre JPEG, GIF, PNG y otros tipos de archivo de imagen? ¿Sabe cuándo debe usar uno en lugar del otro? No temas, MakeUseOf lo explica todo! Leer más, que elimina fondos blancos de tus imágenes.

Escogiendo las partes

Simularé un Bart que cae de Los Simpson usando el efecto de paralaje. Se requieren tres tipos de imágenes para el efecto: un Bart en caída, algunas nubes en particular al estilo de los dibujos animados de Los Simpson y un fondo de cielo.

Crea una carpeta en tu escritorio llamada fuente de paralaje para guardar sus archivos de imagen. Esto hará que sea más fácil agregar tus imágenes a Rainmeter. A través de la búsqueda en Google Cómo hacer un buen uso de los operadores de búsqueda de Google Cómo hacer un buen uso de los operadores de búsqueda de Google Con los operadores, puede mostrar resultados que pertenecen solo a ciertos sitios web, buscar a través de un rango de números o incluso excluir completamente palabra de tus resultados Cuando dominas el uso de Google ... Leer más, encontré una imagen .png de la caída de Bart. Es posible que tenga que crear una imagen .png transparente. Eliminar el fondo de la imagen en segundos con The Free Background Burner Eliminar el fondo de la imagen en segundos con The Free Background Burner ¿Qué tan difícil es eliminar completamente el fondo de una foto? Para el desafío gráfico entre nosotros, la respuesta es "bastante difícil". Esta herramienta gratuita en línea lo hace mucho más fácil. Lee mas .

A continuación, necesitaré imágenes de nubes y de fondo. Recuerde, cada elemento debe estar presente en su propio archivo .png. Encontré esta imagen de nubes en el estilo clásico de Simpson en línea:

Procedí a separar algunas de las nubes con Photoshop y crear archivos de imagen separados para las tres nubes prominentes. Para el fondo, tomé muestras de color de los tonos inferior y superior del azul en la imagen original y creé mi propio gradiente Generador de gradiente CSS3 rápido de 3 colores: Crear fácilmente gradientes lineales y radiales Generador de gradiente CSS3 rápido de 3 colores: Crear fácilmente lineal Y degradados radiales Leer más. En total, se utilizarán cinco archivos de imagen, incluido el fondo..

Nombra tu fondo background.png y nombre las imágenes que está utilizando para su paralaje como paralaje [x] .png. los [X] corresponde al nivel de capa, comenzando desde 0. La imagen más pequeña debe titularse como parallax0.png, la segunda más pequeña, parallax1.png, y así sucesivamente. Este es el aspecto que debería tener tu carpeta:

Posicionando las partes

Ahora, coloque sus archivos .png de acuerdo con la resolución de su escritorio. Compruebe la resolución de su escritorio por clic derecho en tu escritorio y seleccionando Configuraciones de pantalla. Haga clic en Ajustes de pantalla avanzados y seleccione el Recomendado ajustes bajo Resolución. Estos dos números se corresponden con el ancho y la altura de píxeles de su monitor de pantalla. Resoluciones de pantalla gráfica: ¿Qué significan los números? [MakeUseOf explica] Resoluciones de la pantalla gráfica: ¿Qué significan los números? [MakeUseOf Explica] Las resoluciones de pantalla pueden ser un negocio bastante críptico, con múltiples estándares utilizados para describir la misma resolución de pantalla de 10 maneras diferentes. Todos esos términos técnicos tienden a cambiar en función del propósito de la pantalla ... Leer más .

Cree un documento transparente del tamaño de la resolución de su monitor con 100 píxeles adicionales a su longitud y ancho. Coloque sus archivos en este marco y oriente las imágenes a su gusto..

La forma en que orientas tus imágenes aquí es la forma en que las verás en el fondo. Una vez que haya ajustado todas sus imágenes en su marco, proceda a crear sus archivos .ini.

Disposición de la carpeta de Rainmeter

En el directorio C: \ Users \ Rosebud \ Documents \ Rainmeter \ Skins crear una nueva carpeta llamada Efecto de paralaje.

En esta carpeta, crea tres carpetas más y nómbrelas: @Recursos, Fondo, y Paralaje. La carpeta @Recursos mantendrá todas sus imágenes, la carpeta Fondo mantendrá su archivo Background.ini para activar su fondo, y la carpeta Parallax mantendrá su archivo Parallax.ini para activar sus imágenes de paralaje.

Abre el @Recursos carpeta y crear una carpeta con nombre Imágenes. Agrega tu archivo background.png a este directorio. Agregue otra carpeta a este directorio y asígnele el nombre después de su efecto de paralaje. He nombrado el mio Bart. Agrega tus imágenes de paralaje [x] .png a esta carpeta. Tu carpeta de imágenes ahora debería verse así.

Eso es todo para archivos de imagen. Ahora, puedes comenzar a lograr el efecto de paralaje. En el directorio raíz de efectos de paralaje (C: \ Users \ Rosebud \ Documents \ Rainmeter \ Skins \ Parallax Effect) Crea un nuevo archivo de texto. Ingrese el siguiente código en este nuevo documento.

[Variables] ThemeDisplayWidth = 1440 ThemeDisplayHeight = 900

Nombra este archivo ParallaxSettings.inc, teniendo en cuenta la extensión .inc. Este archivo definirá la resolución de su paralaje. Reemplace 1440 y 900 con su propia resolución y ahorre. También necesitará un complemento simple, que rastrea los movimientos de su mouse para mover sus imágenes de paralaje. Descargue el .rmskin aquí para instalarlo en Rainmeter automáticamente.

A continuación, abra su carpeta de fondo. Botón derecho del ratón dentro de la carpeta y seleccione Nuevo> Documento de texto. Haga doble clic en este documento para editarlo y pegue el siguiente script en el archivo.

[Rainmeter] Actualización = -1 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variables] @ Include = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Images / [Background] Meter = Image SolidColor = 33,0,2,255 W = # SCREENAREAWIDTH # H = # SCREENAREAHEIGHT # [Parallax0] Meter = Image ImageName = # P # background.png X = ((# # SCREENAREAWIDTH # / 2) - ([Parallax0: W] / 2)) Y = 0 DynamicVariables = 1

Guardar este archivo como Fondo.ini, Asegurándose de haber agregado la extensión .ini. A continuación, abra su carpeta de Parallax. Cree un documento de texto y pegue lo siguiente en este archivo.

[Rainmeter] Actualización = 20 SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [Variables] @ Include = # ROOTCONFIGPATH # ParallaxSettings.inc P = # @ # Images / Bart / parallax [MouseX] Measure = Plugin Plugin = MouseXY Dimension = X [MouseY] Measure = Plugin Plugin = MouseXY Dimension = Y [Parallax1] Meter = Image ImageName = # P # 0.png X = (((# SCREENAREAWIDTH # / 2) - ([Parallax1: W] / 2)) - ( ([MouseX] - (# SCREENAREAWIDTH # / 2)) / 80)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 80)) DynamicVariables = 1 [Parallax2] Meter = Image ImageName = # P # 1.png X = (((# SCREENAREAWIDTH # / 2) - ([Parallax2: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 60)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 60)) DynamicVariables = 1 [Parallax3] Meter = Image ImageName = # P # 2.png X = ((# # SCREENAREAEAWIDTH # / 2) - ([Parallax3: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 30)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 30)) DynamicVariables = 1 [ Parallax4] Meter = Image ImageName = # P # 3.png X = (((# # SCREENAREAWIDTH # / 2) - ([Parallax4: W] / 2)) - (([MouseX] - (# SCREENAREAWIDT H # / 2)) / 20)) Y = 5 DynamicVariables = 1

Debes cambiar el PAG variable debajo de tu [Variables] parámetro al título de su carpeta de imágenes de paralaje. Mi variable P es # @ # Imágenes / Bart / paralaje, por ejemplo. Solo cambia el título del medio, y mantén el resto igual..

El resultado

Abre tu Manejar rainmeter ventana abriendo el cajón de iconos de la barra de tareas y haciendo clic en el icono Rainmeter. Haga clic en el Refrescar todo y localiza tu carpeta de efectos de paralaje. Abra sus carpetas de fondo y paralaje recién creadas y Carga sus archivos .ini haciendo doble clic en ellos. Finalmente, compruebe Hacer clic a través en la ventana Administrar Rainmeter para ambos archivos .ini y tu efecto de paralaje debe estar completo.

El script anterior permite un efecto sutil. Si desea que el efecto sea más dramático, reduzca los parámetros numéricos presentes en el archivo Parallax.ini en 10 o 20 (no repita los números ni incluya los números inferiores a 0).

Recuerda guardar tu archivo .ini y actualizar tu skin para aplicar el efecto.

No te quedes con la estática

Pegarse a fondos de pantalla estáticos y que no se mueven está bien para algunos. Para otros, Rainmeter es una bendición. El programa parece ser ilimitado. Elegantes pieles de Rainmeter Las mejores pieles de Rainmeter para un escritorio minimalista Las mejores pieles de Rainmeter para un escritorio minimalista Rainmeter es una herramienta poderosa para personalizar Windows con pieles y suites. Hemos recopilado lo mejor que Rainmeter tiene para ofrecer para un escritorio de Windows impresionante y minimalista. Los Read More se crean a diario para adaptarse al estilo de escritorio que desee. El efecto de paralaje Rainmeter es solo una de las innovaciones más recientes en las pieles Rainmeter, y su uso solo está limitado a su imaginación..

Un agradecimiento especial al usuario de Reddit / u / thefawxyone, cuyo trabajo creativo proporcionó la columna vertebral para el diseño de la carpeta y los archivos .ini utilizados. Si desea instalar mi fondo de paralaje Bart, descargue el .rmskin aquí.

¿Qué otros efectos le gustaría ver o usar con Rainmeter? Háganos saber en los comentarios a continuación.!

Explorar más sobre: ​​Rainmeter, Wallpaper, Personalización de Windows.