gifbanner?sid=3471914&pid=886467816
Instagram – STORIES TEXT ANIMATION

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

インスタグラムのストーリーで好きな文章をアニメーション化して、文字を動かすテクニックがあります。外部アプリなしでも作れる方法もあるので紹介していきたいと思います。

Introduction

ストーリーで文字をアニメーションする方法について書いていきます。

アプリなしで作成する場合とアニメーション用のオススメアプリもあわせて紹介していきます。

hypetext 01

ANIMATE TEXT

文字を動かす方法

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

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

文字アニメーションの例

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

文字のテクニックは色々

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

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

textcolor 01

ストーリーで文字の色をカラフルにしたりグラデーションをかけるテクニックを紹介しています▽

HOW TO ANIMATE

TEXT

背景色を好きな色に変える方法

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

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

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

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

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

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

手順に関して詳しく説明していきます

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

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

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

IMG 7354

テキストの入力について

ストーリーの画面右上に表示される「Aa」のテキスト部分での入力はオススメしません。

入力時に画面が暗くなるので後でストーリーに追加するときに背景から浮いてしまいます。

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

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

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

IMG 7364

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

IMG 7370

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

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

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

IMG 7363

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

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

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

IMG 7366

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

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

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

storiescolor 01

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

APPS

アニメーション作成アプリ

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

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

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

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アプリーチ

q? encoding=UTF8&ASIN=B07PT8BZ1M&Format= SL250 &ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=tamahiro0b 22&language=ja JPir?t=tamahiro0b 22&language=ja JP&l=li3&o=9&a=B07PT8BZ1M

Anker Soundcore Motion+
12時間連続再生

Amazon

Rakuten

Yahoo!ショッピング

paypayモール

More of Instagram

Instagram関連記事

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

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

instagram shareStories 02

ストーリーをストーリーでシェアする方法について書いている記事です!

instagram 01

ポストをストーリーでシェアする方法について書いている記事はこちらです▽

LyricsInStories 01

ストーリーで曲や歌詞をシェアすることができるようになりました!2020年2月末に追加された新機能です。

instagram hideSeen 02

既読を付けずにDMを確認する方法について書いています。

instagram activityStatus 02

自分の最終ログイン時間が他の人から確認できないようにする設定です。

まとめ!

インスタグラムのストーリーの文字の色をグラデーションや虹色に変更する方法についてでした

慣れてコツを掴めれば簡単にできるようになります。

Pick UP Articles

ブログ内のおすすめの記事を紹介します。ぜひ併せてご覧ください!

Bilbao空港から市街地への移動方法を解説!

ビルバオ空港から市街地までバスでの移動方法について解説しています。

Bilbao観光でオススメのスポットを紹介!

ビルバオでオススメの観光スポットを紹介しています。

Bilbaoを巡るならBarikカードを作ろう!

ビルバオの公共機関の利用がラクに安くなるbarikカードを紹介します。

Gaztelugatxeへのアクセス方法を解説!

ビルバオからガステルガチェへの行き方/帰り方を解説しています!