見出し画像

バトル&アクションデザインのポイント!!!!!

こんにちは。デザイナーのK.Yです。
and factoryでは、多数のマンガアプリを手がけています。その中でも多く作成されるのが、バトルやアクションの迫力とスピード感を表現するデザインです。
今回は、バトル&アクションデザインのポイントを紹介していきます!


🔥Point 1: グランジ

グランジとは、汚れやかすれ、古ぼけた荒っぽい表現のことを指します。
文字の輪郭をかすれさせたり、しぶき血痕ノイズのエフェクトを効果的に使うことで、迫力を与えることができます!

💡Tips

PhotoshopやAfter Effectsなどのアプリケーションでは、描画モード「ディザ合成」レイヤースタイルの「ノイズ」を調整することで簡単にグランジ効果を加えることができます。

🔥Point 2: スピード&リズム

スピードライン放射線を使用して、アクションのスピード感を表現します。
スピードや動きを表現する線やオブジェクトを追加したり、文字を上下に移動させたり、角度をつけたりすることで、リズム感を作り出すのもポイントです。

💡Tips

PhotoshopやIllustratorの「ぼかし」効果を利用することで、簡単にスピード感を表現できます。

🔥Point 3: サイバー&フューチャー

Point 1と2を活用しつつ、「ネオン加工」「色収差加工」を用いることで、サイバーで未来感のあるバトルアクションを演出することができます。

💡Tips

Photoshopのレイヤースタイルでは、「ネオン加工」は境界線+光彩(内側)+光彩(外側)を併用、「色収差加工」はシャドウ(内側)+ドロップシャドウを併用することで、簡単に表現できます!

🔥カラーパレット

最後に、バトルやアクションに合うおすすめのカラーパレットをご紹介します。

#ff1800 /#fff000/#002378

レッドを基調に、王道少年バトルをイメージ。


#870000 /#32fa8c/#505257

ダークレッド×グリーンで、グロテスクな雰囲気を演出。


#0069e8 /#4bd1ff/#000000

ブルーを中心にすると、スピード感を引き立てる印象に。


工夫次第で、より臨場感あふれるバトルやアクションの雰囲気を作ることができるため、 ぜひ試してみてください!

この記事を読んで良かったと思った方は、是非スキ&フォローをお願いします🙏

この記事が気に入ったらサポートをしてみませんか?