Tutorial: Buat Logo Teranimasi

Mengubah logo statis menjadi animasi penangkap mata.

• • Waktu: * * 10 menit
• • Desculty: * * Intermediate

What You 'll Create

Sebuah logo dengan animasi pintu masuk dan gerakan yang sedang berlangsung.

Langkah 1: Atur Kanvas

1. Klik ukuran kanvas dropdown
2. Pilih * * Baku (800 × 600) * * atau ukuran yang disukai Anda
3. Atur warna latar belakang yang bertentangan dengan logo Anda

Langkah 2: Tambah Teks Logo Anda

Untuk tutorial ini, kami akan membuat logo berbasis teks.

1. Tekan T untuk Alat Teks
2. Ketik nama merek Anda (misalnya, “ACME”)
3. Set properti:
   • Ukuran Fonta: * * 96 * *
   • Warna Fonta: Warna merek Anda
4. Tengah pada kanvas

Langkah 3: Tambah Tagline (Opsional)

1. Tekan T lagi
2. Ketikkan garis tag Anda
3. Posisi di bawah logo utama
4. Set ukuran fonta lebih kecil (24- 36)

Langkah 4: Buat Animasi Masuk

Kami akan menggunakan keyframe untuk masuk profesional.

Entrance Logo Utama

1. Pilih teks logo utama
2. Panel Waktu Terbuka
3. Pada * * 0 detik * *:
   • Set Opasitas: * * 0 * *
   • Set Skala: * * 0.5 * *
4. Pada 0,5 detik
   • Set Opasitas: * * 1 * *
   • Set Skala: * * 1.0 * *
   • Set Easing: * * Ease Out * *

Entrance Tagline (Tertunda)

1. Pilih garis tag
2. Pada * * 0 detik * *:
   • Set Opasitas: * * 0 * *
   • Atur Posisi Y: * * + 20px * * (dibawah posisi akhir)
3. Pada 0,8 detik
   • Set Opasitas: * * 1 * *
   • Atur Posisi Y: posisi akhir
   • Set Easing: * * Ease Out * *

Langkah 5: Tambahkan Animasi Lingkaran Halus

Setelah pintu masuk, tambahkan animasi halus yang sedang berlangsung:

1. Pilih logo utama
2. Set Animation: * * Pulse * *
3. Set Kecepatan: * * 0.5 * * (sangat lambat)

Langkah 6: Tambah Efek Sparkle (Opsional)

1. Pilih logo utama
2. Klik * * Tambah Efek * *
3. Pilih * * Sparkle * *
4. Atur Warna untuk mencocokkan merek Anda
5. Set Kecepatan: * * 0.8 * *

Langkah 7: Pratilik dan Atur

1. Tekan Space untuk bermain
2. Atur waktu di Timeline jika diperlukan
3. Pastikan titik loop terlihat halus

Langkah 8: Ekspor

Untuk Situs Web

1. Ekspor sebagai SVG Teranimasi
2. Tempelkan pada header situs web Anda

Untuk Media Sosial

1. Ekspor sebagai * * MP4 * * (5 detik)
2. Atau * * GIF * * untuk platform otomatis-play

Pro Tips

Variabel

Masuk Minimal

Hanya memudar tanpa skala:

• uz: Opasitas 0
• 0.5s: Opasitas 1

Bounce Entrance

Merek Playful:

• Gunakan animasi Bounce
• Durasi pendek

Tipewriter Reveal

Logo berbasis teks:

• Terapkan animasi Tipewriter
• Ekspor sebagai MP4 (bukan SVG)

Langkah Berikutnya

• [Ekspor Opsi] (/exporting/overview) - Pilih format yang benar
• • Gunakan logo animasi Anda