AEを使って写真をネオン街に

ブログ - 2025-05-29 20:09:00

AEを使って写真をネオン街に

Posted by

手嶋莉那
Rina Teshima

いいね♡117

こんにちは、手嶋です。

今回はネオンのアニメーションを作っていきたいと思います。

参考にさせていただいたチュートリアル動画はこちらです。

After Effects】ネオンアニメーションの作り方 NEON animation《アフターエフェクトチュートリアル》

https://youtu.be/OI45ovhjmRI?si=TL56xS21lsPnPIpU

まずはじめに画像の看板の部分に文字を置きます

続いて文字のレイヤーに［CC Glass］というエフェクトをかけます。

ガラスのような立体感を出してくれるエフェクトで、これでネオンライトを表現します。

【Before】

【After】

そこにグローをかけて更にライトっぽくします。

ネオンができたら、点灯の様子を表現します。

ネオンレイヤーの不透明度を「0」「100」「0」と1コンマずつ並べ、そのキーフレイヤーをランダムに配置する。

更にそのキーフレームにエクスプレッション［ウィグラー］をつけ、ネオンの明滅をリアルにする。

最後に同じようにことを画像の灯りがありそうな所に作っていきます。

いかがでしたでしょうか。

エフェクト［CC Glass］について調べてみると面白い作例があったので、今度試してみたいと思います。

(今回だと線画細くて違いは分かりづらかったので)

https://vook.vc/terms/CC%20Glass

また、今回使用した画像は夕方に撮影したものを白黒加工をして無理やり夜に見えるようにしたので、画像の中の時間も動かせるようになりたいですね。

最後までお読みいただきありがとうございます。

いいね♡117

Posted by Rina Teshima

鳥栖クリエイター/カメラマン手嶋莉那

手嶋莉那が書いたその他記事

2025-10-31
繰り返し見たくなるおすすめ動画

2025-05-29
AEを使って写真をネオン街に

2025-01-31
【カメラ練習】in 御手洗の滝

2025-01-29
今年は巳年

2024-12-31
個人的2025年の楽しみなこと

2024-12-30
AEで行う画像編集

2024-11-30
記号と文字でかっこいいモーショングラフィック

2024-10-31
ピークスマインド東京研修2024~2日目~

2024-10-30
ピークスマインド東京研修2024~1日目~

2024-08-28
ネットミュージアムで美術鑑賞

2024-07-30
気になる映画を見に行きました！

2024-06-30
6月は映画月刊

2024-05-31
作業よりも調べてる時間の方が長い

2024-05-29
blenderでゲームセンターを作りました。

2024-04-30
blenderを始めます

2024-04-01
4月1日、入社式を迎えました。

2024-01-31
好きなドラマの紹介がしたい

2023-12-31
［aftereffect練習メモ］文字にトラックマットを使う

2023-12-31
［aftereffect練習メモ］saberの色にグラデーションをつける

2023-11-30
フレームレートで遊ぶ2

2023-11-30
フレームレートで遊ぶ

2023-10-26
ピークスマインド主催の花火イベントに24卒として参加しました。

< Prev 「金曜ロードショーとジブリ展」に行ってきました！！

Next > 流行りにのってみた！〜ChatGPT~Part2