197 Ae 粉砕エフェクトのshatterシャターを克服！4つのチュートリアルから学ぶ【アフターエフェクト】

197 Ae シャターshatterを克服！4つのチュートリアルから学ぶ【アフターエフェクト】

粉砕アニメーションの作り方は色々ありますね❣️
シミュレーションの
シャター、Pixel Polly、Particle System IIなどで
文字や画像を粉々にする事ができます。

今回はシャターの使い方を
4人のAeプロユーチューバーさんのチュートリアルで学びました。

１　【みやもんの道具箱さん：カスタム＆カメラ】
シャターエフェクトで画面が割れる映像の作り方！
https://www.youtube.com/watch?v=QoKILX0iahE

２　【TETERONさん：端から粉砕して消してゆく方法】
シャターを使ったテキストアニメーションの作り方
https://www.youtube.com/watch?v=ozKUg6ckuCU

３　【竹内屋さん：タイムリマットで逆再生する方法】
破片が集まって文字になる演出の作成方法
https://www.youtube.com/watch?v=CRKCtprl5Fc

４　【ダストマン：ひび割れた後に、部分的に崩壊】
文字を破砕！バラバラテキストアニメーションの作り方
https://www.youtube.com/watch?v=VCk7_o_UJEY

シャターだけでなく、アフターエフェクトの基礎が
色々学べるチュートリアルです。

みやもんさん、TETERONさん、竹内屋さん、ダストマンさん、
いつも素敵なチュートリアルをどうもありがとうございます👏

----------ポイント💡----------

●文字をプリコンしておくと、後で置き換えが簡単にできる！

●シャターのエフェクトはシミュレーションにあります！

● 表示をレンダリング　にしないとオブジェクトを破壊できません！

●シェイプパターンでガラスを選択し、繰り返しで細かさを表現！

●フォースの半径で、破壊される範囲を調整！

●調整レイヤーに適用すると、割れ始めタイミングを遅らすことができる！


１　【みやもんの道具箱さん：カスタム＆カメラ】

●シャターの使い方の基本がわかりやすく解説されています。

●「カスタム」の使い方も解説！
シェイプのパターンで、一番上の「カスタム」を選択し、
[カスタム粉砕マップ] で『Custom Shutter』 のレイヤーを選択
ワイヤーフレーム全面ビューからレンダリングにすると
違った割れ方をする

●「カメラ」の使い方も解説！
カメラを入れて、テクスチャのカメラシステムを
コンポジションカメラにする
カメラ位置をズームし、割れ方を角度を変えて映し出す


２　【TETERONさん：端から粉砕して消してゆく方法】

●右端から粉砕されてゆくようにするには、
フォースの位置を移動させてキーを打ちます。

●徐々に破片を消してゆくのに、fx:チョーク（マット）の使用！
上に消えていくあたりで
チョークマットの数値を増やして消してゆきます。

シャターの設定は、こんな感じ❣️
シェイプパターン：ガラス　繰り返し：200 押し出す深さ：０　
フォース；深度：0.1 半径：0.15 → 0.25　強度：１.0
物理的性質；
粘性:0.04 → 0　重力:0.1→ 0.7 方向：−55 勾配：40
フォース１の位置を文字の右下から左上に2秒で移動

グローの設定はこんな感じ❣️
しきい値:20, 半径:20, 強度:10

３　【竹内屋さん：タイムリマットで逆再生する方法】

shatterコンポのレイヤーを選択し
時間の「タイムリマップ使用可能」を適用！
最後の１フレーム手前でキーを作成し、最終キーを削除
最後までレイヤーを伸ばして、
反転さすため、最初のキーと最後のキーを入れ替える

シャターの設定はこんな感じ❣️

パターン：ガラス, 繰り返し：50
フォース１；半径:0.5
物理的性質；ランダム度：0.5, 粘性：0.25, 重力：0

グローの設定はこんな感じ❣️
半径：25, 強度：0.6,
A&BカラーにしてAとBの色をお好きに！

レンズフレアは105mm
光源の位置を左から右に移動し
明るさは中央でマックスになるように設定
F9で滑らかにして、スクリーンモードで投下する


４　【ダストマン：ひび割れた後に、部分的に崩壊】

最初にパキッと割れるシャターと
部分的に崩壊してゆくシャターの二つを作ります。

ひび割れるだけにするには、
粘性：1　重力：0　変動量：0

重力と変動量を変えることで、
崩れ落ちるアニメーションが作れます
詳しくは、ダストマン先生のチュートリアルでチェック！

シャターは悩みが多いエフェクトですね。
この４つのチュートリアルで、
皆さんも、シャターを克服してくださいね🤗

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●エフェクトを駆使した動画の再生リスト
https://www.youtube.com/watch?v=ZEHov54AkAY&list=PLYXusuLNwvZxFQm2RdaVHrq3HpQsClYaW

----------キーワード♯----------
#Ae逆引きエフェクト動画
#アフターエフェクト
#動画編集
#動画素材
#エフェクト
#シャター
#破壊
#粉砕
#割れる
#アニメーション

196 描画の電波で作るwaveアニメーション！ループして広がる図形【アフターエフェクト】

196 かまぼこ wave電波（描画）

【アフターエフェクト】
この動画は、かまぼこさんの下記チュートリアルをもとに作成しました。

中心から広がる図形の作成方法《海外チュートリアル翻訳》
https://www.youtube.com/watch?v=hQ9zBnAI92c

SonduckFilm《海外チュートリアル》
Create Beautiful Visual Loops in After Effects | Motion Graphics Tutorial
https://www.youtube.com/watch?v=mFAQrky6TeQ

かまぼこさん❣️いつもかっこいい動画作成チュートリアルをどうもありがとうございます👏


----------ポイント💡----------

電波（描画）のエフェクトで
格好いい線の広がるアニメーションを作ります。

多角形の辺の数を変えることで
図形が変更できます。

画面の中の広がり具合は、
ウェーブモーションの拡張で調整。

スピンで図形を捩れたように放出させます。
線幅は、開始幅のあたりをチョコチョコ触ってください。

ぼーっと輝いて見えるようにするのに
調整レイヤーを３つ作成します。
【fx:グロー】は2度かけて、２番目を濃いめに！
【fx:ブラーガウス】エッジピクセルを繰り返すにチェック
【fx：ノイズ]　カラーノイズを使用を　外す

ブラーにマスクをかけて、
加算を減算にして
周りをぼかします。

電波のレイヤーにペンツールで三角形を描き
　　電波の波形の種類：マスク
　　マスクをマスク１
に設定すると、あら不思議、
おしゃれに変形した波紋が広がります！

楽しいですよ！皆さんも是非、作ってみてください！

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。


●色々なエフェクトの動画再生リスト
https://www.youtube.com/watch?v=ZEHov54AkAY&list=PLYXusuLNwvZxFQm2RdaVHrq3HpQsClYaW

----------おススメ関連動画🎞----------

SonduckFilm
Infinite Loopable Tunnel Background | After Effects Tutorial
https://www.youtube.com/watch?v=uw4InHT_hk8

----------備忘録🗒----------

【fx：電波】
多角形：辺の数：４　
ウェーブモーション：拡張:2.5 スピン:5 寿命:50
線：白　フェードイン：5、アウト時間：65 開始幅：3

【fx:グロー】
2回かけて、2番目を
半径：150, 強度：3

新規調整レイヤ【fx:ブラーガウス】
ブラーガウス：２０
新規調整レイヤー【fx：ノイズ]
（一番上レイヤーに）
ノイズ：1５
カラーノイズを使用　外す

ブラーに楕円形マスクをかけて加算を減算にして
エッジピクセルを繰り返すにチェック
マスクの境界線をぼかす:200

マスクで作る変形板

電波のレイヤーを選択した状態で
ペンツールで三角形を描く
電波の波形の種類：マスク
マスクをマスク１

----------キーワード♯----------
#Ae逆引きエフェクト動画
#アフターエフェクト
#動画編集
#動画素材
#エフェクト
#電波
#図形の広がるアニメーション
#線のアニメーション背景
#ビジュアルループアニメーション

195 ループpingponアニメーション&CCLenze でビヨーンビヨン【アフターエフェクト】

195 ループpingponアニメーション&CCLenze でビヨーンビヨン【アフターエフェクト】

この動画は、かまぼこさんの下記チュートリアルをもとに作成しました。

ループモーションアニメーションを作ろう！《海外チュートリアル翻訳》
https://www.youtube.com/watch?v=90zmH7tiZek

SonduckFilm《海外チュートリアル》
4 Infinity Loop Expressions For Motion Graphics | After Effects
https://www.youtube.com/watch?v=U09oIPO6iY8

かまぼこさん,SonduckFilmさん❣️ループし続けるアニメーションの作成チュートリアルをどうもありがとうございます👏

----------ポイント💡----------

ループを作るのに、propertyからloopOutばかりしている人！
pingpongがあるなんて、知らなかったよね！

このチュートリアルでは、
・文字
・動く白い線
・背景
みんな、loopOut("pingpong")で
ビヨーンビヨンと動かしています。

CC Lenseを使って
背景をさらに曲げてるあたりがオシャレ！

海外のチュートリアルを
かまぼこさんがわかりやすく解説してくれています。


是非、皆さんも、お試しください😁



●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●便利なエクスプレッションの再生リスト
https://www.youtube.com/watch?v=eUqpYhH73iI&list=PLYXusuLNwvZwzvPmmj6NhvMh614bstvW2
----------海外のおススメpingpong動画🎞----------
Minute AE Tutorials
LoopOutの「PingPong」式の使用方法
https://www.youtube.com/watch?v=-rP68L73CDU

----------備忘録🗒----------

【背景】
平面を長方形にして斜めに配置し
fx:ドロップシャドー；角度40 距離80 柔らかさ600
複製して色を変え、奥から重ねててズラしていく
【テキスト】
文字のアンカーポイントを中心に！
長方形でマスクして、アニメーターの位置にキー

【文字の拡大縮小の動き】
文字が出現したら、スケールにポヨヨンのキーを打ち
ex: loopOut(”pingpon”)

【横に飛ぶライン】
ペンツールで線（幅：20）を描き、1秒で移動させて
位置にloopOut()、複製してランダムに配置
キーをシフト選択し、選択ツールで端の四角を移動させる

【背景の拡大縮小の動き】
背景ラインの位置を動かして、loopOut(”pingpong”)
他のレイヤーにもコピペ

【メインコンポで歪みを出す】
調整レイヤにCCLenze, サイズ280, コンバージョン100
サイズに1秒で230にキーを打ちloopOut(”pingpong”)

----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画編集
#エフェクト
#pingpong
#loop
#繰り返しアニメーション
#CCLense
#そよそよと線が走る

194 Ae 文字アニメーション：3DのZ位置アニメ：ライト

194 Ae 文字アニメーション：3DのZ位置アニメ：ライト

この動画は、TETERONさんの下記チュートリアルをもとに作成しました。

１）
映画風テキストロゴアニメーション(初級)の作り方
https://www.youtube.com/watch?v=OFvDQo6aGSk

２）
【AE】光の中からテキストが出現するアニメーション
https://www.youtube.com/watch?v=Erb0fzKTzrs

３）
映画風タイトルテキストの作り方　Cinematic titles
https://www.youtube.com/watch?v=MnUpKyPorNk

TETERONさんは、ダストマンさんの次にハマった憧れのYouTuber❣️

ソフトな語りで丁寧な解説👏
でも、情熱的で、エネルギッシュなクリエーター

皆さんも、是非、チャンネルをチェックしてください❣️

----------ポイント💡----------

１）は、
シンプルなシネマ風ロゴです。
3D化して、7秒でZ位置を　500　→ -170　
不透明度で出現させて消してゆきます。


２）は、
文字の出現と合わせて、光源を動かし、
加算で背景に合成しています。

文字の出現は、マスク動かして
徐々に見えるようにします。

文字に影をつけるには、テキストを複製して
黒にして不透明度40%

３）は
文字に煙が漂うようにして、消えていく
格好いいテキストの作成です。

フラクタルノイズのタービュレント滑らか（スプライン）で
ムラムラを作って、
フラクタルノイズのレイヤーの下に文字を配置し、
文字レイヤーをルミナンスキーマットにして
煙ムラムラを切り取ります。



●このチャンネルは、アフターエフェクトを独学する人に
おすすめのチュートリアルを紹介しています。
チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1

ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●文字アニメーションの再生リスト
https://www.youtube.com/watch?v=ZebTit8DM4U&list=PLYXusuLNwvZw2MTBAsYUUcRJgJjwGsdw6

----------キーワード♯----------
#Ae逆引きエフェクト動画
#アフターエフェクト
#動画編集
#動画素材
#エフェクト
#３Dの位置Zアニメーション
#煙の映像のルミナンスキーマット
#光源のレンズフレア
#テキストアニメーション
#オープニング

193 Ae マスクとシェイプのアルファマットを使ったのアイコン・文字アニメーション【アフターエフェクト】

193 Ae マスクとシェイプのアルファマットを使ったのアイコン・文字アニメーション【アフターエフェクト】

この動画は、K365motionさんの下記チュートリアルをもとに作成しました。


3D回転するボトルアニメーションを制作”CGソフトを使用しない”
https://www.youtube.com/watch?v=qwGeUkJMvkM

K365motionさん❣️素敵な動画作成チュートリアルをどうもありがとうございます👏

----------ポイント💡----------

回転しながら登場するボトルのアニメーションです。
ボトルの波線やロゴをスライドインさせて
シェイプで部分表示することで
回転しているように見せるのがポイントです。


文字の出現も、
マスクを移動させながら表示しています。
３Dではなくて、３D的表現ができるのがいいですね❣️


ーーー作業めもーーー

線にジグザグを追加し、ポイントを滑らかにして
CC RepeTileの Expand Downで複製し、
スライドインのキーを打ち
ボトルの大きさにシェイプを作り
ジグザク線のアルファマットで部分表示する
ロゴもExpand Right 2000で左にRepeTileして
ロゴ用にシェイプを作り、アルファマットで部分表示

テキストにも
ボトルが通った後に
色が変わるようにマスクし
折り返してボトルが右スライドするときに
下の文字にもマスクで消えるようにする

消え去るアニメーションは、
打ったキーを複製して、
キーフレーム補完の時間反転キーフレームで逆にする

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1

ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。


●ロゴアニメーションの再生リスト
https://www.youtube.com/watch?v=PUsqwWPD0tE&list=PLYXusuLNwvZzvuc6FOczXx712zKwXWxCh


----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画編集
#動画素材
#エフェクト
#アルファマット
#ギザギザの追加
#マスクアニメーション
#ボトルの回転

191 ドーナツ状の３D回転するテキストロゴ【アフターエフェクト】

191 ドーナツ状の３D回転するテキストロゴ【アフターエフェクト】

ドーナツ状で動くテキストロゴアニメーションは、たくさんの人から紹介されています。

《海外チュートリアル》
Dope Motions：
『Smooth Text Animation in After Effects - After Effects Tutorial』
https://www.youtube.com/watch?v=aWFHsMl3q7c&t=0s

かまぼこさん
内側から回転するテキストの作成方法《海外チュートリアル翻訳》
https://www.youtube.com/watch?v=5Mc9hb9q6_M

AEマスター
「タイポグラフィーテキスト・シリンダー」作り方
https://www.youtube.com/watch?v=Q--7ce__Tzg
AE「テキストアニメドーナツ」作り方/後半完成編
https://www.youtube.com/watch?v=xXQhfoDsFKA

竹内屋さん
ドーナツ状のクリエイティブ・タイポグラフィの作成方法
https://www.youtube.com/watch?v=UDu4vjPKwzc
たくさんの素敵な動画作成チュートリアルを❣️どうもありがとうございます👏





----------ポイント💡----------

4つのコンポを作り、文字を棒状にしてから輪っかにします。

使うエフェクトは！
fx:塗り（描画）
fx: 色被り補正（カラー補正）
fx:CC Cylinder（遠近）
fx:CC Sphere（遠近）

自分ではなかなか思いつかない、粋なアニメーションですが、
標準機能だけで結構簡単に作れるので
是非、皆さんも作ってみてくださいね！

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●３D動画の再生リスト
https://www.youtube.com/watch?v=2S3I3vioIzM&list=PLYXusuLNwvZyyigbaHRDOP_gSafAGlEBD
----------備忘録🗒----------

１『テキスト横長コンポ』1920x200
文字を入力して　
黒平面にfx:塗り

２『テキスト縦長コンポ』800x1920
テキスト横長コンポを縦90度にして
4個を並べ
fx: 色被り補正　で白黒を反転させ
段違いに文字の色を変える

３『横棒回転コンポ』1920x1080（フルHD）
テキスト縦長コンポを入れて回転を-90
fx:CC Cylinder RotationY: time*90
Light Height : 100
コンポの位置を上に移動

４『ドーナツ回転コンポ』
横棒回転コンポ入れて
fx:CC Sphere
Radius : 300 Rotation X:-90 Light Height :100

切れ目は、『横棒回転コンポ』のPosition Zで調整　:70

----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画素材
#エフェクト
#３Dロゴ
#ドーナツ状
#浮き輪状のロゴ
#CC Cylinder
#CC sphere

192 Ae CC Griddlerで作る簡単でおしゃれな背景動画【アフターエフェクト】

192 Ae CC Griddlerで作る簡単でおしゃれな背景動画【アフターエフェクト】

この動画は、かまぼこさんの下記チュートリアルをもとに作成しました。

【サムネの背景も作れる】CC Griddler
https://www.youtube.com/watch?v=rITYBK_T6sQ

----------ポイント💡----------

CC Griddlerは、触ってみると、結構楽しいエフェクトですね❣️
初期の設定から、色々と動かして遊んでみました。

Horizontal Scale:50
Vertical Scale:70
Tile Size:10
Rotation:120

この４つの設定を動かして作っています🤓

この動画では、
色は、調整レイヤーにfx:色相彩度を適用し
[色彩の統一]　にチェックを入れて、
[色相]で 色味をそれぞれ変更しています。

光の感じは、
fx：CC Light Sweepで光源を入れています。
動かしてもいいですね🤗

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●背景動画作成の再生リスト
https://www.youtube.com/watch?v=fzlWWW88LCw&list=PLYXusuLNwvZzoWGaacgumuISPKYyef_GJ

----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画編集
#動画素材
#エフェクト
#CCGriddler
#背景動画
#色相彩度
#CC Light Sweep

190文字が輪になってロゴのまわりをくるくる回る３D回転アニメーション【アフターエフェクト】

190文字が輪になってロゴのまわりをくるくる回る３D回転アニメーション【アフターエフェクト】

この動画は、K365motionさんの下記チュートリアルをもとに作成しました。

3D回転するテキストアニメーション｜プラグイン必要なし
https://www.youtube.com/watch?v=0o-DW_QEsbU
K365motionさん❣️とてもわかりやすい３Dアニメーションのチュートリアルをどうもありがとうございます👏

文字が輪になってロゴのまわりをくるくる回る
３D回転アニメーションのチュートリアルは、

amberさんの解説動画もおすすめです❣️
3D回転するテキストアニメーション
https://www.youtube.com/watch?v=nIN0yXE7wlg

----------ポイント💡----------

文字を３Dでくるくる回すのに

今回は、テキストのアニメーターで
「文字単位の３D化を使用」を選択し、
「回転」を追加して回転X：-90にするのがポイントです。

中央に配置するロゴや商品の画像も
３D化して、格好いい合成映像を作ってくださいね❣️

テキストを円形にするには、
テキストを選択したまま正円のマスクを描き
パスのオプションでマスク1を選択します。

【CC Cylinderを使う方法】

３D回転に、CC Cylinderを使う方法もあります。
Position　Z や　Rotation X , Zを設定し、
回転は、Rotation Yにtime*エクスプレッションを入れます。

詳細は、以前紹介した下記サイトをご参照ください！

Ae_CC Cylinderで作る文字！ドラム缶風回転ロゴアニメーション
https://studio.youtube.com/video/XH1-wUfZY00/editor
AEマスター
https://www.youtube.com/watch?v=e7cGkU6SCN4

●このチャンネルは、アフターエフェクトを独学する人におすすめのチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

----------備忘録🗒----------

中央に配置したテキストを選択した状態で
楕円形ツールで正円のマスクを作成
アンカーポイントを中央に！

テキストのパスのオプションで [マスク1] を選択
内側に文字が入るので
一周に埋まるように文字を追加し
文字間隔を調整する

アニメーターで
「文字単位の３D化を使用」を選択
「回転」を追加し、回転X：-90
３D化をカスタムビューで確認

トランスフォームでX；150
輪っかの大きさを調整し
ロゴや商品の画像を中央にに配置
３Dして立体的に見えるよう中に入れる

----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画素材
#エフェクト
#輪になった文字
#３D回転する文字
#文字単位の３D化を使用
#アニメーター
#CCシリンダー