Como criar um fundo de tela de paralaxe com rainmeter

Rainmeter continua a ser o campeão em personalização do Windows porque os usuários continuam a encontrar maneiras criativas de usar o programa.

Uma inovação recente é o fundo de paralaxe. efeitos de paralaxe são uma maneira simples e impressionante para melhorar a aparência do seu fundo desktop. Eles também incorporam características live wallpaper.Faça a sua área de trabalho impressionante com um interativo Live WallpaperFaça a sua área de trabalho impressionante com um interativo Live WallpaperNada faz seu desktop destacam-se como um fundo interativo ao vivo. É também um dos maiores exercícios de personalizar a sua configuração do Windows. Nós vamos mostrar-lhe como fazê-lo facilmente com Rainmeter.consulte Mais informação

Vamos mostrar-lhe como você pode criar seu próprio papel de parede animado usando o efeito de paralaxe e Rainmeter.

O que é um efeito de paralaxe?

define Dictionary.com paralaxe Como:

“[T]ele aparente deslocamento de um objecto observado devido a uma alteração na posição do observador “.

Video: Construct 2 - Parallax Background - desKompliKa

Usando uma combinação de plugins e arquivos ini - os arquivos usados ​​pelo Rainmeter para carregar peles ou widgets em seu desktop - Rainmeter permite que o mouse para funcionar como uma câmara. Como seus movimentos do rato, as imagens mudam para criar um efeito 3D.

parallax_explained

resultados de boa aparência são fáceis de alcançar. Dito isto, é preciso uma boa dose de criatividade para alcançar resultados verdadeiramente espectaculares. Por exemplo, confira este tema Firewatch criado pelo usuário reddit / u / thefawxyone.

parallax_example

Palavra de advertência: Se você gostaria de criar, um exemplo de multi-camadas detalhada como o descrito acima, alguma experiência anterior com programas de design gráfico como o Photoshop (nossos idiotas guia para Photoshop) E GIMP (o nosso passo a passo GIMP) É necessário. Nós não irá mergulhar em como criar um fundo complexo com lançadores de programas ocultos e medidores VU. Nosso efeito de paralaxe vai conseguir um simples, mas impressionante, cenário de quatro camadas.Guia de um idiota para Photoshop, Parte 1: Fácil PhotoshopGuia de um idiota para Photoshop, Parte 1: Fácil PhotoshopÀ primeira vista Photoshop é confuso, mas você pode ser rapidamente em seu caminho para se tornar um guru Photoshop. Este é o nosso guia introdutório sobre como fazer funções básicas no Photoshop.consulte Mais informação

Partes do Parallax

Para usar este efeito, vamos passar por cima o conceito de camadas brevemente. Rainmeter atinge o efeito de paralaxe através da criação de várias camadas, as quais simulam um fundo completa.

Há duas partes essenciais para a Parallax efeito-o primeiro plano, e a fundo. O primeiro plano é composto de vários arquivos de imagem .png, que vão do menor ao maior. As imagens maiores irá mover mais do que as imagens menores. Isso simula a profundidade de campo em seu desktop. Os arquivos de imagem deve estar em formato .png transparente, que remove fundos brancos a partir de suas imagens.JPEG, GIF ou PNG? Imagem Filetypes explicado e TestadoJPEG, GIF ou PNG? Imagem Filetypes explicado e TestadoSabe as diferenças entre JPEGs, GIFs, PNGs e outros tipos de arquivos de imagem? Sabe quando você deve usar um em vez do outro? Não temas, MakeUseOf explica tudo!consulte Mais informação

Escolher as peças

I vai simular uma Bart caindo de Os Simpsons usando o efeito de paralaxe. Três tipos de imagem são necessários para o efeito: a Bart caindo, algumas nuvens particulares ao estilo cartoon de Os Simpsons, e um fundo do céu.

Crie uma pasta no seu desktop chamada fonte de paralaxe para salvar seus arquivos de imagem. Isto tornará mais fácil adicionar suas imagens para Rainmeter. Através pesquisa do Google, Eu encontrei uma imagem .png de cair Bart. Você pode ter que criar uma imagem .png transparente a si mesmo.Como fazer bom uso de operadores de pesquisa do GoogleComo fazer bom uso de operadores de pesquisa do GoogleCom os operadores, você é capaz de exibir os resultados que dizem respeito apenas a determinados sites, pesquisar um intervalo de números, ou mesmo completamente excluir uma palavra de seus resultados. Quando você dominar o uso do Google de ...consulte Mais informação

bart_falling

Em seguida, eu vou precisar de imagens de nuvens e fundo. Lembre-se, cada elemento deve estar presente em seu próprio arquivo .png. Eu encontrei esta imagem de nuvens no clássico de Simpson estilo on-line:

nuvens

Eu continuei a separar algumas das nuvens com Photoshop e criar arquivos de imagem separados para as três nuvens proeminentes. Para o fundo, eu levei amostras de cores de tons inferiores e superiores do azul na imagem original e criei o meu próprio gradiente. No total, cinco arquivos de imagem será utilizada, incluindo o fundo.Breve 3-Color CSS3 Gradient Generator: Crie facilmente Linear & radial GradientsBreve 3-Color CSS3 Gradient Generator: Crie facilmente Linear & radial Gradientsconsulte Mais informação

Nome do seu fundo background.png e nomear as imagens que você está usando para o seu paralaxe como paralaxe [x] .png. o [X] corresponde ao nível de camada, a partir de 0. A imagem mais pequena deve ser intitulado parallax0.png, o segundo menor, parallax1.png, e assim por diante. Isto é o que a pasta deve ser parecido:

files_in_folders

Posicionando as peças

Agora, posicione seus arquivos .png de acordo com a resolução do desktop. Verifique a sua resolução desktop Botão direito do mouse seu desktop e selecionando Configurações do visor. Clique em configurações avançadas de visualização e selecione o Recomendado configurações em Resolução. Estes dois números correspondem aos pixels de largura e altura do seu monitor.Gráficos Resoluções de Apresentação - O que os números significam? [MakeUseOf Explica]Gráficos Resoluções de Apresentação - O que os números significam? [MakeUseOf Explica]resoluções de tela pode ser um negócio bastante enigmática, com vários padrões utilizados para descrever a mesma resolução da tela em 10 maneiras diferentes. Todos esses termos técnicos tendem a mudar com base na finalidade da tela ...consulte Mais informação

Criar um documento transparente do tamanho da sua resolução do monitor com um adicional de 100 pixels para o seu comprimento e largura. Soltar os arquivos para este quadro e orientar as imagens a seu gosto.

resolution_and_transparency



A maneira como você orientar suas imagens aqui é a maneira que você vai vê-los em seu fundo. Uma vez que você atender todas as suas imagens em seu quadro, prosseguir com a criação de seus arquivos ini.

Rainmeter Pasta Disposição

No diretório C: Users Rosebud Documents Rainmeter Skins criar uma nova pasta chamada Efeito Parallax.

Video: Parallax (profundidade e movimento do cenário) - Vídeo Aula - Unity 2D - Criando um jogo 2D

Nesta pasta, criar mais três pastas e nomeá-los: @Recursos, fundo, e Paralaxe. A pasta @Resources vai realizar todas as suas imagens, a pasta fundo irá realizar o seu arquivo Background.ini para ativar seu fundo, ea pasta Parallax irá realizar o seu arquivo Parallax.ini para activar as suas imagens de paralaxe.

folder_layout

Abra o @Recursos pasta e crie uma pasta chamada imagens. Adicione seu arquivo background.png para este diretório. Adicionar outra pasta para este diretório, e nomeá-la após o seu efeito de paralaxe. Eu nomeei meu Bart. Adicione a sua paralaxe [X] .png imagens para esta pasta. Sua pasta Imagens de agora deve ser semelhante a este.

images_folder

Isso é tudo para arquivos de imagem. Agora, você pode começar a alcançar o efeito de paralaxe. No diretório raiz Parallax Effect (C: Users Rosebud Documentos Rainmeter Skins Parallax Effect) Criar um novo arquivo de texto. Digite o seguinte código para esta nova documentos.

[Variáveis] ThemeDisplayWidth = 1440ThemeDisplayHeight = 900

Nome este arquivo ParallaxSettings.inc, cuidando a extensão .inc. Este arquivo irá definir a resolução do seu paralaxe. Substitua 1440 e 900 com a sua própria resolução e salvar. Você também vai precisar de um simples plugin, que monitora seus movimentos do mouse para mover suas imagens de paralaxe. Baixe o .rmskin aqui para instalá-lo em Rainmeter automaticamente.

rainmeter_mousexy

Em seguida, abra a pasta de fundo. Botão direito do mouse dentro da pasta e selecione Novo gt; Documento de texto. Clique duas vezes neste documento para editar, e cole o seguinte script no arquivo.

[Rainmeter] Atualize = -1SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [variáveis] @ Include = # ROOTCONFIGPATH # ParallaxSettings.incP = # @ # Images / [fundo] Medidor = ImageSolidColor = 33,0,2,255W = # SCREENAREAWIDTH # H = # # SCREENAREAHEIGHT [Parallax0] Medidor = ImageImageName = # P # background.pngX = ((# SCREENAREAWIDTH # / 2) - ([Parallax0: W] / 2)) = Y = 1 0DynamicVariables

Salve o arquivo como Background.ini, garantir que você adicionou a extensão .ini. Em seguida, abra a pasta Parallax. Criar um documento de texto e cole o seguinte neste arquivo.

[Rainmeter] Atualize = 20SkinHeight = # ThemeDisplayHeight # SkinWidth = # ThemeDisplayWidth # [variáveis] @ Include = # ROOTCONFIGPATH # ParallaxSettings.incP = # @ # Images / Bart / paralaxe [MouseX] Medida = PluginPlugin = MouseXYDimension = X [MouseY] Medida = PluginPlugin = MouseXYDimension = Y [Parallax1] Medidor = ImageImageName = # P # 0.pngX = (((# SCREENAREAWIDTH # / 2) - ([Parallax1: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 80)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 80)) DynamicVariables = 1 [Parallax2] Medidor = ImageImageName = # P # 1.pngX = ((( # SCREENAREAWIDTH # / 2) - ([Parallax2: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 60)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 60)) DynamicVariables = 1 [Parallax3] Medidor = ImageImageName = # P # 2.pngX = (((# SCREENAREAWIDTH # / 2) - ([Parallax3: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 30)) Y = (0 - (([MouseY] - # SCREENAREAHEIGHT # / 2) / 30)) DynamicVariables = 1 [Parallax4] Medidor = ImageImageName = # P # 3.pngX = (((# SCREENAREAWIDTH # / 2) - ([Parallax4: W] / 2)) - (([MouseX] - (# SCREENAREAWIDTH # / 2)) / 20)) Y = = 1 5DynamicVariables

Você deve alterar o P variável sob a sua [Variáveis] parâmetro para o título de sua pasta de imagens paralaxe. Meu variável P é # @ # Images / Bart / paralaxe, por exemplo. Apenas alterar o título meio, e manter o resto do mesmo.

bart_parallax

O resultado

Abre o teu Gerenciar Rainmeter janela abrindo sua gaveta ícone da barra de tarefas e clicando no ícone Rainmeter. Clique no atualizar todos botão e localize a pasta Parallax Effect. Abra os recém-criados pastas de fundo e Parallax e Carga seus arquivos ini clicando duas vezes-los. Por último, verifique Clique através na janela Gerenciar Rainmeter para ambos os arquivos .ini e seu efeito de paralaxe deve ser completa.

bart_parallax

O script acima permite um efeito sutil. Se você gostaria de fazer o efeito mais dramático, diminuir os parâmetros do número presentes no arquivo Parallax.ini por 10 ou 20 (não repetir os números ou incluir números abaixo de 0).

parallax_percentage

Lembre-se de salvar o arquivo ini e refrescar a sua pele para decretar o efeito.

Não ficar com estática

Furar a wallpapers estáticos, não-movimento é bom para alguns. Para outros, Rainmeter é uma bênção. O programa parece não ter limites. peles Rainmeter elegantes são criados diariamente para atender qualquer estilo de desktop que você deseja. O efeito de paralaxe Rainmeter é apenas um dos mais recente inovação em peles Rainmeter, e seu uso apenas se limita a sua imaginação.O Melhor Rainmeter Skins para um desktop minimalistaO Melhor Rainmeter Skins para um desktop minimalistaRainmeter é uma ferramenta de poder para personalizar o Windows com peles e suites. Reunimos o melhor Rainmeter tem a oferecer para um desktop do Windows impressionante e minimalista.consulte Mais informação

Um agradecimento especial ao Reddit usuário / u / thefawxyone, cujo trabalho criativo desde que os backbones para o layout da pasta e arquivos .ini utilizado. Se você gostaria de instalar o meu fundo de paralaxe Bart, baixar o .rmskin aqui.

Que outros efeitos que gostaria de ver ou usar com Rainmeter? Deixe-nos saber nos comentários abaixo!


Artigos relacionados