記事へ移動
← Screen Studioに戻る

Screen Studioで入退出アニメーションを追加する方法

Screen Studioでエントリー/エグジットアニメーションを追加する方法の表紙イラスト

ボタンの上にラベルがスライドインし、それについて話している間保持され、次のステップの前にスライドアウトするようにしたい場合。または、セクションの開始時にタイトルがフェードインし、進むとフェードアウトするようにしたい場合。だからScreen Studioに入り、テキスト要素の入場・退場アニメーションを探しますが、見つかりません。

ここで、Screen Studioが現在どの位置にあるのか、その途中まで可能な回避策、および別の動画編集ソフトを経由せずに1つのアプリで行う方法について率直にお答えします。

Screen Studioには入退出アニメーションがありますか?

いいえ。Screen Studioは現在、要素を画面内にアニメーション表示したり消したりすることはできません。この機能は要望されています。「入退場アニメーション」はScreen Studio自身の機能ハブ上にあり、301いいねおよびステータス計画中 (hub.screen.studio/p/入退場アニメーション)。これは3年以上前に提出され、確定したリリース日はありません。

その下にはより基本的なギャップがあります。Screen Studioには手動でテキスト注釈を付けるツールはまったくありません。録画の上にテキストボックスを追加する機能はなく、唯一生成されるテキストは文字起こしから自動生成される字幕だけであり、これにもアニメーションの制御はありません。より広範な要求として「注釈ツール」(基本テキスト、矢印、線、図形)もあり計画中367票があり、デモ内のエリアにテキストを追加するというより狭いリクエストはクローズされた拒否。そのため、到達する前にアニメーション化テキスト、アニメートするネイティブのテキストはありません。

これもアプリを批判しているわけではありません。Screen Studioは、小さなチームがカーソルの動き、ズーム、録画の完成度に注力して作った洗練されたツールです。単に、アニメーション付きコールアウトテキストは現時点ではこの中でできないということと、日付なしで「予定」とされているものは、今週リリースする動画のために待つべきものではないということです。

Screen Studioでの回避策

アニメーション化できるテキストレイヤーがないため、回避策が行われます外部Screen Studio:

  1. 録画をScreen Studioで仕上げる- ズーム、カーソル、背景、それが得意とする部分。
  2. 動画を書き出すMP4として。
  3. 動画テキストがある別の編集ソフトで開く- CapCut、Descript、Camtasia、またはKapwingにはすべてテキストの出入りプリセットがあります。
  4. 各テキスト要素をタイムラインに追加します。、入場アニメーションと退場アニメーションを設定し、適切なタイミングに配置します。
  5. 再書き出しを取得します。 字幕テキストから

それは動作します。しかし、維持するものに使う前に欠点を考慮してください。

  • 二つのツール、二つのタイムラインアニメーションテキストは第2のエディターに存在し、Screen Studioプロジェクトには含まれません。それはソースの一部ではありません。
  • 再編集は高価です。Screen Studioでセクションをトリミングまたは並べ替えると、他のツールで手動で再書き出し、再インポート、再配置する必要があります。
  • 質の高い往復旅行です。すでにエンコードされた録画を再エンコードしており、これは回避可能な品質低下を引き起こします。
  • 単一の真実の情報源はありません次にこれを編集する人は、それが二つのアプリのパイプラインであることを知っておく必要があります。

より軽い代替方法は、テキストを完全に省略し、Screen Studioに頼ることです実行するアニメート:話している部分に自動でズーム、カーソルスポットライト、クリックリップル効果。それは強調には問題ありませんが、入って、保持して、退出する言葉によるコールアウトとは異なります。

代わりにTight Studioで入退出アニメーションを追加する方法

Tight Studio入退場アニメーション付きのテキストオーバーレイ

アニメーション付き注釈テキストが重要な場合、テキストレイヤーとその入/出アニメーションを録画と同じエディター内で扱えることが役立ちます。Tight Studioは、独立した入と出のアニメーションを持つテキストセグメントが組み込まれたMacの画面収録ソフト兼エディターです。

これがエンドツーエンドのフローです:

  1. 画面を録画します。Tight Studioで通常通り。
  2. テキストセグメントを追加しますとコールアウトを入力します。表示されるタイミングの上にタイムライン上で配置し、エッジをドラッグして画面に表示される時間を設定します。
  3. アニメーションタブを開く。2つのセクションがあります。 右上のアニメーション入力退出アニメーション、それぞれ独立しています。
  4. エントリーアニメーションを選択 - フェードインスライドイン、またはズームイン
  5. 退出アニメーションを選択 - フェードアウトスライドアウト、またはズームアウト。入力と出力は個別に設定されるため、テキストはフェードインしてスケールアウトしたり、スライドインしてフェードアウトしたり、その他の組み合わせも可能です。
  6. 動きを調整してください。各アニメーションの継続時間を設定します(100msから3000ms)。スライドの場合、方向を選択します(上、下、左、右)とスライド距離を設定します。スケールの場合は、開始時のスケールと終了時のスケールを設定します。
  7. プレビューします各セクションに再生ボタン付き、調整可能書き出しアニメーションが埋め込まれた状態

テキストセグメントは収録の隣のタイムライン上に存在するため、セクションのトリミングや順序変更を行うと、そのアニメーション化されたテキストも一緒に移動します。二次ツールや再書き出しのラウンドトリップはありません。

Tight Studioが追加すること

  • 独立した入力と終了- 入るときにフェードイン/スライドイン/スケールイン、出るときにフェードアウト/スライドアウト/スケールアウト、自由に組み合わせる。
  • アニメーションごとの時間100msから3000msまで。
  • 方向スライド- 上、下、左、右に、調整可能なスライド距離で移動可能。
  • スケールコントロール- 成長する際の開始スケール、または縮小する際の終了スケールを設定します。
  • 画像オーバーレイでも同じ入退出アニメーションが動作します。、単なるテキストではなく、ロゴやスクリーンショットも同じ方法で出入りさせることができます。
  • それに合わせたフルテキストスタイリング- フォント、サイズ、太さ、色、背景の塗りつぶし、不透明度、影、アウトラインを設定し、アニメーションテキストがデフォルトの字幕のように見えるのではなく、動画に合うようにします。

このカテゴリーで期待される録画の仕上がりもここにあります — クリックに合わせたズーム、カーソルアニメーションとクリックのハイライト、イントロ/アウトロスライド — そのため、アニメーションテキストは単なる画面キャプチャではなく、完成した動画に表示されます。

なぜそれをエディターに組み込んだのか

私たちは、テキストとそのアニメーションを収録と同じタイムライン上に置くことを意図的に行いました。人々が入場/退場のアニメーションを欲しがる理由はリズムにあります:テキストは何かについて話し始めたタイミングで正確に現れ、古くなる前に消えます。そのタイミングは、テキストが編集に合わせて動く場合にしか機能しません。アニメーションされたテキストが収録とは別のアプリに存在すると、トリミングのたびにずれ、修正のたびに手動で再配置する必要があります。セグメント、そのインアニメーション、アウトアニメーションをタイムライン上で一つのオブジェクトとして保持することで、その種の摩擦をまるごと取り除くことができます。これが全体の設計上の選択です。

Screen StudioとTight Studioの入退出アニメーション比較

Screen Studio書き出しの回避策(Screen Studio + 2番目のエディター)Tight Studio
収録上の手動テキストいいえ(注釈ツールなし)2番目のエディターのみはい、テキストセグメントです
アニメーションの開始/終了いいえ(計画中、301票、日付なし)2番目のエディターのみはい、独立したインとアウトです。
編集と共に存在するアニメーション該当なしいいえ:別アプリ、手作業で置き換えはい:同じタイムライン上で
トリミング後の再編集該当なし再書き出してすべての要素を再配置セクションと一緒に移動します。
維持するためのツール1つ二つ1つ

よくある質問

Screen Studioには入退出アニメーションがありますか?

いいえ。入退場アニメーションはScreen Studioの機能ハブで301票を獲得し、ステータスは「計画中」となっていますが、確定したリリース日はありません。現在Screen Studio内で要素をアニメーションで出入りさせる方法はありません。

Screen Studioでアニメーションテキストを追加できますか?

ネイティブではできません。Screen Studioには手動のテキスト注釈ツールはなく、自動生成字幕のみで、アニメーションコントロールはありません。Screen Studioの録画にアニメーションテキストを追加するには、動画を書き出し、CapCut、Descript、またはCamtasiaのような別の動画編集ソフトでテキストを追加する必要があります。

画面収録でテキストを表示・非表示にするにはどうすればいいですか?

テキスト要素に独立した入場および終了アニメーションがあるエディターを使用してください。Tight Studioではテキストセグメントを追加し、タイムライン上で画面表示時間を設定してから、アニメーションタブで入場アニメーション(フェードイン、スライドイン、スケールイン)と終了アニメーション(フェードアウト、スライドアウト、スケールアウト)を選択します。

アニメーションテキストのための最適なScreen Studioの代替は何ですか?

アニメーション付きカロウトテキストが主な目的である場合、Mac上のTight Studioが最も同等のオプションです。Screen Studioと同じカテゴリのカーソルズームと録画の品質を持ち、独立した入退場アニメーション、調整可能な期間、スライド方向、スケールを持つテキストセグメントがあり、Screen Studioにはない機能です。

文字だけでなく、画像をアニメーションさせることもできますか?

はい、Tight Studioで可能です。テキストセグメントで利用可能なフェード、スライド、スケールの出入りアニメーションは、画像オーバーレイにも適用されるため、ロゴ、バッジ、スクリーンショットもテキストコールアウトと同じようにアニメーションで表示/非表示できます。

Xで共有