PCWindows

Cara Membuat Background Desktop Paralaks Dengan Rainmeter

Rainmeter tetap menjadi juara dalam kustomisasi Windows karena pengguna terus menemukan cara kreatif untuk menggunakan program ini.

Salah satu inovasi terbaru adalah latar belakang paralaks. Efek paralaks adalah cara sederhana dan mengesankan untuk meningkatkan tampilan latar desktop Anda. Mereka juga memasukkan fitur wallpaper hidup.

Biarkan kami menunjukkan kepada Anda bagaimana cara Anda dapat membuat wallpaper desktop animasi Anda sendiri menggunakan efek paralaks dan Rainmeter.

Apa itu Efek Paralaks?


Sebelum masuk lebih dalam, mari kita simak dulu apa itu Efek Paralaks.

kbbi.web.id mendefinisikan paralaks sebagai:

“Perubahan semu pada arah suatu benda, yang disebabkan oleh perubahan letak pemandang”

Menggunakan kombinasi plugins dan file .ini – file yang digunakan oleh Rainmeter untuk memuat skin atau widget ke desktop Anda – Rainmeter memungkinkan mouse Anda untuk bertindak sebagai kamera. Saat mouse Anda bergerak, gambar Anda bergeser untuk menciptakan efek 3D.

Paralaks adalah

Hasil yang terlihat bagus mudah dicapai. Oleh karena itu, dibutuhkan kreativitas yang adil untuk mencapai hasil yang benar-benar spektakuler. Misalnya, lihat tema Firewatch ini yang dibuat oleh pengguna reddit /u/thefawxyone.

Contoh paralaks - Firewatch

Kata peringatan: Jika Anda ingin membuat contoh terperinci dan berlapis-lapis seperti yang di atas, diperlukan beberapa pengalaman sebelumnya dengan program desain grafis seperti Photoshop dan GIMP. Kami tidak akan mempelajari cara membuat latar belakang yang kompleks dengan peluncur program tersembunyi dan VU meter. Efek paralaks kami akan mencapai latar belakang empat lapis yang sederhana namun mengesankan.

Bagian dari Parallax


Untuk menggunakan efek ini, mari kita membahas konsep lapisan secara singkat. Rainmeter mencapai efek paralaks dengan membuat beberapa lapisan, yang mensimulasikan satu latar belakang lengkap.

Ada dua bagian penting untuk efek Parallax; latar depan (Foreground), dan latar belakang (Background). Foreground terdiri dari beberapa file gambar .png, mulai dari yang terkecil hingga yang terbesar. Gambar yang lebih besar akan bergerak lebih banyak daripada gambar yang lebih kecil. Ini mensimulasikan kedalaman bidang pada desktop Anda. File gambar harus dalam format .png transparan, yang menghilangkan latar belakang putih dari gambar Anda.

Memilih Bagian

Saya akan mensimulasikan Bart jatuh dari The Simpsons menggunakan efek paralaks. Tiga jenis gambar diperlukan untuk efek: Bart yang jatuh, beberapa awan khusus untuk gaya kartun The Simpsons, dan latar belakang langit.

Buat folder di desktop Anda bernama parallax source untuk menyimpan file gambar Anda. Ini akan membuatnya lebih mudah untuk menambahkan gambar Anda ke Rainmeter. Melalui pencarian Google, saya menemukan gambar .png dari Bart yang jatuh. Anda mungkin harus membuat gambar .png transparan sendiri.

Bart jatuh

Selanjutnya, saya akan membutuhkan gambar awan dan latar belakang. Ingat, setiap elemen harus ada dalam file .png sendiri. Saya menemukan gambar awan ini dalam gaya Simpson klasik online:

Awan-awan

Selanjutnya saya memisahkan beberapa cloud dengan Photoshop dan membuat file gambar terpisah untuk tiga awan yang menonjol. Sebagai latar belakang, saya mengambil sampel warna bagian bawah dan atas warna biru pada gambar asli dan membuat gradien saya sendiri. Secara total, lima file gambar akan digunakan, termasuk latar belakang.

Latar belakang Anda beri nama background.png dan beri nama gambar yang Anda gunakan untuk parallax Anda sebagai parallax[x].png.

[X] sesuai dengan level layer, mulai dari 0. Gambar terkecil harus berjudul parallax0.png, terkecil kedua, parallax1.png, dan seterusnya. Seperti inilah tampilan folder Anda:

Memposisikan Bagian

Sekarang, posisikan file .png Anda sesuai dengan resolusi desktop Anda. Periksa resolusi desktop Anda dengan mengklik kanan Desktop Anda dan memilih Display Settings.

Advanced display settings

Klik pada Advanced display settings dan lihat Desktop Resolution di bawah Display Information. Kedua angka ini sesuai dengan lebar piksel dan tinggi monitor layar Anda. Misal 1366 x 768, berarti lebar 1366 piksel dan tingginya 768 piksel.

Setelah mengetahui lebar dan tinggi layar monitor Anda, buatlah dokumen transparan seukuran resolusi monitor Anda dengan tambahan 100 piksel untuk panjang dan lebar Anda. Letakkan file Anda ke dalam bingkai ini dan arahkan gambar sesuai dengan keinginan Anda.

Resolution dan transparency

Cara Anda mengorientasikan gambar Anda di sini adalah cara Anda akan melihatnya di latar belakang Anda. Setelah Anda memasukkan semua gambar Anda ke dalam bingkai Anda, lanjutkan dengan membuat file .ini Anda.

Tata Letak Folder Rainmeter


Dalam direktori C:\Users\Rosebud\Documents\Rainmeter\Skins membuat folder baru bernama Parallax Effect.

Di folder ini, buat tiga folder lagi dan beri nama: @Resources, Background, dan Parallax. Folder @Resources akan menampung semua gambar Anda, folder Background akan menahan file “Background.ini” Anda untuk mengaktifkan latar belakang Anda, dan folder Parallax akan menahan file “Parallax.ini” Anda untuk mengaktifkan gambar paralaks Anda.

Tata letak folder

Buka folder @Resources dan buat folder bernama Images. Tambahkan file background.png Anda ke direktori ini. Tambahkan folder lain ke direktori ini, dan beri nama efek paralaks Anda. Di sini saya menamainya Bart. Tambahkan gambar parallax[x].png Anda ke folder ini. Folder Gambar Anda sekarang akan terlihat seperti ini.

Itu untuk file gambar. Sekarang, Anda dapat mulai mencapai efek paralaks. Dalam direktori root Efek Parallax (C:\Users\Rosebud\Documents\Rainmeter\Skins\Parallax Effect) buat file teks baru. Masukkan kode berikut ke dalam dokumen barunya.

[Variables]
ThemeDisplayWidth=1440
ThemeDisplayHeight=900

Namai filenya: ParallaxSettings.inc, tentukan ekstensi .inc. File ini akan menentukan resolusi paralaks Anda. Ganti 1440 dan 900 sesuai resolusi Anda sendiri dan simpan. Anda juga membutuhkan plugin sederhana, yang melacak pergerakan mouse Anda untuk memindahkan gambar paralaks Anda. Unduh .rmskin di sini untuk menginstalnya ke Rainmeter secara otomatis.

Rainmeter Mouse

Selanjutnya, buka folder Background Anda. Klik kanan di dalam folder dan pilih New > Text Document. Klik dua kali dokumennya untuk mengedit, dan rekatkan skrip berikut ke dalam file.

[Rainmeter]
Update=-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

Simpan filenya sebagai Background.ini, dan pastikan bahwa Anda telah menambahkan ekstensi .ini. Selanjutnya, buka folder Parallax Anda. Buat dokumen teks, dan rekatkan yang berikut ke dalam filenya.

[Rainmeter]
Update=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=(((#SCREENAREAWIDTH# / 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]-(#SCREENAREAWIDTH# / 2)) / 20))
Y=5
DynamicVariables=1

Anda harus mengubah variabel P di bawah parameter [Variables] Anda menjadi judul folder gambar parallax Anda. Misalnya, variabel P saya adalah #@#Images/Bart/parallax. Ubah saja judul tengah, dan biarkan sisanya tetap sama.

Paralaks Bart

Hasilnya


Buka jendela Manage Rainmeter Anda dengan membuka laci ikon taskbar dan mengklik ikon Rainmeter. Klik pada tombol Refresh all dan temukan folder Parallax Effect Anda. Buka folder Background dan Parallax yang baru dibuat dan Load untuk memuat file .ini Anda dengan mengklik dua kali. Terakhir, periksa Click through di jendela Manage Rainmeter untuk kedua file .ini dan efek paralaks Anda sekarang sudah lengkap.

Hasil: Bart jatuh dengan Efek Paralaks

Script di atas memungkinkan untuk efek yang halus. Jika Anda ingin membuat efek lebih dramatis, turunkan parameter angka yang ada di file Parallax.ini hingga 10 atau 20 (jangan ulangi angka atau sertakan angka di bawah 0).

Ingatlah untuk menyimpan file .ini Anda dan merefresh skin Anda untuk memberlakukan efeknya.

Jangan Tetap Dengan Statis


Menempel wallpaper statis yang tidak bergerak baik untuk sebagian orang. Bagi yang lain, Rainmeter adalah berkah. Program ini tampaknya tidak terbatas. Skin Rainmeter yang ramping dibuat setiap hari agar sesuai dengan gaya desktop apa pun yang Anda inginkan. Efek paralaks Rainmeter hanyalah salah satu inovasi terbaru dalam skin Rainmeter, dan penggunaannya hanya terbatas pada imajinasi Anda.

Baca juga: Skin Rainmeter Terbaik untuk Desktop Minimalis

Terima kasih khusus kepada pengguna Reddit /u/thefawxyone, yang karya kreatifnya menyediakan sebagian besar untuk tata letak folder dan file .ini yang digunakan. Jika Anda ingin menginstal latar belakang paralaks Bart tadi, unduh .rmskin di sini.

Jika Anda ingin kustomisasi Windows 10 secara lengkap, kami telah membuat Panduan Lengkap: Cara Menyesuaikan Windows 10 dan mungkin juga Anda tertarik dengan panduan kami yang lain tentang Cara Membuat Ubin Start Menu Khusus di Windows 10.

Artikel Terkait

Back to top button