Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects Training Course

Pendahuluan

Adobe Illustrator dan Adobe After Effects

• Aset dan komponen yang digunakan dalam Adobe Illustrator dan Adobe After Effects
• Lingkungan desain sistem di Adobe Illustrator dan Adobe After Effects

Ringkasan tentang Web Design

• UX vs UI
• Desain low-fidelity vs high-fidelity vs responsive mobile design

Persiapan Lingkungan Pengembangan

• Menginstal Adobe Illustrator
• Menginstal Adobe After Effects

Perencanaan dan Animasi dengan Adobe Illustrator

• Membuat sitemap
• Membuat wireframe low-fidelity
• Membuat wireframe high-fidelity
• Membuat wireframe mobile
• Mendesain dengan grid kolom
• Menggunakan template Illustrator
• Menambahkan warna dan font
• Menambahkan dan membersihkan gambar
• Menggunakan lapisan (layers)
• Membuat simbol dan ikon
• Menyelesaikan desain untuk aplikasi mobile responsif

Animasi dengan Adobe After Effects

• Mengimpor seni dari Adobe Illustrator
• Membuat komponen yang dapat digunakan ulang
• Membangun dashboard tile dan layar dashboard
• Menyelesaikan dashboard tile dan layar dashboard
• Menganimasikan elemen dan layar
• Membuat dan menambahkan animasi
• Menyelesaikan animasi
• Mengexport semua urutan akhir sebagai gif

Ringkasan dan Kesimpulan