もくもく煙演出の作り方

こんにちは。ゲームUIデザイナーのはなさくのです。

今回は、AfterEffectsで、もくもく煙演出を作る方法についてご紹介します！

01｜【AE】もくもく煙演出の作り方

このもくもく演出ですが、街づくりゲームなどで、建物を建築したりするときによく見かけますよね。その他にも料理を作っている最中の演出に使用されたりなど、使い勝手がよいアニメーションです。

今回このもくもく演出部分は、下記の2種の煙と星アイコンの3つで作成しています。

それぞれ個別に共通アニメーションをつけています。
煙は、下記のように拡縮アニメーションをさせています。

星は、さりげなくキラッと光って見えるように、色の変化を加えています。

上記を、煙演出専用のメインタイムラインに階段状に並べて、位置、スケール、不透明度、回転などを加えつつバランスを見ながら配置しています。

最後に煙が消えた後に、後光と紙吹雪を添えて完成です！

それでは、下記よりデータをダウンロードして、確認してみてくださいね！

02｜データダウンロード

02-01｜許諾事項

データは、AfterEffects 2022で作成したものになります。古いバージョンを使用している場合は、エラーが発生する場合がありますので、ご了承ください。

AfterEffectsについては、使用プラグインなしで、標準エフェクトのみで作成しています。

02-02｜禁止事項

• 二次配布、再配布、素材の販売、無断転載、シェア利用等は禁止します。

• 個人・商用ともに、ご自由にお使いください。

• 著作権は放棄しておりませんので、素材データの複製譲渡や再配布、販売等著作権を侵害する行為は禁止します。

• データ販売になりますので、返品返金はご遠慮ください。