見出し画像

LINE風動画(アニメーション)の練習記録

初記事です。

Illustratorでトレースした時や、YouTubeを見て動画作成を練習した時、メモしていた事を書いていこうと思います。

今回は、動画編集クリエイターのmorisuku さんのYouTubeの動画を参考にLINE風動画を練習で作ってみました。

参考動画

⬇参考動画を元に作った動画⬇

雰囲気はそれっぽいものが出来たと思うのだけれど細かい部分が気になります…(既読や午前の文字がないとかではないですよ)

※文字が出た最後の時、ブレているというか、はねていると表現するのかポコンと出たあとの表現の仕方がわかりませんでした。

samu_r_アートボード 1

サムネイルも配置等は真似してみました。

--------------------------------------------

❏用意したもの❏
・吹き出し(Illustratorで作成)
・動画(フリーのものを使用)
⬇MotionElements⬇無料で使える素材もあります。

--------------------------------------------

①LINE風吹き出し画像の挿入しサイズ調整。

エフェクトコントロールパネル内
【fx モーション → 位置 をクリック】
すると、画面上にBOX?が出てくるので拡大縮小+移動して確定。

文字入力

ファイル → 新規 → レガシータイトル】
文字色(黒)フォント(それっぽいもの)サイズ(吹出しサイズへ)
※作成したものをタイムライン上へ配置
※作成したものをoption+移動でコピーしたものを
ダブルクリックし時間を作成し配置する

***************************************
★タイムライン上には
・時間(既読9:00)
・コメント(やっほ〜!)
・吹き出し画像
***************************************
3つを選択して目一杯右に伸ばしておく(ポイント!)
右クリックして”ネスト”(入れ子状態)にしておく。

③ネストしたものをダブルクリックし開き
 3つをコピー[optiom+C]

メインの方へ → ”V3”へチェックを入れ貼り付け[option+V]
※ネストしたシーケンスと重なって見えにくくなっているので目のマークのチェックを外し非表示にしておく。

④コピーしたものを修正していく

●吹出を反転【エフェクト→ トランスフォーム(水平反転)】を挿入
○吹出しの色変更【エフェクト →  RGBカーブ】を挿入
 →青のカーブを右上から左上へ移動
 ▶私は、このRGBカーブを何度やっても青色にならなかった…
  何でかわからず色違いの画像を挿入しました
●吹出の位置移動【コントロールパネル → モーション→位置】をクリック
 画面上で吹出を移動する。
■文字の2つを選択しoption+上に移動でコピーする。
 注意)そのまま文字を変更すると元の文字も同じように変わってしまう。
    コピーしてから元を削除した後変更することにより防げる。
★変更後右クリック→ネスト

⑤ネストしたシーケンスにトランスフォームしていく

非表示にしたものを表示し
【エフェクト→トランスフォーム→位置】にキーフレームをうつ
10フレーム後に上に移動する。
タイムライン上、2つ目のネストは10フレーム目に移動する
+++++++++++++++++++++++++++++
作成したトランスフォームは右クリックして”プリセットの保存”
→”line_up”などの名前をつけ「インポイント基準」にチェックを入れ保存
+++++++++++++++++++++++++++++
⬇⬇⬇

⑥3〜5を繰り返し次々に作っていく。

白と緑をネストしカット。後側に⑤で保存したトランスフォームのプリセットを適用すると簡単に出来る。キーフレームの最後に新ネストを移動
(エフェクト→プリセット内にある)

  カット |❸→→→10f 辺りに移動
ーーーーーーーーーーーーーーーーーーーーーーー
❶❷|❶❷→→→ここにプリセット適用→→

⑦アニメーションをつけていく

トランスフォーム内の
■アンカーポイントと位置にて吹出しのとんがった部分に起点を設定する。
■コントロールパネル→トランスフォーム→アンカーポイント(+位置)
を選択すると画面に⊕のようなマークがでてくるのでマークを移動し吹出しの位置を設定しなおしてOK。
▲スケール(キーフレーム)1〜100へ
▲不透明度(キーフレーム)0〜90%
▲シャッター角度(キーフレーム)360から0?
※違う可能性もあります

こうやってアウトプット的に書いていくと頭の中が整理されていいですね。
しかし、正直、文字情報だけではわからないので動画を見てやってみると本当にわかりやすいです。

こうやってチュートリアルを出してくださる方には本当に感謝しかないですね♪

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
2
はじめまして。 2020年7月19日よりnoteはじめました。 Illustrator/Premiere Pro/After Effectsなどの練習メモ日記を主に書いていこうと考え中です。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。