Editor online untuk presentasi Tipografi Kinetik? [Tutup]

8

Adakah aplikasi web yang menawarkan kemampuan untuk membuat presentasi Tipografi Kinetic (panning, rotating, zooming text animation).

hal teks zoomy

Berikut adalah contoh dari apa yang ingin saya capai menggunakan web (berisi beberapa kata sumpah) :

NSFW : youtube.com/watch?v=Asvtgj6wANw

Saya telah melihat Prezi tetapi tidak mendukung menampilkan teks dengan waktu, semuanya harus dirender sebelumnya.

Saya sadar Anda dapat menggunakan editor video pasca-efek seperti After Effects namun saya bertanya-tanya apakah ada aplikasi web sederhana yang dapat mencapai ini?

video

— Jay Wick
sumber

Ini serius tidak terlihat seperti apa pun yang berbasis web. Saya akhirnya menggunakan Flash untuk membuat satu (karena saya tidak punya AE) vimeo.com/22832508 . Pertanyaan masih terbuka jika ada yang menemukan sesuatu :)

— Jay Wick

Video yang bagus, jay! Anda mungkin orang yang salah untuk bertanya, tetapi apakah Anda pikir mengkodekan dalam flash ini lebih mudah, lebih sulit, lebih menyita waktu menggunakan After Effects? Saya kira menumbuhkan pohon "luar biasa seperti Anda" mengambil waktu ...

— Charles Lindsay

@ charles: setelah melihat tutorial AE, saya akan mengatakan pergi dengan AE. Flash mengerikan untuk hal semacam ini. Tidak semua efek saya ditransfer, mengubah ke format video adalah mimpi buruk, dan seluruh cobaan memakan banyak waktu. Singkatnya, JANGAN gunakan Flash. Vid saya berikutnya akan menjadi AE (ketika saya punya waktu)

— Jay Wick

2

Singkatnya, tidak.

Transformasi teks berbasis waktu adalah tugas yang membutuhkan prosesor. (Tanyakan kepada siapa saja berapa lama waktu yang diperlukan AE untuk 'membuat' video mereka dan Anda akan tahu apa yang saya maksud.)

Meskipun saya sedang membuat Tipografi Kinetic berbasis Javascript berbasis HTML5. Jika saya merasa cukup mudah, itu dapat dibuat menjadi aplikasi untuk memungkinkan transformasi dasar.

Pembaruan Juni 2018:
Browser telah meningkat. CSS3 dan HTML5 sekarang lazim di Firefox dan Chrome, dan tersedia bahkan di Safari dan Edge (lamban).

Eksperimen ini menunjukkan penggunaan yang rapi dengan animasi CSS (dengan JS minimal). Dan Anda bahkan dapat melakukan fork pada Github dan membuatnya sendiri ! (Jika Anda menemukan pengalaman Tipe Kinetic berbasis Web yang lebih rumit dari ini, lakukan komentar dan beri tahu saya!)

Untuk sesuatu yang lebih sederhana, lihat codepen ini .

Dan saya sangat merekomendasikan membaca dan belajar animasi. Tutorial Jerman ini menunjukkan cara memulai: Membuat video tipografi kinetik dengan CSS .

— MyPreciousss
sumber

Tujuh tahun kemudian ... Apakah Anda merasa cukup mudah? Adakah peluang untuk publikasi?

— trejder

diperbarui :) Terima kasih @trejder

— MyPreciousss

Terima kasih atas respons dan pembaruan, tampaknya Anda telah berfokus pada penyediaan solusi berbasis CSS / HTML sementara pertanyaan OP adalah alat yang memungkinkan Anda untuk menghasilkan presentasi aktual (dapat diunduh) atau video (juga dapat diunduh). Tapi, karena pertanyaannya sekarang di luar topik, saya tidak berpikir kita ingin mengatasinya lagi! :>

— trejder

1

Ya ada. Periksa tautan ini: http://ddeubel.edublogs.org/2013/06/17/kinetic-typography-generator/

— lee
sumber

Perlu disebutkan bahwa alat, yang sedang Anda bicarakan, membutuhkan Flash. Itu bukan masalah di tahun 2013, itu adalah masalah sekarang, lima tahun kemudian, ketika Flash tidak lagi diinginkan oleh sebagian besar.

— trejder