Cara merekam video gulir yang mulus untuk template Framer

1. 1

   Terbitkan ke alamat publik

   Terbitkan template, atau demonya, ke alamat .framer.website atau domain khusus. Alamat itu harus bisa dibuka di jendela pribadi tanpa kata sandi.

2. 2

   Tempel URL dan pilih Perekaman langsung

   Tempel alamatnya di beranda. Di bagian mesin, pilih Perekaman langsung. Mesin ini mengambil tangkapan layar halaman di setiap posisi guliran, bukan menggeser gambar diam, sehingga efek kemunculan, transformasi saat digulir, dan bagian yang menempel berjalan persis seperti di browser.

3. 3

   Atur temponya

   Dua belas sampai dua puluh detik cocok untuk sebagian besar beranda template. Halus adalah gerak yang aman; Denyut bergerak bagian demi bagian dan berhenti di masing-masing, sehingga struktur template terlihat jelas.

4. 4

   Berhenti di bagian yang menjual

   Klik halaman di tempat guliran harus berhenti: hero, kisi bento atau fitur, testimoni, harga. Hingga 6 jeda, masing-masing 0,5 sampai 5 detik. Nyalakan “Dua arah” jika video bergulir kembali ke atas.

5. 5

   Tampilkan keadaan hover

   Aktifkan kursor, tambahkan hover, lalu klik kartu atau tombol tempat kursor akan berhenti. Kursor bergerak ke sana, efek hover berjalan, dan kursor diam selama 0,5 sampai 5 detik sebelum lanjut. Ada delapan gaya kursor, dari macOS sampai titik polos.

6. 6

   Ekspor potongan yang kamu butuhkan

   MP4 16:9 dalam 1080p atau 1440p untuk listing, lalu ganti perangkat ke Ponsel dan ekspor potongan 9:16 atau 4:5 dari tata letak ponsel untuk X, Instagram, atau TikTok.

Geser statis membaca halaman sekali lalu menggerakkan bingkai menuruninya. Cepat dan rata sempurna, tetapi apa pun yang beranimasi saat digulir membeku dalam keadaan saat halaman dibaca. Nyalakan “Tuntaskan animasi” dan efek kemunculan dijalankan sampai keadaan akhirnya lebih dulu, sehingga tidak ada yang tertangkap setengah memudar. Perekaman langsung benar-benar menjalankan efeknya. Render-nya memakan waktu jauh lebih lama dan menambah 13 kredit ke ekspor.

• Pakai Perekaman langsung jika gerakan adalah bagian dari yang kamu jual, dan untuk sebagian besar template Framer memang begitu.
• Pakai Geser statis dengan “Tuntaskan animasi” untuk draf cepat, untuk halaman yang animasinya hanya kemunculan, atau untuk potongan ponsel yang ruang layarnya sempit.

• Bingkai browser. Safari atau Chrome, terang atau gelap, agar pratinjau langsung terbaca sebagai website.
• Latar. Jarak di sekeliling jendela dengan warna, gradasi, atau salah satu dari 36 preset. Sudut membulat dan bayangan lembut membuatnya terlihat seperti foto produk, bukan tangkapan layar.
• Terang dan gelap. Jika template mengikuti tema sistem, paksa Terang atau Gelap di Skema warna dan ekspor satu dari masing-masing.
• Bingkai pertama yang bersih. Diam sedetik di hero sebelum guliran dimulai. Marketplace dan aplikasi media sosial sering memakai bingkai pertama sebagai thumbnail.