{"id":271597,"date":"2022-11-25T13:14:00","date_gmt":"2022-11-25T10:14:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=271597"},"modified":"2025-03-14T09:05:42","modified_gmt":"2025-03-14T06:05:42","slug":"como-crear-un-fondo-de-escritorio-parallax-con-rainmeter","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/es\/como-crear-un-fondo-de-escritorio-parallax-con-rainmeter\/","title":{"rendered":"C\u00f3mo crear un fondo de escritorio Parallax con Rainmeter"},"content":{"rendered":"\n

Rainmeter sigue siendo el campe\u00f3n de la personalizaci\u00f3n de Windows porque los usuarios contin\u00faan encontrando formas creativas de usar el programa.<\/p>\n

Una innovaci\u00f3n reciente es el fondo de paralaje. Los efectos de paralaje son una forma simple e impresionante de mejorar el aspecto de su fondo de escritorio. Tambi\u00e9n incorporan funciones de fondo de pantalla en vivo.<\/p>\n

Echemos un vistazo a c\u00f3mo puede crear su propio fondo de escritorio animado usando el efecto de paralaje y Rainmeter.<\/p>\n

\u00bfQu\u00e9 es un efecto de paralaje?<\/h2>\n

El efecto Parallax es cuando un objeto se ve diferente desde dos puntos de vista diferentes. Esta es la raz\u00f3n por la que un efecto de paralaje da la impresi\u00f3n de profundidad cuando un usuario desplaza o desplaza la pantalla.<\/p>\n

En general, este efecto se implementa para mejorar la experiencia del usuario en diferentes sitios web. Y, Rainmeter hace que sea bastante simple crear un efecto de paralaje en el fondo de su escritorio.<\/p>\n

Le permite usar su mouse como una c\u00e1mara. Por lo tanto, sus fotos se desplazan en el espacio 3D a medida que mueve el mouse, creando un hermoso fondo de pantalla animado.<\/p>\n

Los resultados atractivos son f\u00e1ciles de lograr con Rainmeter. Dicho esto, se necesita una buena cantidad de creatividad para lograr resultados realmente espectaculares.<\/p>\n

Si desea crear un efecto detallado de varias capas, se requiere experiencia previa con programas de dise\u00f1o gr\u00e1fico como Photoshop. Nuestro efecto de paralaje lograr\u00e1 un fondo de cuatro capas simple pero impresionante.<\/p>\n

Partes del paralaje<\/h2>\n

Para usar este efecto, repasemos brevemente el concepto de capas. Rainmeter logra el efecto de paralaje creando varias capas que simulan un fondo completo.<\/p>\n

Hay dos partes esenciales en el efecto Parallax; el primer plano<\/strong> y el fondo<\/strong>. El primer plano se compone de varios archivos de imagen PNG, que van del m\u00e1s peque\u00f1o al m\u00e1s grande.<\/p>\n

Los archivos de imagen deben estar en formato PNG transparente, lo que elimina los fondos blancos de sus im\u00e1genes.<\/p>\n

Si no eres un geek, te recomendamos consultar nuestra gu\u00eda sobre c\u00f3mo convertir im\u00e1genes a formato PNG transparente<\/a>. Adem\u00e1s, las im\u00e1genes m\u00e1s grandes se mover\u00e1n m\u00e1s que las im\u00e1genes m\u00e1s peque\u00f1as. Esto simula la profundidad de campo en su escritorio.<\/p>\n

Elegir las partes<\/h3>\n

Para esta gu\u00eda, simularemos la ca\u00edda de Bart de Los Simpson utilizando el efecto de paralaje. Se requieren tres tipos de im\u00e1genes para el efecto: un Bart cayendo, algunas nubes propias del estilo de dibujos animados de Los Simpson y un cielo de fondo.<\/p>\n

Siga estos pasos para configurar algunos conceptos b\u00e1sicos para Rainmeter:<\/p>\n

    \n
  1. Cree una carpeta en su escritorio llamada fuente de paralaje<\/strong> para guardar sus archivos de imagen. Esto har\u00e1 que sea m\u00e1s f\u00e1cil agregar sus im\u00e1genes a Rainmeter.<\/li>\n
  2. Guarde todos los archivos que haya reunido para el fondo de su escritorio en esa carpeta.<\/li>\n
  3. Nombra tu fondo background.png<\/strong> y nombra las im\u00e1genes que est\u00e1s usando para tu parallax como parallax[x].png<\/strong>. La [x]<\/strong> corresponde al nivel de la capa, a partir de 0.<\/li>\n<\/ol>\n

    La imagen m\u00e1s peque\u00f1a debe titularse parallax0.png, la segunda m\u00e1s peque\u00f1a, parallax1.png, y as\u00ed sucesivamente. As\u00ed es como deber\u00eda verse su carpeta:<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Colocaci\u00f3n de las piezas<\/h3>\n

    Ahora, coloque sus archivos PNG de acuerdo con la resoluci\u00f3n de su escritorio. Si no conoce la resoluci\u00f3n de su escritorio, consulte nuestra gu\u00eda para averiguar la resoluci\u00f3n de su escritorio<\/a>.<\/p>\n

    Adem\u00e1s, cree un documento transparente del tama\u00f1o de la resoluci\u00f3n de su monitor con 100 p\u00edxeles adicionales a su largo y ancho. Coloque sus archivos en este marco y oriente las im\u00e1genes a su gusto.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    La forma en que orienta sus im\u00e1genes aqu\u00ed es la forma en que las ver\u00e1 en su fondo. Una vez que haya ajustado todas sus im\u00e1genes en su marco, proceda a configurar el dise\u00f1o de su carpeta Rainmeter.<\/p>\n

    Dise\u00f1o de la carpeta Rainmeter<\/h2>\n

    Aqu\u00ed viene la parte central de esta configuraci\u00f3n. Siga estos pasos cuidadosamente para evitar problemas al crear el efecto de paralaje:<\/p>\n

    1 Descargue la \u00faltima versi\u00f3n de Rainmeter de Rainmeter.net<\/a>.<\/p>\n

    2 En el directorio C:UsersNameDocumentsRainmeterSkins<\/strong>, cree una nueva carpeta llamada Parallax Effect<\/strong>.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    3 En esta carpeta, cree tres carpetas m\u00e1s y as\u00edgneles el nombre: @Resources<\/strong>, Background<\/strong> y Parallax<\/strong>.<\/p>\n

    La carpeta @Resources<\/strong> contendr\u00e1 im\u00e1genes, la carpeta Background<\/strong> contendr\u00e1 su archivo background.ini para activar su fondo y la carpeta Parallax es para su archivo Parallax.ini.<\/strong><\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    4 Ahora, abra la carpeta @Resources<\/strong> y cree una carpeta llamada Im\u00e1genes<\/strong>. Agregue su archivo background.png a este directorio.<\/p>\n

    5 Agregue otra carpeta a este directorio y as\u00edgnele el nombre de su efecto de paralaje. Hemos llamado a la carpeta Bart<\/strong>. Agrega tus im\u00e1genes de paralaje[x].png a esta carpeta. Su carpeta de im\u00e1genes ahora deber\u00eda verse as\u00ed.<\/p>\n

    \"C\u00f3mo<\/a><\/p>\n

    Eso es todo para los archivos de imagen. Ahora, puede comenzar a lograr el efecto de paralaje.<\/p>\n

    6 En el directorio ra\u00edz de Parallax Effect C:UsersNameDocumentsRainmeterSkinsParallax Effect, debe crear un nuevo archivo de texto.<\/strong> Ingrese el siguiente c\u00f3digo en estos nuevos documentos:<\/p>\n

    [Variables]ThemeDisplayWidth=1440ThemeDisplayHeight=900<\/code><\/pre>\n
    7 Recuerde nombrar este archivo ParallaxSettings.inc<\/strong> y mantener la extensi\u00f3n .inc. Este archivo definir\u00e1 la resoluci\u00f3n de su paralaje. Reemplace 1440 y 900 con su propia resoluci\u00f3n y guarde.<\/p>\n
    Configuraci\u00f3n del complemento requerido<\/h3>\n
    Necesitamos un complemento simple que rastree los movimientos del cursor de su mouse para mover sus im\u00e1genes de paralaje. Puede descargar el complemento desde esta publicaci\u00f3n de la comunidad de Rainmeter<\/a>.<\/p>\n
    \"C\u00f3mo<\/a><\/p>\n
    Una vez hecho esto, siga los pasos a continuaci\u00f3n para ajustar algunas configuraciones para su configuraci\u00f3n:<\/p>\n
    1 Abra su carpeta de fondo. Haga clic derecho<\/strong> dentro de la carpeta y seleccione Nuevo > Documento de texto<\/strong>. Haga doble clic en este documento para editarlo y pegue el siguiente script en el archivo.<\/p>\n
    [Pluvi\u00f3metro]<\/p>\n
    Actualizar=-1<\/p>\n
    SkinHeight=#Altura de visualizaci\u00f3n del tema#<\/p>\n
    SkinWidth=#TemaDisplayWidth#<\/p>\n
    [Variables]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Im\u00e1genes\/<\/p>\n
    [Fondo]<\/p>\n
    Medidor=Imagen<\/p>\n
    Color S\u00f3lido=33,0,2,255<\/p>\n
    W=#PANTALLAANCHO#<\/p>\n
    H=#ALTURA DEL \u00c1REA DE LA PANTALLA#<\/p>\n
    [Paralaje0]<\/p>\n
    Medidor=Imagen<\/p>\n
    Nombre de imagen=#P#fondo.png<\/p>\n
    X=((#PANTALLAANCHO# \/ 2) \u2013 ([Parallax0:W] \/ 2))<\/p>\n
    Y=0<\/p>\n
    Variables Din\u00e1micas=1<\/p>\n
    2 Guarde este archivo como Background.ini<\/strong>, asegur\u00e1ndose de haber agregado la extensi\u00f3n .ini. A continuaci\u00f3n, abra su carpeta Parallax. Cree un documento de texto y pegue lo siguiente en este archivo.<\/p>\n
    [Pluvi\u00f3metro]<\/p>\n
    Actualizar=20<\/p>\n
    SkinHeight=#Altura de visualizaci\u00f3n del tema#<\/p>\n
    SkinWidth=#TemaDisplayWidth#<\/p>\n
    [Variables]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Im\u00e1genes\/Bart\/paralaje<\/p>\n
    [Rat\u00f3nX]<\/p>\n
    Medida=Complemento<\/p>\n
    Complemento=MouseXY<\/p>\n
    Dimensi\u00f3n=X<\/p>\n
    [Pardusco]<\/p>\n
    Medida=Complemento<\/p>\n
    Complemento=MouseXY<\/p>\n
    Dimensi\u00f3n=Y<\/p>\n
    [Paralaje1]<\/p>\n
    Medidor=Imagen<\/p>\n
    Nombre de imagen=#P#0.png<\/p>\n
    X=(((#PANTALLAANCHO# \/ 2) \u2013 ([Parallax1:W] \/ 2))-(([Rat\u00f3nX]-(#PANTALLAANCHO# \/ 2)) \/ 80))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 80))<\/p>\n
    Variables Din\u00e1micas=1<\/p>\n
    [Paralaje2]<\/p>\n
    Medidor=Imagen<\/p>\n
    Nombre de imagen=#P#1.png<\/p>\n
    X=(((#PANTALLAANCHO# \/ 2) \u2013 ([Parallax2:W] \/ 2))-(([MouseX]-(#PANTALLAANCHO# \/ 2)) \/ 60))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 60))<\/p>\n
    Variables Din\u00e1micas=1<\/p>\n
    [Paralaje3]<\/p>\n
    Medidor=Imagen<\/p>\n
    Nombre de imagen=#P#2.png<\/p>\n
    X=(((#PANTALLAANCHO# \/ 2) \u2013 ([Parallax3:W] \/ 2))-(([MouseX]-(#PANTALLAANCHO# \/ 2)) \/ 30))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 30))<\/p>\n
    Variables Din\u00e1micas=1<\/p>\n
    [Paralaje4]<\/p>\n
    Medidor=Imagen<\/p>\n
    Nombre de imagen=#P#3.png<\/p>\n
    X=(((#PANTALLAANCHO# \/ 2) \u2013 ([Parallax4:W] \/ 2))-(([MouseX]-(#PANTALLAANCHO# \/ 2)) \/ 20))<\/p>\n
    Y=5<\/p>\n
    Variables Din\u00e1micas=1<\/p>\n
    Nota:<\/strong> debe cambiar la variable P debajo de su par\u00e1metro<\/strong> [Variables]<\/strong> al t\u00edtulo de su carpeta de im\u00e1genes de paralaje. Nuestra variable P es #@#Images\/Bart\/parallax<\/strong>, por ejemplo. Solo cambie el t\u00edtulo del medio y mantenga el resto igual.<\/p>\n
    \"C\u00f3mo<\/a><\/p>\n
    Finalizando el efecto Parallax<\/h2>\n
    Ahora, el \u00faltimo paso es finalizar todo y aplicar el efecto usando Rainmeter. Estos son los pasos para hacer lo mismo:<\/p>\n
      \n
    1. \n
      Abra su ventana Administrar Rainmeter abriendo el caj\u00f3n de iconos de la barra de tareas y haciendo clic en el icono de Rainmeter.<\/p>\n<\/li>\n
    2. \n
      Haga clic en el bot\u00f3n Actualizar todo<\/strong> y ubique su carpeta Efecto Parallax.<\/p>\n
      \"C\u00f3mo<\/a>\n<\/li>\n
    3. \n
      Abra sus carpetas de fondo y paralaje reci\u00e9n creadas y cargue<\/strong> sus archivos .ini haciendo doble clic en ellos.<\/p>\n<\/li>\n
    4. \n
      Finalmente, marque Haga clic<\/strong> en la ventana Administrar Rainmeter para ambos archivos .ini y su efecto de paralaje deber\u00eda estar completo.<\/p>\n<\/li>\n<\/ol>\n
      La secuencia de comandos anterior permite un efecto sutil. Si desea que el efecto sea m\u00e1s dram\u00e1tico, reduzca el n\u00famero de par\u00e1metros presentes en el archivo Parallax.ini en 10 o 20 (no repita n\u00fameros ni incluya n\u00fameros por debajo de 0).<\/p>\n
      \"C\u00f3mo<\/a><\/p>\n
      Recuerde guardar su archivo .ini y actualizar su piel para activar el efecto. Si desea instalar nuestro fondo de paralaje de Bart, puede descargar el .rmskin de esta<\/a> publicaci\u00f3n de Deviantart .<\/p>\n
      Si bien Rainmeter es una herramienta incre\u00edble para los usuarios de Windows si tiene una Mac, as\u00ed es como puede cambiar el fondo de pantalla de su escritorio en una Mac<\/a>.<\/p>\n
      No te quedes con los fondos est\u00e1ticos<\/h2>\n
      Apegarse a fondos de pantalla est\u00e1ticos y sin movimiento est\u00e1 bien para algunos. Para otros, Rainmeter es una bendici\u00f3n. El programa parece ser ilimitado. Las m\u00e1scaras elegantes de Rainmeter se crean a diario para adaptarse a cualquier estilo de escritorio que desee.<\/p>\n
      El efecto de paralaje Rainmeter es solo una de las innovaciones m\u00e1s recientes en las m\u00e1scaras Rainmeter, y su uso solo se limita a su imaginaci\u00f3n.<\/p>\n
      Fuente de grabaci\u00f3n:  www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Si desea un fondo de escritorio animado en vivo, \u00a1busque Rainmeter! Aqu\u00ed le mostraremos c\u00f3mo crear un efecto de paralaje \u00fanico para su fondo de escritorio de Windows.<\/p>\n","protected":false},"author":1,"featured_media":237868,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2921],"tags":[3062],"class_list":["post-271597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ventanas","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/271597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=271597"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/271597\/revisions"}],"predecessor-version":[{"id":306180,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/271597\/revisions\/306180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/237868"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=271597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=271597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=271597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}