Tipografi kinetik, pada intinya, adalah seni (dan teknik) menganimasikan teks dengan cara yang menghidupkannya, menambahkan gerakan pada huruf, kata, atau frasa untuk menyampaikan emosi, menceritakan kisah, atau menyampaikan pesan dengan cara yang menarik secara visual.
Awalnya, pengeditan teks hanya melibatkan memilih font, mengetik pesan, dan mungkin, menyesuaikan jenis, ukuran, dan warna font. Namun seiring berkembangnya alat dan konsep desain, pengeditan teks dasar telah berkembang menjadi kombinasi menarik antara teks, desain, dan animasi.
Contoh umum dari tipografi kinetik adalah judul film yang menari, melayang, atau berasal dari bentuk dan gambar, sehingga menciptakan pengalaman bahkan sebelum film dimulai. Anda dapat menggunakan alat pengeditan video seperti After Effects, untuk membuat efek tipografi kinetik umum seperti ini.
Artikel ini akan menunjukkan cara membuat teks kinetik di After Effects, beberapa preset yang dapat Anda gunakan, dan situs web populer di mana Anda dapat mengunduhnya.
Dalam artikel ini
Contoh Tipografi Kinetik
Dari komunikasi merek hingga hiburan dan pendidikan, efek tipografi kinetik telah menciptakan cara untuk membuat pesan teks menonjol. Kita dapat menemukan ini dalam pesan merek yang kita lihat setiap hari.
Ambil contoh Apple.
Apple menyampaikan niat perusahaan untuk menjadi netral karbon dengan kuat menggunakan tipografi kinetik. Teks kinetik, palet warna, dan visual yang kuat melakukan pekerjaan yang baik dalam menyampaikan pesan narator sambil beresonansi dengan identitas merek.
Burger King juga jelas memahami kekuatan teks kinetik dalam komunikasi merek.
Video rebranding mereka bermain-main dengan teks dan membawa penonton dengan sangat mulus. Teks kinetik menekankan seni dan kreativitas fundamental merek sambil menampilkan merek makanan sebagai menyenangkan dan lezat.
Cara Membuat Tipografi Kinetik Anda Sendiri di After Effects
Beberapa tren terbaru dengan animasi tipografi di After Effects melibatkan menghidupkan teks bersih menggunakan animasi halus, menggabungkan teks terdistorsi dengan efek visual, dan membuat teks 3D yang dapat dianimasikan dan dimanipulasi untuk menyampaikan lebih dari sekadar pesan.
Selain itu, merek telah mulai mengintegrasikan tipografi kinetik dengan grafis gerak untuk membuat konten merek media sosial, terutama di Instagram dan TikTok—langkah yang telah membantu beberapa merek menonjol dengan pesan merek mereka di pasar yang jenuh.
Ini menunjukkan betapa mudahnya Anda dapat membuat tipografi kinetik Anda sendiri dengan After Effects.
Metode 1: Blok Judul Ganda Dasar dengan Efek Ayunan
Metode ini melibatkan menganimasikan beberapa layer teks bersama-sama—untuk membuat blok teks kontras yang disebut blok judul—dan menambahkan efek ayunan pada mereka.
Langkah 1: Buat komposisi baru. Salin dan tempel elemen teks pertama Anda dan atur ke posisi pertamanya.
Langkah 2: Di menu drop-down Text Properties pilih Animate > Opacity.
Langkah 3: Di menu drop-down Range Selector menu drop-down, kurangi Opacity menjadi 0%. Buat keyframe pada timeline, di awal animasi, dan ubah Start menjadi 0%.
Langkah 4: Salin dan tempel elemen teks kedua ke komposisi dan atur pada posisi pertamanya. Pada layer pertama Anda, aktifkan keyframe Rotation, Position, dan Scale, kemudian pindahkan teks di layar ke posisi keduanya.
Langkah 5: Pilih layer teks kedua dan klik Animate > Tracking.
Langkah 6: Tambahkan keyframe ke nilai tracking; sesuaikan untuk mendapatkan hasil yang Anda inginkan.
Langkah 7: Tambahkan efek fade-in menggunakan Opacity option. Dengan cara ini, layer kedua Anda akan fade in pada waktu yang sama.
Langkah 8: Selanjutnya, tambahkan efek ayunan. Pergi ke Layer > New > Null.
Langkah 9: Menggunakan Whip dari dua layer teks Anda, lampirkan mereka ke layer Null. Ini akan memungkinkan Anda memposisikan ulang layer teks dengan memindahkan layer Null.
Langkah 10: Aktifkan opsi Position, Scale, dan Rotation di layer Null dan tambahkan keyframe saat Anda menyesuaikan pengaturan yang berbeda. Pindahkan layer Null ke posisi baru.
Langkah 11: Salin dan tempel layer teks terakhir Anda. Pergi ke Animate > Position.
Langkah 12: Menggunakan Range Selector opsi menu, pindahkan teks ke bawah layar. Klik Animate > Opacity dan sesuaikan sesuai keinginan Anda. Gunakan menu Advanced untuk memilih apakah akan menganimasikan karakter, kata, atau baris teks.
Metode 2: Animasi Kolom Tipografi Kinetik
Langkah 1: Pertama, animasikan judul Anda. Buat layer teks dengan kata pertama Anda. Klik Animate > Tracking.
Langkah 2: Tambahkan keyframe pada titik animasi pertama Anda, tergantung pada kecepatan Anda. Bergerak sepanjang timeline dan sesuaikan nilai tracking sesuai keinginan Anda.
Langkah 3: Pilih layer teks timeline, pergi ke Edit > Split Layer. Di sini, Anda dapat mengubah layer tile baru menjadi kata kedua Anda.
Langkah 4: Pilih layer teks kedua. Klik "U" pada keyboard Anda untuk melihat keyframe yang Anda tempatkan. Posisikan ulang keyframe dengan memindahkan keyframe pertama melewati yang kedua. Dengan cara ini, efek tracking dibalik.
Langkah 5: Pilih kedua layer teks dan buat compound clip; pangkas ujung clip gabungan, jika perlu. Duplikat compound clip dan posisikan sehingga diputar segera setelah yang pertama.
Langkah 6: Balikkan clip kedua sehingga diputar dalam loop kontinu. Klik kanan pada layer teks dan pilih Time > Time Reverse Layer. Ini akan memungkinkan Anda menduplikasi layer agar sesuai dengan panjang urutan. Ingat urutannya—clip, reverse clip, clip, reverse clip.
Langkah 7: Pilih semua layer dan buat compound clip tunggal. Anda akan memiliki layer tunggal dengan animasi looping panjang penuh.
Langkah 8: Untuk membuat efek kolom, duplikat layer dan duplikat sebanyak yang Anda inginkan.
Buat Animasi Tipografi dengan After Effects
Adobe After effects adalah alat utama dalam hal bermain-main dengan animasi, khususnya animasi teks. Ini memiliki fitur ekstensif yang memungkinkan Anda berkreasi dan merancang tipografi kinetik dari awal menggunakan teknik yang berbeda.
Berikut adalah animasi teks kinetik umum di After Effects yang dapat Anda buat dan replikasi untuk proyek kreatif Anda. Maksud saya, Anda tidak akan pernah salah dengan banyak pilihan!
10 Efek Tipografi Kinetik untuk Animasi Teks di After Effects
-
Bayangan teks
Bayangan teks menambahkan teks dan dimensi pada tipografi Anda. Anda dapat menganimasikan bayangan untuk bergeser, bertambah, atau berkurang saat teks bergerak di layar.
-
Teks tulisan tangan
Animasi tipografi tulisan tangan dengan After Effects meniru teks tulisan tangan. Ini menggunakan goresan dan lapisan matte untuk menciptakan tipografi unik yang cocok untuk video penjelasan. Berikut cara melakukannya.
-
Teks halus
Efek After Effect animasi tipografi ini halus dan fokus pada gerakan fluida yang mulus. Yang perlu Anda lakukan adalah menambahkan teks terlebih dahulu, dan bermain-main dengan pengaturan teks seperti blur, rotate slide, glide, warna teks, dan sebagainya.
-
Ekstrusi 3D
Font 3D sangat serbaguna sehingga dapat dimodifikasi dengan menambahkan gradien ekstrusi dan bevel. Ini membuatnya lebih menarik, dan menambah lebih banyak kedalaman pada teks. Begini cara melakukannya.
-
Mengintegrasikan bentuk dalam teks
Efek tipografi After Effects ini melibatkan penggabungan bentuk dengan animasi teks Anda. Di sini, Anda perlahan mengungkapkan font, membangun ketegangan dan membuat pemirsa bersemangat. Efek ini bekerja dengan baik dengan font, warna, atau bentuk apa pun.
-
Teks cair
Fluiditas teks cair menambah keserbagunaan tipografi After Effects ini. Anda dapat membuat efek gelembung, bentuk gelombang, atau gerakan seperti air dengan font pilihan Anda. Ikuti langkah-langkah dalam video ini untuk mereplikasi.
-
Teks bergetar
'Efek gugup', sebagaimana biasa disebut, dapat digunakan untuk membuat efek gaya hipster untuk klip film horor dan trailer. Berikut cara membuat teks bergetar.
-
Efek Kinetik 3D
Ubah teks 2D Anda menjadi teks 3D kinetik dengan bermain-main dengan rotasi, layer snap, dan efek lainnya.
-
Menggabungkan tekstur ke dalam teks
Tambahkan tekstur, sisipkan karakter, dan tingkatkan teks biasa untuk meningkatkan sentuhan estetika.
-
Transisi halus dari titik ke huruf
Efek tipografi kinetik ini menganimasikan titik-titik dengan halus untuk menciptakan animasi teks dinamis yang membuat pemirsa Anda mengantisipasi apa yang akan muncul selanjutnya. Video yang menggunakan tipografi kinetik ini memiliki tingkat retensi yang lebih baik. Berikut cara melakukannya.
Preset Tipografi Kinetik untuk Adobe Effects
Meskipun ada banyak kesenangan dan kreativitas dalam membuat efek animasi tipografi dari awal, menggunakan preset di After Effects bisa lebih mudah dan menyederhanakan proses editing Anda. Beberapa situs web di mana Anda bisa mendapatkan template tipografi kinetik termasuk Envato Elements dan Motion Array. Anda dapat mengunduh judul animasi seperti animasi judul Typoking teks tipografi kinetik di Videohive.
Bonus: Cara Lebih Mudah Membuat Tipografi Kinetik di Filmora
Wondershare Filmora adalah perangkat lunak pengeditan video yang memungkinkan Anda membuat animasi teks yang menarik. Dengan alat pengeditan foto terintegrasi dan alat manipulasi teks, Filmora membuat animasi teks Anda menonjol dan tampak lebih hidup.
- Animasikan teks dengan mudah menggunakan berbagai efek preset.
- Impor dan gunakan font unik untuk desain kreatif.
- Sesuaikan waktu dan gerakan dengan presisi keyframe.
- Sinkronkan gerakan teks dengan elemen video secara mulus.
- Selaraskan animasi teks dengan audio untuk dampak maksimal.
Langkah-langkah Membuat Tipografi Kinetik dengan Filmora
Langkah 1: Buka Media > Project Media > Sample Color pada toolbar. Seret warna pilihan Anda ke timeline.
Langkah 2: Buka tab Titles. Seret template Basic Title dan letakkan di atas klip Sample Color pada timeline.
Langkah 3: Klik kanan pada klip judul di timeline dan pilih Edit Properties dari daftar opsi. Klik pada Advanced. Di sini, Anda dapat mengubah jenis dan ukuran font sesuai kebutuhan Anda.
Langkah 4: Pada timeline, mulai dari layer kedua dan gerakkan setiap layer teks 5 frame ke depan dari layer sebelumnya. Ini akan menampilkan setiap kata beberapa milidetik setelah kata kedua. Klik Ok.
Langkah 5: Ekspor timeline dan simpan animasi teks Anda sebagai klip baru. Kemudian hapus semua klip dari timeline dan impor video teks yang baru saja Anda ekspor. Seret ke timeline.
Langkah 6: Klik kanan pada klip di timeline dan pilih Edit Properties.
Langkah 7: Klik pada Animation > Customize pada toolbar. Sesuaikan pengaturan Scale menjadi 120%.
Langkah 8: Gerakkan playhead ke akhir klip pada timeline. Reset Scale dan klik Ok.
Kesimpulan
Tipografi kinetik adalah cara yang menyenangkan dan kreatif untuk mengubah video Anda. Ikuti langkah-langkah yang diberikan dalam artikel ini untuk membuat teks kinetik dengan After Effects. Juga, jelajahi beberapa template efek animasi tipografi after effects gratis dari salah satu situs web yang diberikan. Atau lebih baik lagi, nikmati proses editing yang efisien dan template bawaan di Filmora.
