キラキラ(FC風)16px

こんにちは!雪田です。今回は、自作ゲームのUIまわりやアイテム発見のエフェクト、動画編集でのさりげない強調演出、配信画面のボタン装飾までをレトロ可愛く彩ってくれる、キラキラをFC風のピクセル表現でまとめた、16pxサイズの動画素材を作成しました!

小さなサイズでループしやすい動きなので、アイコンの近くに添えたり、ボタンやアイテムの強調に使ったり、画面の端に軽く配置したらしやすいのが特徴です。主張しすぎずに、レトロゲームらしいきらめきや特別感を加えたい場面に向いています。

この素材について

この素材は、8bitゲーム黄金期の雰囲気を詰め込んだ、光の動きをFC風のピクセル表現でまとめた16pxサイズのアニメーション動画素材です。またたく光の広がりをあえて少ないコマ数ですっきりとまとめているため、ゲーム画面や動画に重ねたときに動作を重くせず、伝えたい特別感や発見のワクワク感をスマートに引き上げてくれるハイクオリティな演出パーツになっています。

制作の裏話:16pxの限界に挑む「ドットの配置とループのテンポ感」

このアニメーションをデザインするときに一番こだわったのは、「わずか16ピクセルという極小の枠内で、どれだけ滑らかで小気味いいきらめきを表現できるか」という点です!
16pxの小さなピクセル素材って、光の粒をたくさん描き込みすぎたりコマ数を増やしすぎたりすると、スマホの画面などで見たときにドット同士がごちゃごちゃと潰れて見えて、かえってレトロゲーム特有の小気味よさが薄れてしまうんですよね。

そこで今回は、ファミコンの仕様をリスペクトしつつ、光がパッと開いてスッと消えるまでのドットの配置と消滅のテンポ感を1フレーム単位で徹底的に計算して仕上げました。画面の片隅に小さくループ再生させておくだけで、視界のノイズにならずに極上のレトロポップな空気感を画面にプラスしてくれますよ!

  • アイテムの発見や選択中の意味が言葉なしでも直感的に伝わる、FC風の素朴で懐かしいピクセルデザイン
  • ウインドウの四隅の飾りから待機画面の背景粒子まで、どんなクリエイティブ環境にも綺麗に溶け込む高い汎用性
  • 16pxの最適サイズだから、縮小表示してもドットの輪郭がボケずにパキッとした視認性をキープ
  • 自作ゲームに組み込みやすいスプライトシートから、動画編集にそのまま乗せられる透過AVIまで圧巻の6形式を同梱

こんな場面で使ってみて!おすすめの活用法

「レアアイテムの発見」「メニュー画面の選択肢」「配信のアクセント」など、画面の一部をさりげなく、かつ情緒たっぷりに引き立たせたいあらゆる場面で便利に大活躍してくれます。

  • 2Dドット絵ゲーム制作での、宝箱のまわりやセーブポイント、隠し通路のヒントとして配置するループエフェクト
  • 動画編集でのバラエティ風の演出、可愛い字幕テロップの強調、または「お宝発見!」の瞬間のカットイン装飾
  • ゲーム実況の配信画面や待機枠での、コメント欄のフレームの四隅や、SNSアカウント情報の横でピコピコ動くアイキャッチ
  • WEBサイトやブログでの、最新ニュースの見出し横や「おすすめ記事」のアイコン付近を賑やかに飾る動くアクセント
  • 「雪田屋」の他のレトロ背景素材(FC風の空背景など)と組み合わせる、遊び心満載のファンタジー風インフォグラフィック

たとえば、ゲーム画面のアイテムの上に重ねたり、配信画面の飾りとして端に置いたりするときに使いやすいです。これまでに配布した「FC風の空背景」や「レトロコントローラー」などのドット絵素材と組み合わせて画面を構成すると、文章だけが続く単調なリスト表示が、まるで懐かしのゲーム画面のような親切で楽しい表示に早変わりしますよ!

用途に合わせて選べる豊富な形式

この素材は、クリエイターさんの開発環境や作業スタイルに合わせて、一番使いやすいデータを選べる親切なマルチ形式対応仕様になっています。

【ゲーム開発に:PNGシート / GIFシート / 連番ZIP】
UnityやRPGツクール、ウディタなどの各種ゲーム制作ツールでそのままスプライトアニメーションとして読み込めるデータです。1コマずつタイミングをカスタマイズして、オリジナルの演出を作りたいときにも最適です。

【WebやSNSに:アニメPNG / アニメGIF】
特別なソフトを使わなくても、ブログ記事の本文やWebサイト、画像編集アプリの上に置くだけでそのまま自動でピコピコとループ再生してくれる手軽で便利なデータです。

【動画編集・配信に:透過AVI】
背景が最初から透明になっている動画データなので、Premiere ProやAviUtlなどの動画ソフト、あるいはOBS Studioなどの配信ツールで、背景を邪魔することなく上からレイヤーとして重ねてそのまま配置したいときに抜群の使いやすさを発揮します。

加工・アレンジの例

極限までシンプルに仕上げた単色エフェクトは、重ね方やカラーチェンジ次第で、色の魔法のように色んな表情を演出できます。

  • 色を鮮やかなイエローやゴールドに変更して、コインの輝きや伝説のアイテムが出現したかのようなリッチな強調演出にする
  • 先に配布している「レトロコントローラー」を等倍拡大したボタン素材のすぐ横にこのキラキラを添えて配置し、選択中のメニューUIをさらにレトロポップに仕上げる
  • 「FC風の空背景」の夜空の部分にこのきらめきをランダムに散りばめて配置し、流れ星がまたたく幻想的なタイトル画面を作る

キラキラは、発見、注目、特別感、レトロゲーム風の演出を加えたいときに誰もが直感的にウキウキできる最高のモチーフだからこそ、いつまでも色褪せないドットの美しさに徹底的にこだわりました。皆さんの分かりやすくて優しい作品作りに、たくさん役立ててもらえると嬉しいです!

動画編集,飾り,ファンタジー,モノ,趣味