oleh 
Tonton tutorialnya
Langkah 1: Gambar bentuk notifikasi
Pilih Rectangle Tool di toolbar, lalu klik dan seret di Program Monitor untuk membuat bentuk persegi panjang. Letakkan di bagian atas layar dan ratakan ke tengah. Agar mudah, tahan Ctrl (Cmd di Mac) saat menyeret, dan bentuknya akan menempel ke tengah.
Sekarang buka panel Essential Graphics. Naikkan Roundness menjadi sekitar 70 untuk mendapatkan tampilan membulat khas iPhone. Lalu, di bawah Appearance, ubah warna Fill menjadi abu-abu muda.
Langkah 2: Tambahkan ikon aplikasi
Seret gambar ikon aplikasimu dari panel Project ke timeline, di atas layer bentuk. Dengan layer ikon terpilih, buka Effect Controls dan ubah Scale serta Position sampai ikon berada di kiri atas bentuk. Perbesar dengan roda scroll di Program Monitor untuk penyesuaian yang halus.
Lebih cepat dengan QuickPaste: salin gambar dan tempel langsung ke timeline dengan satu pintasan, tanpa perlu menyimpan dan mengimpor file terlebih dahulu. Lihat QuickPaste
Langkah 3: Tambahkan teks
Pilih Type Tool (tekan T), klik di layar dan ketik nama aplikasi. Beralih ke Selection Tool, lalu di Essential Graphics ubah fontnya. Apple memakai SF Pro Display untuk nama aplikasi dengan ketebalan reguler. Pastikan perataan teks diatur ke kiri dan atur fill ke abu-abu gelap. Geser teks agar sejajar kira-kira dengan tengah ikon aplikasi.
Untuk menambahkan waktu, tahan Alt (Option di Mac) dan seret layer nama aplikasi satu track ke atas untuk menduplikasinya. Ubah perataan ke kanan, pindahkan ke sisi kanan bentuk, lalu klik dua kali untuk mengetik now, atau waktu apa pun yang kamu suka.
Untuk pengirim, tekan T lagi, klik dan ketik namanya. Pilih teksnya (Ctrl+A), ubah font menjadi tebal dan fill menjadi hitam penuh. Perkecil dan letakkan di bawah nama aplikasi, sejajar dengan ikon. Terakhir, duplikasi layer pengirim dengan Alt atau Option, seret satu track ke atas, tahan Shift saat menyeretnya lurus ke bawah, atur jenis teks ke reguler dan ketik pesanmu. Untuk sentuhan ekstra, pilih layer bentuk dan turunkan sedikit Opacity-nya agar kotaknya sedikit transparan.
Langkah 4: Nest semuanya dan animasikan geserannya
Tahan Shift dan klik untuk memilih semua layer, lalu klik kanan dan pilih Nest. Klik OK. Buka panel Effects, cari Transform, dan terapkan ke sequence yang di-nest.
Di Effect Controls, pastikan playhead berada di awal klip, lalu klik stopwatch di samping Position untuk membuat keyframe. Geser keyframe ini maju sekitar satu detik. Dengan begitu, animasi berakhir dengan notifikasi di posisi normalnya. Lalu pergi ke keyframe pertama dan ubah nilai Position agar notifikasi tersembunyi di atas layar. Itu memberimu animasi geser masuk yang sederhana.
Untuk menganimasikannya keluar lagi, pindah ke sekitar detik kedua dan buat keyframe untuk nilai saat ini. Maju satu detik dan ubah posisinya agar notifikasi kembali berada di luar layar.
Langkah 5: Haluskan dengan easing dan motion blur
Pilih semua keyframe, klik kanan, pilih Temporal Interpolation, lalu pilih Ease In. Ulangi dan pilih Ease Out.
Lebih halus dengan EaseFlow: pilih keyframe dan terapkan kurva easing sungguhan dengan satu klik, bukan klik kanan menelusuri menu dan menyeret handle. Lihat EaseFlow
Untuk kontrol lebih, buka panah di samping Position, lalu klik sebuah keyframe untuk menampilkan handle-nya. Seret handle kanan ke kiri agar animasi cepat di awal dan lebih lambat menjelang akhir. Lakukan kebalikannya untuk keyframe di bagian akhir, sehingga keluarnya lambat di awal dan lebih cepat di akhir.
Karena kamu memakai efek Transform, kamu juga bisa menambahkan motion blur: naikkan Shutter Angle menjadi 360.
Tips
- Pakai latar gelap untuk pratinjau. Banner abu-abu muda lebih mudah dinilai di atas warna hitam atau video yang gelap.
- Perbesar untuk perataan. Scroll di Program Monitor agar kamu bisa meratakan teks dan ikon dengan presisi.
- Ubah teks sekali saja. Karena semuanya di-nest, kamu bisa menduplikasi nest dan mengganti pesannya untuk membuat serangkaian notifikasi.
FAQ
Bagaimana cara membuat notifikasi menjadi membulat?
Pilih layer bentuk dan naikkan Roundness di panel Essential Graphics. Nilai sekitar 70 memberi tampilan iPhone.
Mengapa saya perlu me-nest layer?
Nesting mengubah bentuk, ikon, dan teks menjadi satu klip, sehingga kamu hanya perlu menganimasikan satu layer, bukan setiap layer secara terpisah.
Bisakah saya memakai ini untuk aplikasi lain?
Bisa. Ganti ikon, nama aplikasi, pengirim, dan pesannya, dan animasinya bekerja dengan cara yang sama untuk gaya aplikasi pesan atau media sosial apa pun.
Ingin melewati proses pembuatan? Dapatkan MOGRT animasi notifikasi yang sudah jadi dan cukup ketik teksmu sendiri.
