Pelajari cara membuat wallpaper animasi yang memukau menggunakan Vector Paint di After Effects. Dari tekstur organik hingga komposisi abstrak yang hidup — lengkap untuk desktop dan perangkat mobile.
Wallpaper animasi telah menjadi tren yang terus berkembang. Baik di Android, iOS, maupun desktop Windows dan macOS, pengguna semakin menginginkan latar belakang yang hidup — bukan sekadar gambar statis. After Effects, dengan efek Vector Paint-nya, menawarkan pendekatan unik untuk membuatnya.
Berbeda dengan wallpaper animasi yang dibuat dari footage video atau particle system, Vector Paint menghasilkan gerakan yang organik dan hand-crafted. Setiap goresan kuas tercatat sebagai data vektor dengan informasi waktu, sehingga bisa diinterpolasi dengan mulus antar frame.
Hasilnya adalah wallpaper yang terasa seperti lukisan yang terus bergerak perlahan — sempurna untuk menciptakan suasana tenang di layar perangkat Anda sepanjang hari.
Contoh wallpaper animasi bergaya cat minyak
| Platform | Resolusi |
|---|---|
| Android (Wallpaper Engine) | 1080×2400 / 1440×3200 |
| iOS (Live Photo) | 1170×2532 / 1284×2778 |
| Windows (Wallpaper Engine) | 1920×1080 / 2560×1440 |
| macOS (Dynamic Desktop) | 2560×1600 / 3024×1964 |
Gunakan brush lembut dengan opacity rendah (20–40%) dan hardness 0%. Goreskan kuas besar secara mengalir dari satu sisi ke sisi lain. Tambahkan efek Turbulent Displace agar goresan terlihat bergelombang seperti cat air yang meresap di kertas.
Brush keras dengan ukuran bervariasi. Buat goresan tegas dan dinamis yang memotong diagonal melintasi layar. Cocok untuk wallpaper bertema energi, semangat, atau abstrak dramatis. Padukan dengan warna kontras tinggi.
Kuas sangat besar (200–500px) dengan opacity sangat rendah (5–15%). Warnai area luas perlahan. Hasilnya seperti kabut atau asap yang bergerak pelan — sempurna untuk wallpaper minimalis dan menenangkan di latar gelap.
Kombinasikan goresan Vector Paint dengan CC Particle World atau Fractal Noise sebagai lapisan tambahan. Goresan menjadi "pemandu" visual sementara partikel memberikan kilau dan kedalaman — ideal untuk wallpaper bertema kosmik atau fantasi.
Buat 3–4 layer Vector Paint dengan konten berbeda pada kedalaman Z yang berbeda. Saat kamera bergerak perlahan, layer depan bergerak lebih cepat dari layer belakang — menciptakan ilusi 3D yang menakjubkan untuk wallpaper dinamis.
Aktifkan switch 3D pada layer paint dan tambahkan keyframe rotasi perlahan (0,01°/frame). Goresan akan berputar sangat lambat menciptakan efek hipnotis. Tambahkan echo untuk membuat jejak gerakan yang memperindah wallpaper.
"Wallpaper terbaik adalah yang tak terasa — hadir tanpa mengganggu, hidup tanpa melelahkan"
— Prinsip Desain Latar Belakang
Buka After Effects, pilih Composition → New Composition. Atur resolusi sesuai target platform (misalnya 1080×1920 untuk wallpaper Android portrait). Set frame rate 30fps dan durasi 15 detik untuk loop pendek yang efisien.
Komposisi: 1080×1920 | 30fps | 15 detik
Nama: "Wallpaper_CatAir_v01"
Buat Solid Layer (Layer → New → Solid) sebagai kanvas. Pilih warna gelap sebagai dasar — #0a0a0a, #0d1117, atau warna navy gelap bekerja sangat baik. Ini menjadi latar belakang yang akan "dilukis" oleh Vector Paint.
Pilih solid layer, lalu buka Effect → Paint → Vector Paint. Di panel Effect Controls, atur pengaturan awal: Brush Size 60px, Brush Hardness 0% (untuk efek cat air), Opacity 30%, dan Color sesuai palet warna yang telah ditentukan.
Effect → Paint → Vector Paint
Brush Size: 60px | Hardness: 0% | Opacity: 30%
Color: #d97706 (amber) / #059669 (emerald)
Klik dan seret di panel Composition untuk mulai melukis. Buat goresan panjang yang mengalir — jangan terlalu pendek atau terputus-putus. Variasikan arah: beberapa horizontal, beberapa diagonal. Gunakan 2–3 warna berbeda untuk lapisan dasar. Targetkan sekitar 15–25 goresan total.
Perkecil brush (15–25px), naikkan opacity (50–70%), dan gunakan warna lebih terang. Tambahkan goresan-goresan tipis sebagai detail yang menarik perhatian — seperti percikan cahaya, garis halus, atau titik-titik kecil. Letakkan di area yang ingin menjadi fokus visual wallpaper.
Di pengaturan Vector Paint, ubah Playback Mode menjadi "Animate Strokes" agar goresan muncul secara bertahap. Atur Composite Paint ke "Only" agar hanya goresan yang terlihat. Sesuaikan durasi setiap goresan agar transisi terasa lembut dan perlahan.
Playback Mode: Animate Strokes
Composite Paint: Only
Durasi per goresan: 0.8–1.5 detik
Tambahkan beberapa efek untuk meningkatkan kualitas visual: Turbulent Displace (Amount: 15–25) untuk gerakan organik, Gaussian Blur (1–3px) untuk sedikit kelembutan, CC Vignette untuk fokus ke tengah, dan Noise (Amount: 3–5%) untuk tekstur film grain yang natural.
Kunci keberhasilan wallpaper animasi adalah loop yang tak terasa. Di frame terakhir, pastikan kondisi visual mendekati frame pertama. Gunakan expression loopOut("cycle") pada efek Turbulent Displace dan pastikan goresan Vector Paint tidak "menghilang" secara tiba-tiba di akhir durasi.
// Pada Turbulent Displace → Evolution:
loopOut("cycle");
// Pastikan frame akhir ≈ frame awal secara visual
Gunakan warna gelap dominan (dark wallpaper menghemat baterai OLED). Kurangi jumlah goresan Vector Paint menjadi 10–15 untuk loop sederhana. Hindari efek berat seperti Turbulent Displace jika targetnya adalah penghematan daya maksimal.
Kompres video dengan H.265 (HEVC) untuk mengurangi ukuran file hingga 50% dibanding H.264 tanpa penurunan kualitas yang signifikan. Untuk Wallpaper Engine, gunakan opsi "Trim" untuk menghilangkan frame duplikat di awal/akhir.
Cocok untuk wallpaper bernuansa hangat dan dramatis. Kombinasi ungu gelap dengan amber dan merah menciptakan kedalaman.
Nuansa hijau yang menenangkan. Sempurna untuk wallpaper bertema alam, ketenangan, dan produktivitas.
Biru tua ke cyan yang segar. Memberikan kesan tenang seperti kedalaman laut — ideal untuk wallpaper profesional.
Hitam-putih klasik yang elegan. Menghemat baterai OLED maksimal dan cocok untuk semua situasi.
// Terapkan pada Evolution → Turbulent Displace
loopOut("cycle");// Terapkan pada Opacity
var kecepatan = 0.3;
var amplitudo = 12;
var dasar = 75;
dasar + Math.sin(time * kecepatan * Math.PI * 2) * amplitudo;// Terapkan pada Brush Size
var freq = 1.2;
var amp = 15;
var ukuranDasar = 50;
ukuranDasar + (Math.sin(time * freq) * Math.cos(time * freq * 0.6)) * amp;// Terapkan pada Position kamera
var kecepatan = 0.5;
var jangkauan = 30;
var posX = value[0] + Math.sin(time * kecepatan) * jangkauan;
var posY = value[1] + Math.cos(time * kecepatan * 0.7) * jangkauan * 0.5;
[posX, posY, value[2]];Buka After Effects sekarang, terapkan Vector Paint, dan buat goresan pertamamu. Wallpaper terbaik adalah wallpaper yang kamu buat sendiri — unik, personal, dan tidak ada duanya.