読者です 読者をやめる 読者になる 読者になる

初心者BSの[After Effects][Photoshop][Illustrator][Cubase]まったりブログ

AdobeCCシリーズ+Cubaseで、まったり制作していく

テキストアニメーション

テキストアニメーション柄表現 part.4 LINEを整列し、調整して完成!

17.[LINE]を複製 [編集]→[複製] [LINE]を9個に複製しました。 18.[LINE]を整列 [ウィンドウ]→[整列] 一番上に表示されている[LINE]を選択し、上に揃えます。 続いて、一番下に表示されている[LINE]を選択し、下に揃えます。 全ての[LINE]を選択し、 [整列]→[…

テキストアニメーション柄表現 part.3 BOXを整列

11.最初に作成した[コンポ1]に、[BOX]をドラッグ&ドロップ 画面左上にある[BOX]素材を、最初に作成した[コンポ1]にドラッグ&ドロップしました。 12.[BOX]を複製 [編集]→[複製] [BOX]を17個に複製しました。 13.[BOX]を整列 [ウィンドウ]→[整列] 一番上に表示…

テキストアニメーション柄表現 part.2 全ての平面レイヤーを選択し、プリコンポーズ

6.[ブルー平面1]を複製 [ブルー平面1]を選択し、 [編集]→[複製] 計4つに複製します。 7.複製した平面の[カラー]変更 それぞれの[カラー]を変更しました。 8.[ブルー平面1]の、トランスフォーム[位置]にキーフレームを打つ 平面を全て選択し、[p]を押します。…

テキストアニメーション柄表現 part.1 エフェクト塗り

柄を波のように出現させると同時に、テキストも出現させてみました。 1.新規コンポジション作成 [コンポ1]が作成されます。 2.新規コンポジション作成 幅、高さは[120pixel]にしました。 [コンポ2]が作成されます。 3.新規平面を作成 [コンポ2]と同じで、幅…

テキストアニメーション 線の動きに合わせて出現 part.4 最終調整して完成です!

18.新規[テキストレイヤー]作成 新規テキストを[Creative Cloud]として、サイズ調整をした後、テキスト[After Effects]の上に配置しました。 19.テキスト[Creative Cloud]の[位置]にキーフレームを打つ テキストが、下から上に出現するように、キーフレーム…

テキストアニメーション 線の動きに合わせて出現 part.3 トラックマット[アルファ反転マット]

13.テキスト[After Effects]の[位置]にキーフレームを打つ テキストが、下から上に出現するように、キーフレームを打ちます。 線が描かれるタイミングとマッチさせてみました。 14.速度グラフ調整 テキスト[After Effects]の速度、下から上に出現するタイミ…

テキストアニメーション 線の動きに合わせて出現 part.2 線の位置を調整する

6.調整レイヤーの位置調整 [グリッド]を非表示にして、調整レイヤーの[トランスフォーム]でテキストとの位置関係を微調整します。 7.エフェクト[線] [調整レイヤー 1]に、エフェクトをかけます。 [エフェクト]→[描画]→[線] 8.エフェクト[線]設定 [ブラシのサ…

テキストアニメーション 線の動きに合わせて出現 part.1 ペンツールを使ってみよう

今回は白い線の動きに合わせて、テキストを出現させてみました。 1.新規コンポジションを作成 2.テキストレイヤー作成 [After Effects]と打ち込み、[ウィンドウ]→[整列]で映像画面の中央に配置しました。 3.調整レイヤーを作成 [調整レイヤー 1]が、作成され…

テキストアニメーション 床から出現 part.3 影を作り、微調整して完成!

1.[コンポジション1]を複製 [編集]→[複製] 名前を[影]とします。 2.[影]トランスフォーム設定 ・3Dレイヤーにチェックを入れます。 ・[X回転]→[180°] ・[位置]→[Y]→文字と文字が重ならない位置まで移動 3.[影]にマスクを作成 左上[長方形ツール]を選択し、映…

テキストアニメーション 床から出現 part.2 「アニメーター2」を作成し、プリコンポーズ。

1.[アニメーター2]作成 再び[テキストレイヤー]→[アニメーター]→[位置] 選択します。 [アニメーター2]が作成されました。 2.[アニメーター2]設定 ・[範囲セレクター]→[高度]→[シェイプ]→[下へ傾斜] ・[位置]→[Y=300] ※テキストを左側から引っ込めたいので[ア…

テキストアニメーション 床から出現 part.1 「アニメーター1」の設定

今回は、このようなテキストアニメーションに挑戦してみました! 1.新規コンポジションを作成 2.新規平面を作成 3.テキストレイヤーを作成 [ウィンドウ]→[整列] 中央に配置します。 4.[アニメーター1]作成 [テキストレイヤー]→[アニメーター]→[位置] 選択し…

テキストアニメーション回転 part.2 テキスト素材の設定をして完成!

1.テキストに不透明度設定 [トランスフォーム]→[不透明度] 開始位置が0%、2秒後に100%(フェードイン) 2秒前が100%、終了位置で0%(フェードアウト) キーフレームを打ちました。(2秒は適当です) 2.テキストレイヤーをプリコンポーズ テキストレイヤー3つを選択…

テキストアニメーション回転 part.1 テキスト素材を用意する

1.新規コンポジション作成 [1920×1080]、[29.97F]、デュレーションは適当に30秒です。 2.新規テキストを作成 松尾芭蕉[荒海や 佐渡に横とう 天の川]を使用しました。 テキストレイヤーを、[荒海や][佐渡に横とう][天の川]の3つに分けて作成しました。 3.テキ…