キネティック・タイポグラフィ

Kinetic typography

動く図解で見る →

かんたんに言うと

文字がリズムに合わせて動き、音がなくてもメッセージが伝わります。

いつ使う?

重要なフレーズ・価格・メリット、音を出さずに見る人への対策。

例の動画

Stephen Fry Kinetic Typography - Language — 実例: ナレーションのリズムに合わせて文字が動き、意味を伝える代表的な作品です。
How to Animate Text & Graphics to Music (Kinetic Typography Adobe Premiere Pro CC 2017 Tutorial) — 解説: 音楽に合わせて文字とグラフィックを動かす方法を、見ながら真似してみます。
How to Make Kinetic Typography with AI | No After Effects! — AI: AIで作ったキネティック・タイポグラフィの完成形から先に見ます。

AI動画ではこうなります

AIには文字を描かせません。開始フレームに文字の余白を空けておき、Pillowで作ったフレームごとのPNGを overlay で重ねるか、After Effectsで作ります。ffmpegの drawtext は、libfreetypeを入れてビルドしたときだけ使えるフィルターなので、インストールしたffmpegにはないかもしれません(ffmpeg -filters で確認)。

ワンクリック1行プロンプト

Make a one-word title drop in and settle in the center at second 1, using a transparent PNG you designed yourself (never let the AI draw the letters): ffmpeg -i in.mp4 -i word.png -filter_complex "[0:v][1:v]overlay=x=(W-w)/2:y='(H-h)/2-max(0,1-(t-1)*4)*300':enable='gte(t,1)'" -c:a copy out.mp4. Time the landing to a hit sound.

実際の映画・広告で見る

Stephen Fry Kinetic Typography — Language

AIで作った例

Fotor — How to Make Kinetic Typography with AI

← オープンループ → ペイオフ字幕のスタイリング →