![](https://image.jimcdn.com/app/cms/image/transf/dimension=380x1024:format=png/path/scd970f6f10d08d5a/image/i6b79c9c8b0c27248/version/1524823458/image.png)
フェードイン / フェードアウト
こんにちは、見習いADです!これから映像制作でAEに挑戦する方のために(←ためになるかは分かりませんが笑)仕事で覚えたことをブログに書いていきます。
ハリウッド映画でも当たり前に使われているものなので中々奥は深いですが、
ちょっとしたやり方・ポイントを理解すれば素人でも静止画からアニメーションが作れちゃいます(*^^)v
ビビらず、できることから少しずつAEの世界へ入っていきましょ~☆彡
さて、前回は「モーショントラッキング」について書きましたが、
今回はアフターエフェクトの「フェードイン/フェードアウト」について紹介します。
AE (アフターエフェクト) ~初級編010~
「フェードイン」と「フェードアウト」はわりと馴染み深いものなのではないでしょうか。
オブジェクトが徐々に現れたり、消えたりする効果のことです。
前回は長々と結構なボリュームで書いてしまったので、今回はもっと簡潔にいきますよ~!!
↓↓↓↓↓
それでは早速、、、
↓↓↓↓↓
STEP 1.
「株式会社CYRING」のロゴマークが2秒かけてフェードインし、1秒かけて
フェードアウトするアニメーションを作りたいと思います。
まずは、効果を付けたいレイヤーを選択します。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/scd970f6f10d08d5a/image/i4df37f7d03e5c882/version/1524823505/image.jpg)
「不透明度」の値は「100%」が
通常で、「0%」になるほど透明に
なっていくので、フェードインする
ために最初は透明の状態にしたいので、タイムライン0秒(00:00)の
「不透明度」の値を「0%」にして
キーフレームを追加します。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/scd970f6f10d08d5a/image/i0d5b6751254d85c7/version/1524823505/image.jpg)
STEP 2.
2秒かけてだんだんと表示されるようにしたいので、タイムライン2秒
(02:00)の「不透明度」の値を「100%」にしてキーフレームを
追加します。
これでフェードイン効果は
できました。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/scd970f6f10d08d5a/image/ib094db2a66ddb1c1/version/1524823505/image.png)
STEP 3.
1秒かけてだんだんと消えるようにしたいので、タイムライン3秒(03:00)のところの「不透明度」の値を「0%」にしてキーフレームを
追加します。
これでフェードアウト効果もできました。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/icaff9807e266e95f/version/1524823505/image.jpg)
タイムライン上のインジケーターを左右に動かすと、「株式会社CYRING」の
ロゴマークが「フェードイン/フェードアウト」するのがわかると思います。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/i97a40aa22f0f0e07/version/1524823506/image.jpg)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/ic82d8540456ed4de/version/1524823506/image.jpg)
↑フェードイン
↓フェードアウト
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/i6d019b42acf38a27/version/1524823203/image.jpg)
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/i1784967780dc8d93/version/1524823212/image.jpg)
このようにAEにはちょっとした使い方を覚えれば、思っていたより簡単に使える
機能もあるんです!
![](https://image.jimcdn.com/app/cms/image/transf/dimension=232x1024:format=jpg/path/scd970f6f10d08d5a/image/iab61a9fcad941cd0/version/1524823223/image.jpg)
「フェードイン/フェードアウト」のやり方だけを見ても、ちょっと応用して、
「不透明度」プロパティの代わりに「位置」プロパティをいじれば上下左右に動く
アニメーションが作れちゃうし、「スケール」プロパティをいじれば大きさが変わる
アニメーションを作ることなんかも出来ちゃうんですよ~(*’▽’)ノ
今回はこれでおしまいです!前回よりは簡潔に書けた気がします!完全に自己満ですみません(;’∀’)。。。
映像制作で生計を立てたいと思っているならAfter Effectsは使いこなせると武器になりますよ。
次回もイン・アウト繋がりで、「ホワイトイン/ホワイトアウト」という効果を紹介
します。お楽しみに~~(^^♪
コメントをお書きください