【SNSで話題】人が通ったあとに文字が表示されるトレンド動画の作り方。「CapCut」なら簡単に完成するよ!
isuta / 2024年7月2日 12時0分
「CapCut」のアプリには、無料で使えるさまざまな動画編集ツールが備わっています。
今回はそれらを使って、人や物の動きに合わせて文字が表示される、おしゃれな動画の作り方をご紹介。
SNSで話題になっている加工を、早速取り入れてみませんか?
人が通ったあとに文字を出す動画加工がSNSで話題
今回ピックアップするのは、歩く人のあとを追いかけるように、文字を画面上へ表示させる動画加工。
一見複雑そうに感じますが、意外と簡単に完成するので、ぜひ一度試してみてくださいね。
「CapCut」で人の動きに合わせて文字を表示させる方法
「CapCut」を使った編集ステップは、以下の通りです。
STEP1.「CapCut」で人が横断する動画に文字入れ
STEP2.「CapCut」のオーバーレイ機能で2つの動画を重ねる
STEP3.「CapCut」で文字出しのタイミングを調整
STEP1. 「CapCut」で人が横断する動画に文字入れ
![](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_066f4ff3aabdf1890774290a81acfcc931189b1f.webp)
最初に、人が画面を左から右へ横断する動画を用意しましょう。
「CapCut」で対象の動画を開いたら、『テキスト』ボタンで、表示したい文字を好きなフォントやカラーで入力。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_e9a641ffca5231be072cd44c61e0a27ca4151a28.webp)
作成した『テキスト』が、動画全体で表示されるように調整してください。
文字入れした動画が完成したら、ダウンロードボタンで一旦保存しますよ。
STEP2.「CapCut」のオーバーレイ機能で2つの動画を重ねる
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_1e6c6586fa44b70179e6dfcd0c7e63fb0a8909a7.webp)
「CapCut」のトップ画面で、新規プロジェクトとして、もう一度テキストなしの動画をセレクト。
『オーバーレイ』から『はめ込み合成を追加』へと進みましょう。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_ce8e59b8d66053e2e2d2df41648f1282ffacd014.webp)
ここで、先ほど文字入れした方の動画を重ねます。
はめ込んだ動画が少し小さく表示されるため、ピンチアウト操作で元動画と同サイズになるよう拡大。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_942a9eab9ab3a8b507ad81c2f4c4443609262e94.webp)
あとは、元動画とオーバーレイで追加した動画の頭と終わりが、ぴったり揃うように位置調整を行なってくださいね。
STEP3.「CapCut」の『マスク』と『キーフレーム』で文字出しのタイミングを調整
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_876a9293301e1ea310780e977cb49ac0336ad794.webp)
次に、人の動きに合わせてテキストが表示されるように調整していきますよ。
文字入れした方の動画を選択した状態で、下部のメニューから『マスク』を選択。
『マスク』は、動画の不要な部分をカットして、見せたい部分だけが表示されるようにアレンジできる機能です。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_88022b02c70a30d240fa7e609a28a0e968c9265c.webp)
不要な部分を切り取るフォルムには、『水平』を選択しました。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_3567b335fe8ec1240379eac59bb0840bdc570e85.webp)
そして『マスク』のラインが垂直90度になるよう、『回転』の項目で「-90°」へとセッティング。
これで黄色いラインより左側の文字は見えるのに、右側は視認できなくなりますよ。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_11e0c459a4b7b192b3226ebaf759df8f740abfd5.webp)
次に、サンプル動画画面の右下にある『キーフレーム』機能を使用。
人が通りすぎたあとにテキストの1文字目が表示されるタイミングで、菱形ボタンの『キーフレーム』をオンにします。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_0c0b23dcdf2e5dcb368d864084b914542a79845c.gif)
あとは動画少しずつ再生していき、人が進んだ分に合わせてテキストが表示されるように、黄色いラインを動かしていけばOK。
![動画編集アプリ「CapCut」の操作画面](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_969c58d314ec2c6637784d6a397120e6157f3ef5.gif)
人が画面を横切るのに合わせて、テキストも最後まで表示されるようにアレンジできたら完成です!
被写体を物に置き換えてもOK
![動画編集アプリ「CapCut」で作成した映像](https://isuta.jp/category/iphone/wp-content/tmp/vol/2024/07/media_8b91cdbb97b70610129968fa2e8f650b8d55a75d.gif)
被写体を人から物に置き換えてみるのも、良いかもれません。
梅雨時のおうち時間で、かわいい加工にチャレンジしてみてはいかがでしょうか?
「CapCut」iOS版ダウンロードはこちら
「CapCut」Android版ダウンロードはこちら
外部リンク
この記事に関連するニュース
-
「Instagram」の新機能、見逃してない?投稿時に知っておきたい新作スタンプなどチェックポイント5つ
isuta / 2024年7月6日 18時0分
-
次に試したいのは「LEGO風加工」。「CapCut」のAIエフェクトでブロックキャラクターに変身しちゃお!
isuta / 2024年7月6日 12時0分
-
Instagramに新しい文字入れ機能が登場!かわいいフォントやアニメーションツールをチェックしなきゃ
isuta / 2024年6月26日 12時0分
-
SNSで話題「粘土加工/ひつじのショーン加工」が可愛すぎ! アプリ、やり方レクチャー
イエモネ / 2024年6月23日 11時0分
-
紙を広げたらお気に入りの写真が出てくる!超絶かわいいアニメーション動画が「PaperAnimator」で完成
isuta / 2024年6月22日 18時0分
ランキング
-
1「健診でお馴染み」でも、絶対に"放置NG"の数値 自覚症状がなくても「命に直結する」と心得て
東洋経済オンライン / 2024年7月21日 17時0分
-
2扇風機の羽根に貼ってあるシール、はがしてはいけないって本当?【家電のプロが解説】
オールアバウト / 2024年7月21日 20時15分
-
3終電間際、乗客同士のトラブルで車内は「まさに“地獄絵図”」泥酔サラリーマンが限界突破して…
日刊SPA! / 2024年7月22日 8時54分
-
4日本カレーパン協会「カレーパン美味い県ランキング」発表 3位北海道、2位京都…1位は?
オトナンサー / 2024年7月22日 8時10分
-
5新型コロナワクチンの定期接種、10月から開始…全額自己負担の任意接種費は1万5000円程度
読売新聞 / 2024年7月21日 19時21分
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/mission_close_icon.png)
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/point-loading.png)
エラーが発生しました
ページを再読み込みして
ください
![](/pc/img/mission/mission_close_icon.png)