Animasi peta di After Effects: tempat, rute, dan pin, dibuat sebagai layer
Animasi peta di After Effects terdiri dari tiga hal: peta, rute atau pin yang bergerak di atasnya, dan kamera. After Effects tidak punya data peta sendiri, jadi Anda menyusun peta secara manual atau memakai tool yang mengambil datanya. Map rigs di mouzeclick workspace mencari tempat, menggambar outline, rute, dan pin sebagai layer, lalu membangun comp-nya, di Windows.
- Map rigs: cari tempat, pilih tampilan, tambahkan rute, pin, label, dan gerakan kamera, lalu Create Map in After Effects
- Rute great-circle atau lurus, routing jalan raya dengan mobil, sepeda, atau jalan kaki, serta data yang digambar sebagai wilayah, gelembung, busur aliran, heat map, atau spike
- 47 peta dasar dalam sembilan grup, enam preset gaya, sembilan gerakan kamera, dan label dalam 15 bahasa
- Impor GeoJSON, TopoJSON, KML, KMZ, GPX, TCX, CSV, TSV, TXT, WKT, dan Shapefile dalam zip
- Citra peta dimuat secara online. Workspace hanya untuk Windows; globe 3D mouzelayer berjalan di Windows dan Mac
Bagaimana cara membuat animasi peta di After Effects?
Tumpuk peta, taruh bagian yang bergerak di atasnya, lalu bingkai dengan kamera. Praktiknya, itu empat lapis pekerjaan.
- Peta. Satelit, terrain, atau peta datar bergaya, dibuat lebih besar dari comp supaya kamera punya ruang untuk bergerak.
- Rute. Path dari A ke B di shape layer, yang muncul seiring waktu.
- Pin dan label. Penanda dan nama yang tetap menempel di kotanya saat peta bergerak.
- Kamera. Push in, pull out, atau fly-along yang mengikuti rute.
Pertanyaannya, dari mana peta dan data geografinya. After Effects tidak menyertakannya, jadi Anda memasukkan peta lalu menempatkan semuanya dengan perkiraan mata, atau memakai tool yang mengambil data dan membuatkan layer-nya.
Bisakah menganimasikan peta di After Effects tanpa plugin?
Bisa. Satu rute di satu peta itu pekerjaan satu sore, dan setiap motion designer sebaiknya pernah melakukannya sekali.
- Cari peta yang boleh Anda pakai, berupa gambar atau file Illustrator, dan catat baris kredit yang diminta lisensinya.
- Impor. Peta Illustrator bisa diubah menjadi shape layer yang bisa diedit dengan perintah bawaan After Effects, Create Shapes from Vector Layer.
- Gambar rute dengan Pen tool di shape layer baru, stroke aktif dan fill mati.
- Di layer itu pilih Add › Trim Paths dan beri keyframe End dari 0% ke 100%. Itulah garis yang menggambar dirinya sendiri.
- Buat pin dari lingkaran kecil dan text layer, parent keduanya ke null, lalu letakkan null di kota yang dimaksud.
- Tambahkan kamera, atau gerakkan dan skalakan null induk, lalu beri easing pada key-nya.
Masalahnya datang belakangan. Setiap kota ditempatkan dengan perkiraan mata, penerbangan jarak jauh yang digambar lurus terlihat salah bagi siapa pun yang pernah naik pesawat, dan tujuan baru berarti mulai dari awal. Tidak masalah kalau setahun sekali. Jadi masalah kalau klien mengirim tiga per minggu.
Apa fungsi Map rigs di mouzeclick workspace?
Map rigs mengambil peta dan data geografinya, keputusannya tetap di tangan Anda. Letaknya di Motion lab dalam mouzeclick workspace untuk After Effects (Window › Extensions › mouzeclick workspace) dan bekerja dalam tujuh langkah: Place, Look, Layers, Draw, Story, Move, dan Maps.
- Cari tempatnya. Cari negara, kota, area, atau landmark dan bingkai di peta live. Samakan dengan comp, atau pilih 16:9, 9:16, atau 1:1.
- Telusuri. Outline tempat, rute, bingkai fokus, bangunan, dan layer malam masuk sebagai shape layer.
- Gambar di atasnya. Area, garis, titik, kotak, lingkaran, pen path, panah, dan callout, masing-masing sebagai layer After Effects.
- Ceritakan. Rute cerita dengan perhentian, pin, dan titik fokus, sementara bagian peta lainnya diredupkan dan tepinya dihaluskan.
Lalu tekan Create Map in After Effects. Kalau lebih suka mengetik, panel menerima langkah sederhana seperti "fly from Mumbai to Dubai; pin London" (terbang dari Mumbai ke Dubai; pin London) dan membangunnya secara berurutan.
Pengaturan yang sering terlewat adalah versi perbatasan siapa yang digambar. Setiap negara menggambar perbatasan sengketa secara berbeda, jadi Anda bisa memilih tampilan netral (kontrol de facto) atau tampilan versi suatu negara, dan semua peta akan mengikutinya. Klien akan lebih dulu melihat perbatasan yang salah gambar daripada memperhatikan easing Anda.
Bagaimana cara menganimasikan rute di peta After Effects?
Gambar rute sebagai path dan munculkan seiring waktu; yang mengubah hasilnya adalah apakah path itu mengikuti bentuk bumi. Map rigs menggambar rute sebagai garis great-circle atau garis lurus. Great-circle adalah jalur terpendek di permukaan bola dunia, jadi di peta datar penerbangan Mumbai ke London melengkung ke utara, dan justru itu yang membuatnya terbaca sebagai penerbangan. Garis lurus cocok untuk jarak pendek dan diagram.
Titik, panah, pesawat, mobil, kapal, atau gambar Anda sendiri bisa bergerak di sepanjang rute. Untuk road trip, routing mengikuti jalan sungguhan dengan mobil, sepeda, atau jalan kaki. Gaya shape bawaan adalah Border, Highlight, Dashed route, Glow outline, Region fill, dan Ink, dan Anda bisa menambahkan panah di antara titik. Karena rute masuk sebagai shape layer, Trim Paths menggambarnya dengan cara yang sama seperti manual, dan Anda bisa memberi easing dengan kurva sendiri dari preset easing.
Urutan yang berhasil buat saya, langkah demi langkah.
- Bingkai kedua ujung dengan sedikit ruang di sekitarnya.
- Gambar rute, great-circle untuk jarak lebih dari beberapa ratus kilometer.
- Pasang pin di setiap perhentian. Pin adalah null yang terkunci ke suatu tempat, jadi tetap di kota itu saat peta bergerak di bawahnya; parent penanda atau label Anda sendiri ke pin itu.
- Tambahkan gerakan kamera yang mengikuti rute.
- Atur waktu kemunculan rute sesuai kalimat voice-over yang menyebut tujuannya, bukan sesuai awal shot.
Gaya peta apa saja yang bisa dipakai di After Effects dengan Map rigs?
47 peta dasar dalam sembilan grup, ditambah enam preset gaya sekali klik, dihitung dari panel yang dirilis.
| Grup | Peta | Contoh |
|---|---|---|
| Satellite and Earth | 7 | Satellite, Satellite + Borders, Earth Relief, Blue Marble, Painted Earth, dua sumber satelit harian |
| Maps | 4 | mouzeclick Basic, mouzeclick Detailed, Atlas Classic, Atlas Street |
| Minimal | 5 | Midnight, Paper, mouzeclick Lite, Slate, Brand Mono |
| Creative | 5 | Ink, Blueprint, Neon Grid, Parchment, Wash |
| Night | 3 | Earth at Night, City Lights, Night Drive |
| Terrain | 6 | Topographic, Relief Grey, Relief Colour, Hillshade, Hypsometric, Slope |
| United States | 4 | US Topo, US Imagery, US Imagery + Topo, US Relief |
| Passes | 9 | Coastlines, Water Mask, Land Mask, Roads Only, Rail Only, Buildings Only, Boundaries Only, World Water Mask, Contours |
| Data | 4 | Political, Admin Boundaries, dan dua yang menggambar data Anda sendiri sebagai wilayah atau lingkaran |
Preset gaya (Dark tech, Paper, Blueprint, Minimal, Cinematic, dan Neon) mengatur seluruh tampilan sekaligus. Shading terrain bisa Flat, Hillshade, Deep 3D, atau Ridged, dan warna citra bisa diubah langsung di After Effects lewat hue, saturation, brightness, contrast, tint, dan invert. Elemen peta menambahkan scale bar, kompas, koordinat, atmosphere glow, perbatasan negara, garis grid, atau latar luar angkasa.
Passes adalah bagian yang sering diremehkan. Water Mask memisahkan laut supaya bisa di-grade tersendiri, dan Roads Only dengan glow memberi tampilan night-drive tanpa menggambar satu mask pun. Pilih warna yang cocok dengan sisa editan dari palet Color desk.
Bisakah menampilkan data di peta After Effects?
Bisa. Map rigs menampilkan angka Anda sebagai wilayah berwarna, gelembung, busur aliran, heat map, spike, atau nilai dari waktu ke waktu, dengan lima ramp warna dan diagram batang atau pie. Skala warnanya linear, akar kuadrat (luas), log, kuantil, atau kategori.
Pakai akar kuadrat untuk gelembung. Penonton menilai gelembung dari luasnya, dan kalau radius tumbuh sebanding dengan nilai, nilai dua kali lebih besar akan menggambar lingkaran empat kali lebih besar.
Masukkan data Anda sendiri sebagai GeoJSON, TopoJSON, KML, KMZ, GPX, TCX, CSV, TSV, TXT, WKT, atau Shapefile dalam zip. GPX dan TCX adalah hasil ekspor aplikasi lari dan bersepeda, jadi satu perjalanan bisa jadi rute dalam beberapa langkah. Dataset bawaan mencakup negara, provinsi/negara bagian, perbatasan, wilayah sengketa, garis pantai, danau, sungai, kota, dan kawasan perkotaan, dan template query mencari bangunan, rumah sakit, sekolah, pengisian EV, rel kereta, taman, kafe, bandara, dan stasiun yang terlihat di layar. Dataset dan query butuh internet.
Bagaimana gerakan kamera dan label bekerja di peta?
Pilih gerakan dan Map rigs membuatkan keyframe-nya untuk Anda. Ada sembilan: Push in, Pull out, Reveal, Orbit, Drift, Swoop, Follow route, Handheld, dan Zoom bounce, masing-masing dengan easing smooth atau linear. Anda juga bisa menghubungkan layer sendiri ke tampilan peta dan memberi key latitude, longitude, dan zoom secara manual. Kalau shot butuh energi lebih saat mendarat, tambahkan hentakan dari preset camera shake di Motion lab yang sama.
Label berasal dari template (Dot, Pin, Pulse, Callout, Icon, Capital) dalam salah satu dari 15 bahasa label, dengan jumlah Few, Normal, atau Many di layar. Pilih Few untuk short 9:16: layar ponsel tidak muat dua belas nama kota. Cincin jarak, layer siang dan malam, serta grid lintang-bujur tersedia untuk video explainer. Untuk title card di atas peta, pakai preset animasi teks di Type studio.
Bagaimana cara membuat animasi globe 3D di After Effects?
Pakai mouzelayer, ekstensi globe, yang merupakan panel terpisah dari Map rigs. Ini globe 3D dengan terrain. Cari kota, negara, atau koordinat, beri key pada kamera, lalu kirim pesawat, jet, kapal, atau titik bercahaya di antara pin Anda. Kapal lewat laut, melalui Suez atau Panama. Ada enam gaya (Night, Daylight, Relief, Ink, Neon, dan Blueprint).
Render to After Effects membuat comp baru seukuran comp, 1080p, 4K, vertikal, atau persegi, dengan latar luar angkasa, transparan, atau warna, dalam satu langkah undo. Rute berada di layer sendiri dengan null yang mengikuti masing-masing rute untuk label, dan pin adalah layer yang bisa Anda ubah gayanya. Di panel, K menambah key kamera, Space memutar gerakan, dan N mengarahkan utara ke atas. Ekstensi ini butuh mouzeclick yang berjalan dengan lisensi aktif dan internet untuk data peta, dan kredit peta masuk sebagai layer yang sebaiknya tetap terlihat. Berbeda dengan workspace, ekstensi ini berjalan di Windows dan Mac. Detailnya ada di halaman ekstensi.
Kenapa animasi peta After Effects saya rusak, dan bagaimana memperbaikinya?
Kebanyakan masalah berasal dari tile, link, atau memindahkan project ke komputer lain.
- Citra abu-abu atau hilang. Citra peta dimuat secara online, jadi cek koneksi dulu. Map finishing bisa membersihkan cache tile kalau tile lama tertahan.
- Peta rusak di komputer lain atau mesin render. Sebelum menyerahkan project, pakai Map finishing untuk me-render citra yang ter-cache ke dalam project dan membuat rig-nya portabel. Fitur ini juga memperbaiki link.
- Preview sangat lambat. Finalize di Preview (setengah ukuran) selama bekerja dan di Full size untuk ekspor.
- Gerakan terus berubah. Setelah kamera dikunci, bake peta ke keyframe di map manager.
- Perbatasan atau bahasa salah. Ubah versi perbatasan yang ditampilkan dan bahasa label, lalu bangun ulang.
Mana yang lebih baik untuk animasi peta, GEOlayers 3 atau mouzeclick?
Kalau sebagian besar pekerjaan Anda adalah peta, GEOlayers 3 adalah spesialisnya; kalau peta hanya salah satu pekerjaan di antara caption, teks, dan cut, mouzeclick mencakup semuanya dalam satu paket. Dicek pada 31 Oktober 2026:
| Item | GEOlayers 3 | mouzeclick Map rigs |
|---|---|---|
| Harga yang ditampilkan | $329.99, Single User Licence (Floating Server Licence juga dijual) | Satu paket: $25 per bulan, $249 per tahun, atau $499 seumur hidup |
| Uji coba | Uji coba gratis (durasi tidak disebutkan) | 3 hari, tanpa kartu |
| After Effects | Wajib CC 2015 (13.6) atau lebih baru; daftar mencakup CC 2017 hingga 2026 | File panel mendukung CC 2018 atau lebih baru |
| Komputer | Tidak dicantumkan di halaman produk | Windows (ekstensi globe juga di Mac) |
| Data peta | Sumber online; dua minggu MapTiler Cloud dengan lisensi, setelah itu opsional | Dimuat secara online |
| Versi terbaru | 1.20.0, 24 Okt 2026 | 0.58.40 di Windows, 25 Okt 2026 |
GEOlayers lebih cocok kalau Anda ingin sekali bayar tanpa ada langganan yang disebutkan, scripting API, setup lanskap 3D sekali klik dengan Helium, FreeForm Pro, Plexus, atau Trapcode Mir, atau gaya peta yang dibuat dari warna comp, gambar, atau file Adobe Swatch. mouzeclick cocok kalau peta hanya salah satu dari banyak pekerjaan dan Anda ingin peta ada di panel yang sama dengan tool teks, caption, dan warna. Lihat perbandingan kami yang lain dan panduan ekstensi After Effects all-in-one untuk bagian workspace lainnya.
Apakah Map rigs berjalan di Mac, dan apakah butuh internet?
Map rigs hanya berjalan di Windows, dan butuh internet. Workspace mouzeclick adalah bagian dari mouzeclick di Windows; aplikasi Mac tidak menyertakannya. Globe mouzelayer adalah ekstensi, jadi berjalan di keduanya, dan halaman Mac mencantumkan apa lagi yang berjalan di Mac. Pencarian tempat, citra peta, dataset, dan query semuanya dimuat secara online, dan mouzeclick sendiri butuh koneksi internet selama berjalan.
Buat peta berikutnya di After Effects dengan Map rigs. Satu paket, semua sudah termasuk: $25 per bulan atau $249 per tahun.
Pertanyaan yang sering diajukan
Bisakah Map rigs menampilkan terrain dan bangunan dalam 3D?
Bisa. Tool 3D dan terrain-nya bisa membuat tampilan 3D dari peta yang dibingkai, menambahkan layer hillshade, memunculkan bangunan 3D di dalam frame, dan membuat flyover, dan peta bisa datar atau di atas globe. Panel menandai bagian yang butuh renderer Advanced 3D di After Effects. Kalau Anda membangun terrain di Helium, Plexus, FreeForm, atau Mir, Map rigs juga bisa mengekspor PNG 16-bit untuk plugin tersebut.
Bisakah track GPX dari bersepeda atau lari dijadikan rute?
Bisa. Map rigs mengimpor GPX dan TCX, format yang diekspor aplikasi lari dan bersepeda, juga KML dan KMZ dari Google Earth, GeoJSON, TopoJSON, CSV, TSV, TXT, WKT, dan Shapefile dalam zip. Track masuk sebagai layer yang bisa Anda beri gaya, pin, dan munculkan dengan gerakan kamera.
Bisakah saya mengekspor peta diam untuk thumbnail atau slide?
Bisa. Map rigs mengekspor gambar peta sebagai PNG atau SVG dengan lebar 1920, 2560, 3840, atau 5120 piksel, jadi peta yang sama bisa dipakai untuk thumbnail, deck, atau layout cetak. Shot dan scene juga bisa disimpan dan diurutkan ke timeline.
Bagaimana membuat animasi peta untuk video vertikal?
Atur kotak peta ke 9:16 sebelum membuat peta, atau samakan dengan comp. Biarkan label di Few, geser rute ke sepertiga tengah supaya tidak tertutup caption, dan cek tepinya dengan panduan safe zone setelah dikirim ke Premiere Pro.
Apakah saya harus mencantumkan kredit penyedia peta?
Biasanya, ya. mouzelayer menaruh kredit peta di comp sebagai layer dan meminta Anda membiarkannya terlihat. Apa pun tool atau gambar yang Anda pakai, baca ketentuan atribusi penyedia peta sebelum menyerahkan hasil, dan sisakan ruang untuk kredit di layout; tim legal klien juga akan membacanya.
Apa itu rute great-circle?
Ini jalur terpendek antara dua titik di permukaan bola. Di peta datar jalurnya terlihat melengkung, itulah sebabnya jalur penerbangan melengkung ke arah kutub. Pakai great-circle untuk penerbangan dan jalur pelayaran; pakai garis lurus untuk jarak pendek atau peta skematis.
Bisakah saya menampilkan perbatasan sengketa sesuai versi negara klien saya?
Bisa. Map rigs menanyakan versi perbatasan siapa yang ditampilkan, baik tampilan netral berdasarkan kontrol de facto maupun tampilan versi negara tertentu. Semua peta lalu mengikuti pilihan itu, jadi cukup diatur sekali tanpa perlu mask perbatasan secara manual. Kalau nanti klien meminta versi lain, ubah pengaturannya dan bangun ulang petanya.
Sumber
Diperiksa pada 2026-10-31. Harga dan fitur bisa berubah: setiap tautan mengarah ke halaman resmi pembuatnya.