76Ae_アメコミ風ドット背景と集中線の作り方（フラクタル＆極座標）

76Ae_アメコミ風ドット背景と集中線の作り方（フラクタル＆極座標）

この動画は、下記のkossさんとトニラボ先生のチュートリアルをもとに、作成しました。

【AfterEffects tutorial】オシャレ！アメコミ風なデザイン背景の作り方
https://www.youtube.com/watch?v=CLIP6XUsKkE

表現の幅が大幅UP！！エフェクトを組み合わせて作る集中線！
https://www.youtube.com/watch?v=DDAplgPKPJo&t=923s

kossさんや トニラボ先生のチュートリアルは、とても分かりやいので、
是非、皆さんも登録してくださいね！


アメコミ風背景は、
黒丸をリピーター追加で縦横に増やして
ドット画面を作ります。

集中線の作り方にはいろいろありますが、

● kossさん編

集中線は、平面にフラクタルノイズを適用し
トランスフォームの縦横比固定を外して、縦長の縞を作り
局座標で円形にします。

補間を100%にする前に、
変換の種類を
「極線から長方形へ→長方形から極線へ」をお忘れなく！

明るい方が線が少なく、暗い方が銭が多くなります。


● トニラボ先生編

トニラボ先生も、フラクタルノイズ ・極座標を使いますが、
ポスタリゼーションを使って、映像をカクカクさせて
漫画風にしています。

どちらも、マスクを使用して中央を抜くこと
描画モード（乗算　or 加算　or　スクリーン）で
映像に重ねるところがポイントです。

ーーーーーーーーー ー作業メモーーーーーーーーー ーー

【色を変えれる背景の作り方】
白平面にfx:色かぶり補正
（後に色を変えることができる）

【画面いっぱいのドット背景の作り方】
シェイプレイヤー で円（線をオフ）

ドットのサイズ:15

リピーター1
トランスフォーム：リピーター１ の
　位置：40,0
コピー数：52
オフセット:-26

リピーター２
トランスフォーム：リピーター２ の
　位置　0,40
　コピー数:32
　オフセット:-16

【集中線をフラクタルと極座標で作る方法】

平面にフラクタルノイズ
種類・ソフトリニア
コントラスト:500
トランスフォームのスケール
幅：8　高さ:4500
展開：time*1500

fx：　極座標
補間：100
変換の種類：
極線から長方形へ→長方形から極線へ
S拡大

【集中線の線の量を調整するには！フラクタル】

フラクタルの「明るさ」で
線の量を変更　20


【集中線の真ん中を[マスク反転]のぼかしでぼかす方法】

プリコン『集中線』
モード　：　乗算

集中線を選択して、楕円形ダブクリでマスク
マスクの反転
境界線のぼかし：　200

ーーーーーーーーー トニラボ先生ーーーーーーーーー

fx: フラクタルノイズ （ノイズ）
コントラスト ：　4000
明るさ　：　-300
縦横比を固定を解除
幅と高さ　5 と3000
展開:
5秒で50

fx: 極座標（ディストーション）
長方形から曲線へ
補完を100%

fx: ポスタリゼーション（時間）
fx: フレームレート：　８

モード　：　スクリーン

集中線に
楕円形マスク：反転　
境界線のぼかし：200　
拡張 ：400


ーーーーーーーーー ーーーーーーーーー
集中線の作り方はいろいろあるね！

kossさん
バラエティでお馴染み集中線の作り方
https://www.youtube.com/watch?v=yRcB6SWVC7g

【シェイプの円で作る方法】

動画制作くらふと
「008.簡単。漫画の集中線、効果線の作り方」
https://www.youtube.com/watch?v=h0cKbLE5L2w
正円のパスのウィグル:
サイズ：1800
ウィグル/秒：10秒

【CC Cylinderで作る方法】

アフターセブン
標準エフェクトのみで集中線を作る少し変わった方法
https://www.youtube.com/watch?v=oFrke3CuAUk
カメラを入れて、レンズ補正で調整！ギザギザマスクもイイね！

竹内屋
AE講座 第14回 放射状に流れるような効果背景
https://www.youtube.com/watch?v=sZq4HGZZv20&t=27s

【シェイプレイヤーの線 で作る方法！】

カズノコ
集中線の作り方
https://www.youtube.com/watch?v=K2QXQ_Vc7vo&t=12s

イチカワ
AEで作る集中線！_ichikawa
https://www.youtube.com/watch?v=3wkqvYTa8eo

ーーーーーーーーー ーーーーーーーーー
#アフターエフェクト
#Ae
#集中線
#フラクタルノイズ
#極座標
#ポスタリゼーション
#アメコミ風ドット

75Ae_オーディオをキーフレームに変換して音に合わせてハートを動かす＆モーションタイル増幅方法

アフターエフェクト

この動画は、下記のkossさんのチュートリアルをもとに、アフターエフェクトで作成しています。

【AfterEffects tutorial】音に合わせてハートをドキドキ動かすテクニックhttps://www.youtube.com/watch?v=Abh7VpbUP-Q

ーーーーーーーー作業メモー ーーーーーーーーー

ハートのコンポ（1000x1000）

音ファイルを選択し
キーフレーム補助；オーディオをキーフレームに変換
レイヤーに、「オーディオ振幅」ができる

ハートのスケール を
「両方のチャンネル」の「スライダー」にwhip

【ハートをドキドキさす方法】
スライダーにEx:
value+90

8:05

【ハートを増殖さす方法】
新規コンポにハート素材を入れる
ハートの素材に

fx:モーションタイル (スタイライズ)
を適用

増幅する直前で
[タイルの幅] [タイルの高さ] [出力幅] [出力高さ]
全て100でキー

1フレーム進んで
タイルの幅: 20, 　高さ:20,
出力幅: 200, 出力高さ: 200

これを繰り返して増やしてゆく


【モーションタイル を段違いにする方法】

フェーズの位置を変えてズラす（例：185）


ーーーーーーーーー ーーーーーーーーー

可愛いハートのチュートリアルが
たくさんありますね！
皆さんも、バレンタインに向けて、
素敵なハートの動画を作ってくださいね！

● ムラサキ 脱Ae初心者チャンネル
アフターエフェクトで可愛いアイコンアニメーションを作ろう！
https://www.youtube.com/watch?v=L1ElQhatww0


● 動画制作 くらふと
「030.バレンタイン用 ハート オープニング動画の作り方」
https://www.youtube.com/watch?v=NMvPSi6psy8

ーーーーーーーーー ーーーーーーーーー
#アフターエフェクト
#Ae
#ハート
#ドキドキ
#増殖エクスプレッション
#音に合わせて

74Aeハーフトーンエフェクトのドット画面の作り方

74Aeハーフトーンエフェクトのドット画面の作り方

この動画は、Racconさんの
実写動画のアクセントにも！後から素材を差し替えるだけ！＜アフターエフェクト＞
Raccon Effect【ラクーンエフェクト】
を元に作成しました。
https://www.youtube.com/watch?v=q1GZn...


ーーーーーーー作業メモーーーーーーー
【映像を白黒に】
　　fx: 色かぶり補正、
　　fx: 反転

【ドット画面の作り方】
20pxの円をリピーターで増やす
リピーター１;位置：30,0（Xで横に増やす）
リピーター２;位置： 0, 30（Yで縦に増やす）
コピー数とオフセットを調整
（円のサイズや間隔はお好みで！）


※ドットの作り方の参考チュートリアル
ムラサキ 脱Ae初心者チャンネル
アフターエフェクトで画像をハーフトーンにする方法
https://www.youtube.com/watch?v=0dFhw...

しかし、ダストマンさんによると
CC Ball Actionで簡単に、軽く、できるようです！
https://www.youtube.com/watch?v=AJJAM...

何てこった！


【映像に合成するのには】

fx: ブラーカメラレンズ
「ブラーマップ」に動画を選択
ブラー半径：15（映像が浮き出てくるように）

調整レイヤーに
fx: レベル補正
黒レベルを右にずらして上げると
画像が出てくる


【おまけ】
フラクタルノイズの
「にじみ」表現

ーーーーーーーーー ーーーーーーーーー
アクションプラネット
ドットとデュオトーンを使った写真スライド&オープニング https://www.youtube.com/watch?v=UPq6y...

※オープニングに使えそう！

kossさん
カラーハーフトーンエフェクトのやり方
https://www.youtube.com/watch?v=F_08f...
※fx:カートゥーンを使ったカラーもいいね！

codetylar
After Effects tutorial ハーフトーンパターンでトランジション
https://www.youtube.com/watch?v=0iX8r...
※トランジションがおしゃれ！

ーーーーーーーーー ーーーーーーーーー
＃アフターエフェクト
＃Ae
＃ハーフトーン
＃リピーターの追加
＃ブラーカメラレンズ
＃レベル補正
＃黒入力レベル

アフターエフェクトのロトブラシを使った動画の固定とカートゥーン風な加工

73Aeトロブラシを使った動画の固定とカートゥーン風な加工

73Aeトロブラシを使った動画の固定とカートゥーン風な加工

こちらは、映像ディレクターkossさんの
『ポップアート風な動画の作り方』のチュートリアルを元に作成しました。

https://www.youtube.com/watch?v=2UghNBJ01_I


動画フレームを固定して、ロトブラシで切り抜き、
リピーターでハーフトーンのドット画面を作って
カートゥーンでポップアート風に仕上げる手法です。
ハーフトーンのドット画面は、
ドットの大きさや間隔で雰囲気が変わりますね！

YouTubeにも使える楽しいテクニックですので、
皆さんも是非、オシャレに作ってみてくださいね❣️

ーーーーーーーーー作成したときの数値メモ ーーーーーーーーー

【静止画像を作る方法】

動画を複製して上の動画を「フリーズ」
止めたい位置で
時間＜フレームを固定
前部分をカット

【映像をポップアートにする方法】

fx: ブラー（詳細）
半径:40
しきい値:30

fx: カートゥーン（スタイライズ）
しきい値:1.45
幅:1.2
柔らかさ: 80
（縁が少し黒くなるようにする）

fx: 色相彩度
彩度:50
明度:11

fx: トーンカーブ
コントラストをS字で上げる


【画像を切り抜く：ロトブラシ】

「フル画質」「レイヤー画面」で
ロトブラシで囲っていく

グレーのバーを伸ばす
フリーズしてレイヤー画面を解除すると
切り抜かれている

「ロトブラシとエッジを調整」
赤マスク・黒表示の切り替えで調整
　
ぼかし:8
コントラスト:80
エッジをシフト:-19%
エッジのがたつきを軽減:78%


【ハーフトーンのドット映像】

フリーズ動画を複製して「ドット」を作成
「ドット」レイヤーの下に新規白平面「BG」

ロトブラシ以外のfxを消して
fx:色かぶり補正
fx:反転
表示をオフ

【ドット画面の作り方】
新規シェイプレイヤー で
円：塗り　黒　サイズ:4
リピーター；
　コピー数:400
　オフセット：-200
　トランスフォームリピーター１
　　位置：８　（横一列にドット）

　リピーター２
　トランスフォームリピーター１
　　位置：9　（縦にドット）

fx:ブラー（カメラレンズ）
ブラーマップのレイヤーから
○「ドット」レイヤーを選択
　ブラーの半径:3

【調整レイヤーのレベル補正で女性のみを表示】
fx:レベル補正　RGB
　黒入力レベルをアップ:240
　ブラーマップのレイヤーのソースで
　○「エフェクトとマスク」を選択

調整レイヤー、ドットのシェイプレイヤー 、ドット.mp5、白平面
をプリコン
○モード：ソフトライト

フリーズ以降にあけぼのの背景を入れる
ヌルを作成：
　ドットのコンポとフリーズのコンポを親子づけ
　拡大アニメ:100→125
　位置を中央にアニメ


【女性から文字が飛び出すアニメ】
テキストにドロップシャドー
　不透明度：75
　距離:12
　柔らかさ：6


ーーーーーーーーー ーーーーーーーーー

#アフターエフェクト
#Ae
#ロトブラシ
#カートゥーン
#ハーフトーンのドット画面
#ポップアート風
#静止画像

71Ae光速ワープのライトバーストと宇宙観のあるスターバーストの背景素材

71Ae光速ワープのライトバーストと宇宙観のあるスターバーストの背景素材

集中線のように使える光速ワープの
宇宙観漂う「ライトバースト」と「スターバースト」の背景素材です。


【CC Light Burst】

CC Light Burst（描画）は、kossさんの下記チュートリアルを元に作成しています。

『カッコイイ！！サイバーパンク な集中線の作り方 』
https://www.youtube.com/watch?v=6kccEBO80-w

ブラーの長さを長くして、マットチョーク（マット）をかけることで、
スピード感が出ます。
CC Flo Motion（ディストーション）の
KnotとAmount、Finer Controlsの調整で面白い効果が出ますね！
チャンネルシフト （チャンネル）で赤・緑・青をズラして
加算モードにすることで高速の光の表現ができます。


【CC Star Burst】

CC Star Burst（シミュレーション）でspeedにキーを打って作った
”AEマスターさん”の光速ワープのアニメーションです。
ゲーム動画でも使えそうですね！

https://www.youtube.com/watch?v=gLToLkHkdhg&list=PLxhJ8xEoMpCskddKssh_6M5WukiqDDrc-&index=2

皆さんも、格好いい宇宙空間のワープアニメーションを
作ってくださいね！

ーーーーーーーーー ーーーーーーーーー

kossさんのチュートリアルの作業メモ

fx: CC Star Burst（シミュレーション）
Scatter 180
Grid Spacing 10
Size 50

【ブラーをかける】
fx: CC Light Burst 2.5(描画)
Ray Length -100

fx: マットチョーク(マット)
チョーク１　-100 か-120位に下げる　
（粒子の線が見えてくる）

[CC Flo Motion：調整レイヤー]
fx: CC Flo Motion(ディストーション)
Knot1 : 960 540　中心に
Knot2 : 960 540　中心に
Amount 1 : 0
Amount 2 : 180
Finer Controlにチェック

[色の表現を変える]
複製して全部で3つ作り
チャンネルシフトとモードを適用

fx: チャンネルシフト(チャンネル)
赤以外をフルオフ
緑以外をフルオフ
青以外をフルオフ

モード
上から　加算　加算　通常
にして1fづつズラす

[グローで光らせる]
fx: グロー
しきい値：37％
半径：46
強度：1.2

ーーーーーーーーー ーーーーーーーーー

#アフターエフェクト
#StarBurst
#LightBurst
#マットチョーク
#チャンネルシフト

アフターエフェクトの動画広告・タイトル文字（トラックマットでブラインドやフラクタルを使ったロゴ）

広告・タイトル文字（トラックマットでブラインドやフラクタルを使ったロゴ）

テキスト（文字）の広告素材です。
アフターエフェクトでトラックマットを使って映像を合成しています。


波しぶきを上げる海や、
夏の爽やかな光景が目の前に広がります。
夏気分を満喫して
リフレッシュしてくださいね！


ご希望の画像などお気軽にご連絡ください。


＃アフターエフェクト
＃Ae
＃ロゴ
＃トラックマット
＃SUMMER
＃OCEAN
＃動画広告

70Aeテキストロゴとトラックマット（アルファ・ルミナンスキー・反転マット）

70Aeテキストロゴとトラックマット（アルファ・ルミナンスキー・反転マット）

トラックマットは、最初は分かりづらいですね。
こちらは、下記Dr.BUさんのチュートリアルを元に、
https://www.youtube.com/watch?v=u17kucr_hNw

トラックマットのアルファとルミナンスキーで
文字の切り抜き表現をしてみました。

【アルファマット】
影響を与えるレイヤーが上
影響を受けるレイヤーが下

アルファマットでは、文字の直下のレイヤーの映像が
切り抜かれて文字の柄として表示される感じです。
イラストレーターのマスクと似ています。

下レイヤーのトラックマットで操作します。
トラックマットが表示されていないときは、
下のアイコンでモードの切り替えをします。




【アルファ反転マット】
下レイヤーで反転のトラックマットを設定します。
上レイヤーにどのように切り抜くかの指示するカタチです。

反転マットでは、文字以外の部分に
下レイヤーの映像を映し出します。
文字の部分は切り抜かれているので、さらに下に
映像やアニメーション画像を合わせられます。
（文字にブラインドをかけてもお洒落です！）



【ルミナンスキーマット】
ルミナンスキーマットは、輝度（明るさ）で制御します。
明るい白い部分を表示し、暗い黒い部分を隠します。

フラクタルノイズの下に文字を置き、
ルミナンスキー反転マットで切り抜きます。

フラクタルノイズを徐々に暗くして行くと
文字が隠れて行く表現ができます。


【ルミナンスキー反転マット】
ルミナンスキー反転マットでは、
暗い部分が最後まで表示されます。

とても単純な理論なのですが
慣れるのに時間がかかりますね❣️
Aeを開いて、実際に触ってみるのが一番です👍

カラフルな映像を文字で切り抜いたり、
フラクタルノイズを使って、オシャレな表現をしたり、
腕試しに、皆さんも、色々と作ってみてください❣️

69AekossSF映画風ロード画面 スライダー制御で数字を表示する方法

69AekossSF映画風ロード画面 スライダー制御で数字を表示する方法

かっこいい！SF映画風ロード画面の作り方 How to make a SF movie-like loading screen【AfterEffects tutorial】
https://www.youtube.com/watch?v=hoHlWVsnCjA

今回も、kossさんのチュートリアルから、グラフバーの作成です（13）。

文字レイヤーのテキストをスライダーにwhipするだけで
メーターの数字表現ができますね！3:50

整数表示は：
Math.round(effect("スライダー制御")("スライダー"))
ループ再生は：
loopOut(Type=”cycle")

エクスプレッションは、便利！便利！

皆さんも、格好いいグラフバーを作ってください！

ーーーーーーーーー 作り方メモーーーーーーーーー

【グラフバーの図形を作成】

長方形シェイプ（塗り＆線）を中央に配置し
シェイプレイヤー の中で、長方形を複製。

外枠：線幅20(塗りを非表示)
内バー：(線を非表示)

内バーのトランスフォームの
アンカーポイントを中央から左端にして
位置を元に戻し
スケールの鍵を外してXの長さを変更する

スケールにキーを打つ
　（1秒：0%, 3秒：70%, 3秒20F：85%, 4秒：90%, 4秒10F：100%）
グラフでランダムなラインを形成！


LOADING ...


【「...」を点滅させる方法】

不透明度の0s、 12f、 1s に
点滅するキーを打ち
３つのキーを選択して
１秒で１回点滅するex:
loopOut(Type=”cycle")


【整数を連続変化させて表示する方法】3:50

スライダー制御（制御）
数字のソーステキストをスライダーにwhip
小数点を表示させないroundのために、下記エクスプレッションを追加
Math.round(effect("スライダー制御")("スライダー"))

内バーのキーに合わせて
0 70 85 90 100

【サイバー的に光らせる方法】
fx:グロー
　しきい値：12.2 半径:10 強度：1.3

ーーーーーーーーー ーーーーーーーーー

68Ae円グラフのパスのトリミングとスライダー制御による整数表示【インフォグラフィック】に引き続き、グラフバーの【インフォグラフィック】チュートリアルです！

●TORAERA
かんたん3D棒グラフアニメーションの作り方【シェイプ】
https://www.youtube.com/watch?v=84XifIrsTtI

●After Effects Overdrive
棒グラフ　チュートリアル　【AfterEffects/アフターエフェクト チュートリアル】
https://www.youtube.com/watch?v=IW5wyZkKcxE

●動画制作 くらふと
「017.数値も動く、実用的な棒グラフの作り方」
https://www.youtube.com/watch?v=0CiATBvGlog

●リョータサトウ After Effects解説チャンネル
Ae / 『スライダー制御』を使って複数のレイヤーを簡単に管理する方法【海外チュートリアル日本語解説】
https://www.youtube.com/watch?v=773Ib7k_g68

●動画研 Douga-ken
After Effectsでインフォグラフィックを作る【グラフチュートリアル】
https://www.youtube.com/watch?v=nf-zo00_w4Q

●DENPO-ZI 2014
実践講座75 プレゼン効果絶大！簡単に作れる棒グラフ
（Graph）https://www.youtube.com/watch?v=qioBzH4XoBc

ーーーーーーーーー ーーーーーーーーー

#アフターエフェクト
#Ae
#グラフバー
#スライダー制御
#エクスプレッション
#ループ再生のエクスプレッション
#整数表示のエクスプレッション

68Ae円グラフのパスのトリミングとスライダー制御による整数表示【インフォグラフィック】

68Ae円グラフのパスのトリミングとスライダー制御による整数表示【インフォグラフィック】

こちらは、下記のkossさんのチュートリアルを参考に作成しています。

簡単！シェイプで作る定番の円グラフ Classic pie charts made with shapes
【AfterEffects tutorial】（18）
https://www.youtube.com/watch?v=KGITeTQxamo


変化する数字を作るために
数字レイヤーにfx:スライダー制御を適用し、
ソーステキストをスライダーにwhipして

整数表記するために
エクスプレッションに
「Math.round()」を追加します。

円グラフの動きと連動させるために
円グラフの終了点の二つのキーを
スライダー制御のスライダーにコピペします。

このほかにも、いろいろなテクニックが盛りだくさんです。

kossさんのチュートリアルはとても丁寧で分かりやすいので
是非みなさんもチャンエネル登録してくださいね！

ーーーーーーーー作業メモーーーーーーーーー ーー

【基本の円グラフの作り方】
シェイプレイヤー1で正円（線幅:5）
シェイプレイヤー2（複製）
（線幅:15,不透明度15%,S:内側に）
シェイプレイヤー3（複製）
（線幅:95,不透明度15%,S:内側に）

シェイプレイヤー4（複製）
（線幅:95,不透明度100%,S:そのまま）


【円グラフの動かし方：パスのトリミング】
終了点：　1秒:0％→2秒:〇〇%
F9 値グラフ：なだらかな上昇S

外側の線に
同じ位置に動きをコピペ

【数字（整数）アニメ：スライダー制御】
数字を入力
数字レイヤーにfx:スライダー制御
ソーステキスト のストッポッチをクリックしてから
スライダーにwhip
exに追加:Math.round()

【円グラフで数字を動かす方法】
円グラフ（シェイプレイヤー4）の
終了点の二つのキーを
スライダー制御のスライダーにコピペ

【伸びる線】
円周から外側にペンツールで線を描く
パスのトリミングを追加
終了点　0→100

【出現するテキスト：マスク】
テキストに長方形でマスク
テキストのアニメーターで「位置」を追加
アニメーター１＞範囲セレクター１＞位置Y
下から上にテキスト移動させて、F9

【円グラフの出現】

ヌルを作成し
スケール: 0→110→100
F9

全てのレイヤーをヌルに[親とリンク]


ーーーーーーーーー ーーーーーーーーー

心強いYouTuber先生方より、
たくさんのグラフのチュートリアルがでています。
皆さんも、いろいろなエフェクトと合わせて楽しんでくださいね！


●Cross Effects Tutorial
After Effects Tips シンプルでお洒落なグラフをいくつか作ってみた
https://www.youtube.com/watch?v=AcO41uEGJNs

●After Effects Overdrive
棒グラフ　チュートリアル　【AfterEffects/アフターエフェクト チュートリアル】
https://www.youtube.com/watch?v=IW5wyZkKcxE

●TORAERA
【アフターエフェクト】シェイプアニメーション入門5 円グラフアニメーションの作り方【Info Graphics】
https://www.youtube.com/watch?v=GE-YFd24p30&t=181s

●TETERON
【AfterEffects】モダンでシンプルな円グラフの作り方https://www.youtube.com/watch?v=3JK8U264inY

●After Effects Overdrive
円グラフ　チュートリアル　初～中上級向け【AfterEffects/アフターエフェクト チュートリアル】
https://www.youtube.com/watch?v=YphpWdVPEsU

●動画研 Douga-ken
After Effectsでインフォグラフィックを作る【グラフチュートリアル】
https://www.youtube.com/watch?v=nf-zo00_w4Q

●anyTV /えにてれ
【AE】円グラフアニメーションの作り方
https://www.youtube.com/watch?v=sLXLbq-IKJE

●DEEP VALLEY
円グラフアニメーションの作り方【アフターエフェクト チュートリアル】
https://www.youtube.com/watch?v=hr4U0sYgfOo

●mooograph
インフォグラフィックアニメーション【AfterEffectsチュートリアル】https://www.youtube.com/watch?v=cXxuWBQQ4vY

ーーーーーーーーー ーーーーーーーーー
#パスのトリミング
#スライダー制御
#アフターエフェクト
#Ae
#位置の追加
#インフォグラフィック
#円グラフ

67Aeサイバー風カウントダウン＆放射状ワイプ/波線リング/ブラインド文字の作り方

67Aeサイバー風カウントダウン＆放射状ワイプ/波線リング/ブラインド文字の作り方

今回も、昨日ひ引き続き、カウントダウンの練習です。

チュートリアルサイト：
kossさんの『かっこいいサイバー風カウントダウンの作り方 How to make a cool cyber-style countdown【After Effects 使い方】（22）』

https://www.youtube.com/watch?v=oRfYkNyfKj4

Kossさんは、超お勧めです。
チャンネル登録、よろしくお願いいたします❗️

ーーーーーーー作業メモーーーーーーーーー ー
【デジタルカウントの数字】
fx:番号（テキスト）
フォント:Silom
中央揃え
形式：値/オフセット/最大乱数　
10秒で　10→0
小数点:1
「サイズ」で大きさを調整

【円の30%パイを回転さす方法】
シェイプレイヤー の円 500
fx:放射状ワイプ
変換終了：70%
開始角度：ストッポッチをoptクリック
▶︎key　time
time*90
(ワイプ：時計回り)

【周囲を逆方向に回る波線】
円レイヤー複製して線(線幅：20)のみにし
線１＜波線　＋で波線を追加
　線分：6　間隔： 40
サイズ　内側(470)

線１の放射状ワイプ
変換終了　50%
開始角度：ストッポッチをoptクリック
▶︎key　time
time*-60

【１秒一回転する円の枠】

波線を複製して外枠
コンテンツの 波線を削除
変換終了　キーなし
幅幅100・サイズ大きく(820)
開始角度のexを削除して
　 1秒で0→360度回転
開始角度のストッポッチをクリックし
▶︎Property　 loopOut(type="cycle")
境界のぼかし:20

【ゆっくり逆回転する長めの波線】
波線１の複製
大きさを拡大
線分225・間隔30を調整
トランスフォームの回転
ストッポッチをaltクリック
▶︎key　time:
time*-10

【塗りで着色】
全てのレイヤーに
fx:塗り（描画）を適用

外枠回転バー：ピンク
その他：青
スポイトで他にコピペ

【グローで光らせる】
fx:グロー
しきい値： 半径：14 強度：1.1
他レイヤーにコピペ

不透明度　パイ：15%　波線：60%

【塗りで色を変更】

カラー 3秒で
外枠：ピンク→赤
その他：青→黄色　

【赤く変化するGO！の作り方】
10秒からスタート
グローをコピペ
fx:塗りで色カラーを赤に
数字が「GO！」 に切り替わる時に
他の色も１fで赤にキー

【GO！にブラインドのノイズ効果】
「GO！」にfx:ブラインド
　変換終了：9
　　方向:90°
　　　 幅：8
変換終了▶︎ex: Randome Numbers
random(2,20)

【時計が散らばる背景の作り方】
プリコンして4個複製し、
大きさ、不透明度を変える

ーーーーーーーーー ーーーーーーーーー ーーーーーーー ーーーーーーー

カウントダウンのチュートリアルは豊富です。
カウントダウンとセットで、いろいろなエフェクトを学びましょう！

みやもん
https://www.youtube.com/watch?v=OrSvzrKsff8

動画研
https://www.youtube.com/watch?v=oW0S568gkcM

Kossさん
https://www.youtube.com/watch?v=XbLYCZgBStQ&t=38s
https://www.youtube.com/watch?v=DunnWAHvzp0
https://www.youtube.com/watch?v=CxN7UwoulE4
https://www.youtube.com/watch?v=oRfYkNyfKj4

Action Planet
https://www.youtube.com/watch?v=zlUuhPyeDgo

AnyTV /えにてれ　映えモリ
https://www.youtube.com/watch?v=fiUXCujv7Yg

竹内屋
https://www.youtube.com/watch?v=m18bG-lFvUk

ーーーーーーーーー ーーーーーーーーー ーーーーーーー ーーーーーーー
#アフターエフェクト
#Ae
#カウントダウン
#ブラインド
＃放射状ワイプ
＃番号はテキストから

66Aeカウントダウン＆放射状ワイプのloopOut（グリッド）と古い映画風の演出（ノイズ・ダスト・スクラッチ傷・ウィグラー）

66Aeカウントダウン＆放射状ワイプのloopOut（グリッド）と古い映画風の演出（ノイズ・ダスト・スクラッチ傷・ウィグラー）

こちらはkossさんの【AfterEffects tutorial】映画風カウントダウンの作り方 How to make a movie-like countdownをもとに作成しました。（6）

エフェクトの玉手箱のチュートリアルです！みな、基本的なエフェクトで、いろいろなシーンで使えそうですね！

kossさんのチュートリアルは、丁寧な解説で　”超おすすめ”ですよ！
皆さんも、チャンネル登録してくださいね！


ーーーーーーー作業メモーーーーーーーーー ー

【カウントダウン整数の作り方】

数字0（平成角ゴシックW9)レイヤーに
スライダー制御（エクスプレッション制御）
ソーステキストをスライダーにwhip　

スライダーに
1秒： 10, 10秒:0と入力
スライダーにex:追加
Math.floor()


【1秒で放射状に回り続ける画面の作り方】

不透明度：50%の黒平面に
fx:放射状ワイプ
[変換終了]に三つのキーを打つ
0秒：0,　１秒：0 , 1f戻って100
ex:loopOut(type="cycle")


【映像にチラチラとしたノイズの入れ方】

放射状ワイプのレイヤーに
fx:ノイズ（ノイズ＆グレイン）
ノイズの量:15％
カラーノイズを使用：オフ


【円枠の線の入れ方】

白い円線5pxで数字を囲み
シェイプを複製して拡大し
外側のモードはオーバーレイ


【十字の線の入れ方】

平面にfx:グリッド（描画）
グリッドサイズ：幅＆高さスライダー
幅：1000, 高さ：600, ボーダー：15
カラー：黒の50%

円
放射状ワイプ
カウントの数字
グリッド
白背景

【古いフィルム風背景の作り方】

白い背景に

fx:色かぶり補正
ホワイトマップをグレー

fx:ノイズ　
量：20％
カラーノイズを使用：オフ


【ダストの作り方】

新規平面に「dust」
fx:フラクタルノイズ
　ノイズの種類：ソフトリニア
　コントラスト:350
　明るさ：-140
　展開のオプションの
　　ランダムシードにex: time*30

fx:反転(チャンネル)
　
レイヤー のモード：乗算


【スクラッチ縦傷の作り方】

新規平面に「scrutch」
fx:フラクタルノイズ
　トランスフォームの
　　　スケール：１x10000
　 ノイズの種類：ソフトリニア
　コントラスト:250
　明るさ：-110
　展開のオプションの
　　ランダムシードにex: time*15

fx:反転(チャンネル)　

レイヤー のモード：乗算


【ウィグラーで画面の揺らし方】

プリコンしたレイヤーの
位置の最初と
カウントダウンの最後にキー
二つのキーを選択して
　ウィグラー（ウィンドウ）
　空間パス　スムーズ　全次元個別に
　周波数:３
　高さ:15
適用

【wiggleでチラつきの入れ方】

スケールを105%
不透明度に
wiggle(10,10)（回数：幅）

ーーーーーーーーー ーーーーーーーーー ーーーーーーー ーーーーーーー

カウントダウンのチュートリアルは豊富です。
カウントダウンとセットで、いろいろなエフェクトを学びましょう！

みやもん
https://www.youtube.com/watch?v=OrSvzrKsff8


動画研
https://www.youtube.com/watch?v=oW0S568gkcM

Kossさん
https://www.youtube.com/watch?v=XbLYCZgBStQ&t=38s
https://www.youtube.com/watch?v=DunnWAHvzp0
https://www.youtube.com/watch?v=CxN7UwoulE4

https://www.youtube.com/watch?v=oRfYkNyfKj4


Action Planet
https://www.youtube.com/watch?v=zlUuhPyeDgo

AnyTV /えにてれ　映えモリ
https://www.youtube.com/watch?v=fiUXCujv7Yg

竹内屋
https://www.youtube.com/watch?v=m18bG-lFvUk

ーーーーーーーーー ーーーーーーーーー ーーーーーーー ーーーーーーー
#アフターエフェクト
#Ae
#カウントダウン
#古い映画風
#スライダー制御
#ほこり
#キズ
#放射状ワイプ
#ノイズ
#ウィグラーとWiggle

シェイプを炎に変化させた、燃えさかる火やガスのCG素材

シェイプを炎に変化させた、燃えさかる火やガスのCG素材

アフターエフェクトを使って作った、燃えさかる火やガスのCG素材です。
長方形のシェイプをフラクタルノイズのエフェクトで炎に変化させています。
素材などのご希望などありましたら
お気軽にご連絡ください。


＃炎
＃燃えさかる火
＃CG素材
＃アフターエフェクト
＃赤い炎
＃青
＃オレンジ

65Ae手書き風イラストを動かす！24フレームレート＆posterizeTime6＆タービュレント

65Ae手書き風イラストを動かす！24フレームレート＆posterizeTime6＆タービュレント

mooographさんの手書き風アニメーションの作り方【After Effects チュートリアル】を参考に作成しました。
https://www.youtube.com/watch?v=W6i5SCgRdcU

（65Aemooog15ツリー手書き風アニメーションposterizeTime6のタービュレント24フレームrate）

手書きアニメーションは一般に24フレームレートで作成するようです。

調整レイヤーにタービュレントディスプレイス、ポスタリゼーション時間を適応します。

タービュレントを動かすには展開にエクスプレッションを書きます。
カクカクした動きにすために
timeの前にposterizeTime(6);を追加すると
コンポが24フレームなので、4フレームごとに動きます。

posterizeTime(6);
time*1000


作成メモは下記となります。

ーーーーーーーーー ーーーーーーーーー

fx:タービュレントディスプレイス

量(歪):2
サイズ(範囲):30
複雑度：2


【線のを鉛筆風にジワジワさせる方法】

調整レイヤーのfx:タービュレント選択して
複製してたものの量とサイズを逆にする

【さらにカクカクさせる方法】

調整レイヤに
fx:ポスタリゼーション時間
フレームレート:12

【紙素材を重ねて手書き風に見せる方法】

キャンパス地のような素材を入れて
レイヤーに重ねて配置し、
加算モード
不透明度60%にする

ーーーーーーーーー ーーーーーーーーーーーーーーー

【手書き風関連のアニメーションのチュートリアル】

ダストマンTips
Vloger必見！手描きっぽいエフェクト文字の作り方
https://www.youtube.com/watch?v=Pe0_bp9XpKA&t=13s

mooograph
テクスチャーアニメーション
https://www.youtube.com/watch?v=WCuvV6Ymw4s&t=1s

mooograph
モーションロゴ風のキャラクターアニメーション
https://www.youtube.com/watch?v=WhcaE6upgo4

デミクロ
After Effectsを使ったアニメーションの作り方
https://www.youtube.com/watch?v=n4Sh1h1-8LU

Cross Effects Tutorial
実写をかっこいい漫画風に加工する方法
https://www.youtube.com/watch?v=8hBm4sEiZok

ーーーーーーーーー ーーーーーーーーー

＃手書き風アニメーション
＃ポスタリゼーション
＃カクカクとした動き
＃ジワジワとした線
＃タービュレントディスプレイス
＃フレームレート

Aeゲーム風のピクセルアートの動画作成とプリセットの作成の仕方

64Aeカズノコ22ゲーム風動画！ピクセルアートを調整レイヤー&プリセット作成

カズノコ22さんの『ゲーム風動画！ピクセルアートを調整レイヤーで作成する方法」を参考にして作成しました。
作ったエフェクトをそのまま保存して再利用できる
プリセット作成の方法もチュートリアルで紹介されていますよ！
https://www.youtube.com/watch?v=1-wdcwMolDY


ピクセルアートは、CC Block Load（スタイライズ）でを作ります。
碁盤目の感じは、グリッド（描画）で表現します。

ポスタリゼーションで色の階調を調整し
ポスタリゼーション時間で、カクカクした動きを作ります。

素材の解像度が高い時は、ピクセルアート感がでにくいですが
　ブラー(ガウス)をかけるといいとのこと。

アルファ透過素材では、背景にグリッドが映らないように　
　描画モード：比較の暗 or　差
など、モードを変更しながらグリッドがうまく反映されるものを選びます。


【作ったfxのプリセットの作り方】

アニメーション＞「アニメーションプリセットを保存」
でAfterEffects 2020のPresets のフォルダー に入り、
Self-madeセルフメードのフォルダーを作成し
検索しやすい名前ex.:『GameEffects』をつけて保存!

ーーーーー作成メモーーーーー
調整レイヤに下記５つのエフェクトを適用

fx: ポスタリゼーション
　(色の階調を変更) レベル：15

fx: CC Block Load（スタイライズ）
　Start Cleared のチェックを外す
　Scans 3

fx: 色かぶり補正（色合い）

ホワイトをマップ：で着色
　オレンジ系

fx: グリッド（描画）
　カラー：暗めのグレー
　描画モード：通常
　ボーダー：２
　アンカー：0,　0
　コーナー：8,　8

fx:ポスタリゼーション時間　
（フレームレートを変更）8

ーーーーーーーーー ーーーーーーーーー ーーー

その他、ピクセルアートのチュートリアル

mooograph

8bit風オープニングタイトルの作り方【AfterEffects チュートリアル】
https://www.youtube.com/watch?v=Up6jx4eZnls&t=226s


ダストマンTips
映画のタイトルっぽい！ピクセルブロックロゴの作り方part1【After Effects チュートリアル】

https://www.youtube.com/watch?v=GMHxeGyQ2yU
https://www.youtube.com/watch?v=Kv_iBlWt4sM

ーーーーーーーーー ーーーーーーーーー ーーー

＃アフターエフェクト
＃Ae
＃ピクセルアート
＃CC Block Load
＃グリッド（描画）
＃アニメーションプリセットを保存

63Aeアフターエフェクトの反転アニメーションを簡単にするには！

63Aeアフターエフェクトの反転アニメーションを簡単にするには！

アフターエフェクトの反転アニメーションを作成しました。


図形の反転は、トランスフォームの
● 水平方向に反転
● 垂直方向に反転
で操作できます。
ショートカットキーを使いやすく設定しておくのがおすすめです。


【スケールのマイナスの反転】
スケールのリンクを外して
● Xをマイナスで水平方向に反転

● Yをマイナスで垂直方向に反転
です。


イラストレーターやフォトショップよりも
面倒ですね（笑）
自分の使いやすいキーで
ショートカットキーを設定するのが時短でお勧めです！


（追記：エフェクトの反転はカラーの反転ですね）



ーーーーーーーーー ーーーーーーーーー ーーーーーーーーー


トランスフォームの基本的な使い方は下記チャンネルが分かりやすい⁉️



VISUAL CODE
トランスフォームのお勉強AfterEffects使い方#1

https://www.youtube.com/watch?v=x9GoSe_gP6c


やるA E

超基本トランスフォーム 位置アニメーション【初心者向け】
https://www.youtube.com/watch?v=iW4jFgmMb5w




ーーーーーーーーー ーーーーーーーーー ーーーーーーーーー


#アフターエフェクト
#Ae
#反転
#垂直方向に反転
#水平方向に反転
#トランスフォーム
#スケールのマイナス