{"id":271655,"date":"2022-11-25T13:24:00","date_gmt":"2022-11-25T10:24:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=271655"},"modified":"2025-03-14T21:19:07","modified_gmt":"2025-03-14T18:19:07","slug":"como-criar-um-fundo-de-area-de-trabalho-paralaxe-com-rainmeter","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/pt-pt\/como-criar-um-fundo-de-area-de-trabalho-paralaxe-com-rainmeter\/","title":{"rendered":"Como criar um fundo de \u00e1rea de trabalho paralaxe com Rainmeter"},"content":{"rendered":"\n

O Rainmeter continua sendo o campe\u00e3o da personaliza\u00e7\u00e3o do Windows porque os usu\u00e1rios continuam encontrando maneiras criativas de usar o programa.<\/p>\n

Uma inova\u00e7\u00e3o recente \u00e9 o fundo de paralaxe. Os efeitos de paralaxe s\u00e3o uma maneira simples e impressionante de melhorar a apar\u00eancia do plano de fundo da \u00e1rea de trabalho. Eles tamb\u00e9m incorporam recursos de papel de parede ao vivo.<\/p>\n

Vamos dar uma olhada em como voc\u00ea pode criar seu pr\u00f3prio papel de parede animado usando o efeito de paralaxe e Rainmeter.<\/p>\n

O que \u00e9 um efeito de paralaxe?<\/h2>\n

O Efeito Parallax \u00e9 quando um objeto parece diferente de dois pontos de vista diferentes. \u00c9 por isso que um efeito de paralaxe d\u00e1 a impress\u00e3o de profundidade \u00e0 medida que a tela \u00e9 rolada ou pairada por um usu\u00e1rio.<\/p>\n

Em geral, esse efeito \u00e9 implementado para aprimorar a experi\u00eancia do usu\u00e1rio em diferentes sites. E o Rainmeter torna bastante simples criar um efeito de paralaxe no plano de fundo da sua \u00e1rea de trabalho.<\/p>\n

Ele permite que voc\u00ea use o mouse como uma c\u00e2mera. Assim, suas fotos mudam no espa\u00e7o 3D conforme voc\u00ea move o mouse, criando um lindo papel de parede animado.<\/p>\n

Resultados de boa apar\u00eancia s\u00e3o f\u00e1ceis de alcan\u00e7ar usando Rainmeter. Dito isto, \u00e9 preciso muita criatividade para alcan\u00e7ar resultados verdadeiramente espetaculares.<\/p>\n

Se voc\u00ea deseja criar um efeito detalhado de v\u00e1rias camadas, \u00e9 necess\u00e1ria alguma experi\u00eancia anterior com programas de design gr\u00e1fico como o Photoshop. Nosso efeito de paralaxe alcan\u00e7ar\u00e1 um pano de fundo simples, mas impressionante, de quatro camadas.<\/p>\n

Partes da Paralaxe<\/h2>\n

Para usar este efeito, vamos falar brevemente sobre o conceito de camadas. Rainmeter consegue o efeito de paralaxe criando v\u00e1rias camadas, que simulam um fundo completo.<\/p>\n

Existem duas partes essenciais para o efeito Parallax; o primeiro plano<\/strong> e o fundo<\/strong>. O primeiro plano \u00e9 composto por v\u00e1rios arquivos de imagem PNG, variando do menor ao maior.<\/p>\n

Os arquivos de imagem devem estar no formato PNG transparente, que remove fundos brancos de suas imagens.<\/p>\n

Se voc\u00ea n\u00e3o \u00e9 um geek, recomendamos verificar nosso guia sobre como converter imagens para o formato PNG transparente<\/a>. Al\u00e9m disso, as imagens maiores se mover\u00e3o mais do que as imagens menores. Isso simula a profundidade de campo em sua \u00e1rea de trabalho.<\/p>\n

Escolhendo as pe\u00e7as<\/h3>\n

Para este guia, vamos simular um Bart caindo dos Simpsons usando o efeito de paralaxe. Tr\u00eas tipos de imagem s\u00e3o necess\u00e1rios para o efeito: um Bart caindo, algumas nuvens particulares ao estilo de desenho animado dos Simpsons e um fundo de c\u00e9u.<\/p>\n

Siga estas etapas para configurar algumas no\u00e7\u00f5es b\u00e1sicas do Rainmeter:<\/p>\n

    \n
  1. Crie uma pasta em sua \u00e1rea de trabalho chamada fonte de paralaxe<\/strong> para salvar seus arquivos de imagem. Isso tornar\u00e1 mais f\u00e1cil adicionar suas imagens ao Rainmeter.<\/li>\n
  2. Salve todos os arquivos que voc\u00ea reuniu para o plano de fundo da sua \u00e1rea de trabalho nessa pasta.<\/li>\n
  3. Nomeie seu plano de fundo background.png<\/strong> e nomeie as imagens que voc\u00ea est\u00e1 usando para sua paralaxe como parallax[x].png<\/strong>. O [x]<\/strong> corresponde ao n\u00edvel da camada, come\u00e7ando em 0.<\/li>\n<\/ol>\n

    A menor imagem deve ser intitulada parallax0.png, a segunda menor, parallax1.png, e assim por diante. Esta \u00e9 a apar\u00eancia da sua pasta:<\/p>\n

    \"Como<\/a><\/p>\n

    Posicionamento das pe\u00e7as<\/h3>\n

    Agora, posicione seus arquivos PNG de acordo com a resolu\u00e7\u00e3o da sua \u00e1rea de trabalho. Se voc\u00ea n\u00e3o sabe sobre a resolu\u00e7\u00e3o da sua \u00e1rea de trabalho, confira nosso guia para descobrir a resolu\u00e7\u00e3o da sua \u00e1rea de trabalho<\/a>.<\/p>\n

    Al\u00e9m disso, crie um documento transparente do tamanho da resolu\u00e7\u00e3o do seu monitor com 100 pixels adicionados ao seu comprimento e largura. Solte seus arquivos neste quadro e oriente as imagens ao seu gosto.<\/p>\n

    \"Como<\/a><\/p>\n

    A maneira como voc\u00ea orienta suas imagens aqui \u00e9 a maneira como voc\u00ea as ver\u00e1 em seu plano de fundo. Depois de encaixar todas as suas imagens no quadro, prossiga com a configura\u00e7\u00e3o do layout da pasta Rainmeter.<\/p>\n

    Layout da pasta Rainmeter<\/h2>\n

    Aqui vem a parte central desta configura\u00e7\u00e3o. Siga estas etapas cuidadosamente para evitar problemas ao criar o efeito de paralaxe:<\/p>\n

    1 Baixe a vers\u00e3o mais recente do Rainmeter em Rainmeter.net<\/a>.<\/p>\n

    2 No diret\u00f3rio C:UsersNameDocumentsRainmeterSkins<\/strong>, crie uma nova pasta chamada Parallax Effect<\/strong>.<\/p>\n

    \"Como<\/a><\/p>\n

    3 Nesta pasta, crie mais tr\u00eas pastas e nomeie-as: @Resources<\/strong>, Background<\/strong> e Parallax<\/strong>.<\/p>\n

    A pasta @Resources<\/strong> conter\u00e1 imagens, a pasta Background<\/strong> conter\u00e1 seu arquivo background.ini para ativar seu plano de fundo e a pasta Parallax \u00e9 para seu arquivo Parallax.ini.<\/strong><\/p>\n

    \"Como<\/a><\/p>\n

    4 Agora, abra a pasta @Resources<\/strong> e crie uma pasta chamada Imagens<\/strong>. Adicione seu arquivo background.png a este diret\u00f3rio.<\/p>\n

    5 Adicione outra pasta a este diret\u00f3rio e nomeie-a com o seu efeito de paralaxe. Chamamos a pasta de Bart<\/strong>. Adicione suas imagens parallax[x].png a esta pasta. Sua pasta de imagens agora deve ficar assim.<\/p>\n

    \"Como<\/a><\/p>\n

    Isso \u00e9 tudo para arquivos de imagem. Agora, voc\u00ea pode come\u00e7ar a obter o efeito de paralaxe.<\/p>\n

    6 No diret\u00f3rio raiz do efeito Parallax C:UsersNameDocumentsRainmeterSkinsParallax Effect, voc\u00ea deve criar um novo arquivo de texto.<\/strong> Insira o seguinte c\u00f3digo nesses novos documentos:<\/p>\n

    [Variables]ThemeDisplayWidth=1440ThemeDisplayHeight=900<\/code><\/pre>\n
    7 Lembre-se de nomear este arquivo ParallaxSettings.inc<\/strong> e manter a extens\u00e3o .inc. Este arquivo definir\u00e1 a resolu\u00e7\u00e3o de sua paralaxe. Substitua 1440 e 900 por sua pr\u00f3pria resolu\u00e7\u00e3o e salve.<\/p>\n
    Configurando o Plugin Necess\u00e1rio<\/h3>\n
    Precisamos de um plugin simples que rastreie os movimentos do cursor do mouse para mover suas imagens de paralaxe. Voc\u00ea pode baixar o plug-in deste post da comunidade Rainmeter<\/a>.<\/p>\n
    \"Como<\/a><\/p>\n
    Uma vez feito, siga as etapas abaixo para ajustar algumas configura\u00e7\u00f5es para sua configura\u00e7\u00e3o:<\/p>\n
    1 Abra sua pasta Background. Clique com o bot\u00e3o direito do mouse<\/strong> na pasta e selecione Novo > Documento de texto<\/strong>. Clique duas vezes neste documento para editar e cole o script a seguir no arquivo.<\/p>\n
    [Medidor de chuva]<\/p>\n
    Atualizar=-1<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Vari\u00e1veis]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Imagens\/<\/p>\n
    [Fundo]<\/p>\n
    Medidor=Imagem<\/p>\n
    SolidColor=33,0,2,255<\/p>\n
    W=#SCREENAREWIDTH#<\/p>\n
    H=#SCREENAREHEIGHT#<\/p>\n
    [Paralaxe0]<\/p>\n
    Medidor=Imagem<\/p>\n
    ImageName=#P#background.png<\/p>\n
    X=((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax0:W] \/ 2))<\/p>\n
    Y=0<\/p>\n
    Vari\u00e1veis \u200b\u200bDin\u00e2micas=1<\/p>\n
    2 Salve este arquivo como Background.ini<\/strong>, certificando-se de ter adicionado a extens\u00e3o .ini. Em seguida, abra sua pasta Parallax. Crie um documento de texto e cole o seguinte neste arquivo.<\/p>\n
    [Medidor de chuva]<\/p>\n
    Atualizar=20<\/p>\n
    SkinHeight=#ThemeDisplayHeight#<\/p>\n
    SkinWidth=#ThemeDisplayWidth#<\/p>\n
    [Vari\u00e1veis]<\/p>\n
    @Include=#ROOTCONFIGPATH#ParallaxSettings.inc<\/p>\n
    P=#@#Images\/Bart\/paralaxe<\/p>\n
    [MouseX]<\/p>\n
    Medir=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimens\u00e3o=X<\/p>\n
    [MouseY]<\/p>\n
    Medir=Plugin<\/p>\n
    Plugin=MouseXY<\/p>\n
    Dimens\u00e3o = Y<\/p>\n
    [Paralaxe1]<\/p>\n
    Medidor=Imagem<\/p>\n
    ImageName=#P#0.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax1:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 80))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 80))<\/p>\n
    Vari\u00e1veis \u200b\u200bDin\u00e2micas=1<\/p>\n
    [Paralaxe2]<\/p>\n
    Medidor=Imagem<\/p>\n
    ImageName=#P#1.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax2:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 60))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 60))<\/p>\n
    Vari\u00e1veis \u200b\u200bDin\u00e2micas=1<\/p>\n
    [Paralaxe3]<\/p>\n
    Medidor=Imagem<\/p>\n
    ImageName=#P#2.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax3:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 30))<\/p>\n
    Y=(0-(([MouseY]-#SCREENAREAHEIGHT# \/ 2) \/ 30))<\/p>\n
    Vari\u00e1veis \u200b\u200bDin\u00e2micas=1<\/p>\n
    [Paralaxe4]<\/p>\n
    Medidor=Imagem<\/p>\n
    ImageName=#P#3.png<\/p>\n
    X=(((#SCREENAREAWIDTH# \/ 2) \u2013 ([Parallax4:W] \/ 2))-(([MouseX]-(#SCREENAREAWIDTH# \/ 2)) \/ 20))<\/p>\n
    Y=5<\/p>\n
    Vari\u00e1veis \u200b\u200bDin\u00e2micas=1<\/p>\n
    Nota:<\/strong> Voc\u00ea deve alterar a vari\u00e1vel P<\/strong> em seu par\u00e2metro [Variables] para o t\u00edtulo de sua pasta de imagens de paralaxe.<\/strong> Nossa vari\u00e1vel P \u00e9 #@#Images\/Bart\/parallax<\/strong>, por exemplo. Altere apenas o t\u00edtulo do meio e mantenha o resto igual.<\/p>\n
    \"Como<\/a><\/p>\n
    Finalizando o efeito Parallax<\/h2>\n
    Agora, o \u00faltimo passo \u00e9 finalizar tudo e aplicar o efeito usando Rainmeter. Aqui est\u00e3o os passos para fazer o mesmo:<\/p>\n
      \n
    1. \n
      Abra a janela Gerenciar Rainmeter abrindo a gaveta de \u00edcones da barra de tarefas e clicando no \u00edcone Rainmeter.<\/p>\n<\/li>\n
    2. \n
      Clique no bot\u00e3o Atualizar tudo<\/strong> e localize a pasta do efeito Parallax.<\/p>\n
      \"Como<\/a>\n<\/li>\n
    3. \n
      Abra as pastas Background e Parallax rec\u00e9m-criadas e carregue<\/strong> seus arquivos .ini clicando duas vezes neles.<\/p>\n<\/li>\n
    4. \n
      Finalmente, marque para clicar<\/strong> na janela Manage Rainmeter para ambos os arquivos .ini e seu efeito de paralaxe deve estar completo.<\/p>\n<\/li>\n<\/ol>\n
      O script acima permite um efeito sutil. Se voc\u00ea quiser tornar o efeito mais dram\u00e1tico, diminua o n\u00famero de par\u00e2metros presentes no arquivo Parallax.ini em 10 ou 20 (n\u00e3o repita n\u00fameros ou inclua n\u00fameros abaixo de 0).<\/p>\n
      \"Como<\/a><\/p>\n
      Lembre-se de salvar seu arquivo .ini e atualizar sua skin para ativar o efeito. Se voc\u00ea quiser instalar nosso fundo de paralaxe Bart, voc\u00ea pode baixar o .rmskin deste post do Deviantart<\/a>.<\/p>\n
      Embora o Rainmeter seja uma ferramenta incr\u00edvel para usu\u00e1rios do Windows se voc\u00ea estiver em um Mac, veja como voc\u00ea pode alterar o papel de parede da \u00e1rea de trabalho em um Mac<\/a>.<\/p>\n
      N\u00e3o fique com fundos est\u00e1ticos<\/h2>\n
      Aderir a pap\u00e9is de parede est\u00e1ticos e sem movimento \u00e9 bom para alguns. Para outros, Rainmeter \u00e9 uma b\u00ean\u00e7\u00e3o. O programa parece ser ilimitado. As capas elegantes do Rainmeter s\u00e3o criadas diariamente para se adequar ao estilo de desktop que voc\u00ea deseja.<\/p>\n
      O efeito de paralaxe Rainmeter \u00e9 apenas uma das inova\u00e7\u00f5es mais recentes nas skins Rainmeter, e seu uso \u00e9 apenas confinado \u00e0 sua imagina\u00e7\u00e3o.<\/p>\n
      Fonte de grava\u00e7\u00e3o:  www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
      Se voc\u00ea deseja um papel de parede animado ao vivo, procure Rainmeter! Aqui, mostraremos como criar um efeito de paralaxe exclusivo para o plano de fundo da \u00e1rea de trabalho do 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":[2919],"tags":[3061],"class_list":["post-271655","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-janelas","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/271655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=271655"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/271655\/revisions"}],"predecessor-version":[{"id":313689,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/271655\/revisions\/313689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/237868"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=271655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=271655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=271655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}