Instagram – STORIES TEXT ANIMATION

【Instagram】文字が動くストーリーを作る方法 アプリなしでアニメーションが作れる

INTRODUCTION

インスタグラムのストーリーで好きな文章をアニメーション化して、文字を動かすテクニックがあります。

外部アプリなしでも作れる方法もあるので紹介していきたいと思います。

hypetext 01

ANIMATE TEXT

文字を動かす方法

特別な外部アプリなしで文字をアニメーション化したストーリーが作れます。

こんな感じにタイプしているような物が作れます。

ストーリーの歌詞をアップできるミュージックスタンプのように、好きな文章をアニメーションにできます。

文字のテクニックは色々

ストーリーで文字にエフェクトをかけたりするテクニックは色々とあります。

ちょっと一工夫して他の人よりワンランク上のストーリーを作ってみましょう。

HOW TO ANIMATE TEXT

ストーリーの文字を動かす方法について書いていきます。

ストーリーの文字を動かす方法

 ストーリーの「作成」モードを選択する。

 スクリーンレコードを起動して文字を打つ。レコード終了。

 記録した動画を文字の部分だけになるようトリミングする。

 ストーリーに動画を配置する。

❶ ストーリーの「作成」モードを選択する

ストーリーを開き「作成」モードを開きます。

画面に表示されている「タップして入力」を選択して文字入力の用意をします。

IMG 7354

❷ スクリーンレコードを起動して文字を打つ

画面録画(スクリーンレコード)を起動して録画状態にして、文字を入力していきます。

ストーリーは最長15秒なので文字入力も15秒以内に収まるようにしましょう。

IMG 7364

iPhoneの場合、スクリーンレコードは画面の下からスワイプアップしたメニュー内にあります。2重丸のアイコンです。

IMG 7370

❸ 記録したスクリーンレコードをトリミングする

スクリーンレコードの文字部分だけが表示されるように、動画の長さと範囲をトリミングします。

iPhoneの場合特にアプリなどを使わなくても標準の「写真」アプリ内で写真と同じように動画のトリミングができます。

IMG 7363

❹ ストーリーにトリミングした動画を配置する

ストーリーに戻り普段通りの要領で動画をあげます

背景の色はトリミングした動画と同じ色に自動で設定されます。

IMG 7366

背景色はベタ塗りがオススメ

「作成」モードでスクリーンレコードする際の背景色は、

ベタ塗り(白かグレー)にすると動画を配置したときに馴染ませることができます。

アニメーションが作れるアプリ

ストーリーの文字をアニメーションにして動かすことのできるアプリがあります。

先ほど紹介した文字入力スタイル以外のアニメーションを追加したい場合は外部アプリを利用しましょう。

基本無料で利用できるオススメアプリを紹介していきます。

Hype Type

ストーリー用に特化したテキストアニメーションのアプリです。

無料でも多くの種類のテキストアニメーションが用意されています。

IMG 7356
hypetype
↑こんな感じのエフェクトが作れたりします。文字の色やアニメーションの長さも調整できるので、シンプルながらできることは結構多いです。

有料プランもありますが、無料でも十分使えます。

Hype-Type: Moving Text Photo-s

Hype-Type: Moving Text Photo-s

無料posted withアプリーチ

Hype Text

ストーリーのテキストアニメーションに特化したアプリです。

作ったアニメーションを、背景を透明にしたgif画像で保存できるのが特徴です。

IMG 7367
こんな感じのアニメーションが作れます。無料だと保存できるgif画像のクオリティが低いです。

また、日本語の文字の場合入力はできますがフォントはバリエーションはありません。

Hype Text - インスタストーリー動画加工

Hype Text - インスタストーリー動画加工

無料posted withアプリーチ

More of Instagram

Instagram関連記事

本記事にも関連のある、ストーリー関連の記事が人気です。

併せて読んでみてください。

multiplephotos 01a

【Instagram】ストーリーで複数の画像を追加する方法

1つのストーリー内に複数の画像を配置したい時に使えるテクニックを紹介します。

textcolor 01

【Instagram】ストーリーで文字の色を変える方法

ストーリーに使う文字の色を一部分だけ変えたり、グラデーションをつける方法について書いています。

hypetext 01

【Instagram】ストーリーで文字を動かす方法

ストーリーで動く文字を配置する方法について書いています。

storiescolor 01

【Instagram】ストーリーで背景を塗りつぶす・半透明にする方法

ストーリーでは背景の色を変えたり半透明のカラーレイヤーを追加できたりします。

schedulefeed 01

【Instagram】日時を指定してポストを予約投稿する方法

インスタグラムの投稿の予約機能について説明しています。