マガジンのカバー画像

ゲームUIデザインレシピ

ゲームUIデザインに関連する、素材の作り方・動きのつけ方・考え方が学べます。PhotoshopやAfterEffectsで作成したデータがダウンロードできます。
マガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。詳…
¥500 / 月
運営しているクリエイター

#ゲームUI

ゲームUIデザインレシピとは?

ゲームUIデザインに関する情報とデータをお届けする、月額500円のマガジンになります。 ゲームUIデザインのお役立ち情報 ゲームUI素材の作り方 ゲームUI素材配布 ゲームUIアニメーション素材配布 ゲームUIの作り方が知りたい、グラフィック部分でももっと上手くなりたい、作り方を知りたいという方にオススメです。 01|どんな記事が読めるの?定期的にTwitter(@HanaSakuno)でゲームUIのお役立ち情報やデザイン・アニメーションなどを公開しています。

【AE】アイテムゲット演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、アイテムゲット演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 アイテムや背景画像、BGM、SEは付属しておりません。サンプルとして背景とアイテム画像を配置していますが、ご自身で所持している画像に置き換えてご使用ください。 01|アイテムゲット演

¥800

【AE】誕生日カード演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、誕生日カード演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 キャラクターや背景画像、BGM、SEは付属しておりません。 01|誕生日カード演出とは色々な場面で使用できそうな誕生日カード演出を作成しました。自分でオリジナルキャラを持っている方やV

¥800

【AE】ボタンアニメーション

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ボタンアニメーションのデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 背景画像やBGM、SEは付属しておりません。 01|ボタンアニメーションとはグランジテイストのボタンのイン(アウト)、プッシュ時のアニメーションを作成しました。 アウトについては、

¥800

【AE】カメラ撮影演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、カメラ撮影演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 キャラと背景画像にはサンプルという文字をつけた状態でデータ配布していますので、そのまま使用せず、ご自身で用意した画像データに差し替えた上でご利用ください。またBGMやSEは付属しておりませ

¥950

【AE】夏フレーム演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、夏フレーム演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 01|夏フレーム演出とは夏デザインの一部として使用できそうなマリンフレームに、海の演出を追加して、少しだけ動かしてみました。 今回、AEデータを開き「フル画質」で再生すると重いため、「1

¥800

【AE】ゲームイベント画面演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ゲームイベント画面演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 ※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください 01|ゲームイベント画面演出とはソーシャルゲーム内で、メインクエストとは別に、イベントページが設

¥800

【AE】音楽再生画面演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、音楽再生画面演出のデータを配布します。 AfterEffects 2024を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 ※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください 01|音楽再生画面演出とはソーシャルゲーム内で、ゲーム中に再生されるBGMやSEなどをまとめて確認でき

¥800

【AE】ロック解除演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ロック解除演出のデータを配布します。 AfterEffects 2024(v24.1)を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 ※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください 01|ロック解除演出とはソーシャルゲームなどで、特定のステージやキャラクターなどが、何らか

¥800

【AE】デジタル名刺データ配布

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、デジタル名刺アニメーションのテンプレートデータを配布します。 AfterEffects 2024(v24.1)を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 ※BGMや作品の動画・顔アイコンなどは付属しませんので、ご自身の作品と差し替えてご使用ください 01|デジタル名刺とはSNSなどで自分が作っている作品

¥800

【AE】ローディングデータ配布

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、ローディングのアニメーションを3つ作成したので、そのデータを配布します。 AfterEffects 2024(v24.1)を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 01|ローディングアニメーション01-01|水が溜まっていくようなローディング AE標準エフェクトの「波形ワープ」を使用すると簡単に波の動きが

¥800

【AE】タップエフェクトデータ配布

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、タップエフェクトを6つ作成したので、そのデータを配布します。 AfterEffects 2024(v24.1)を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 無料のプラグインを使用しているので、詳細は下記に記載します。 01|タップエフェクトで使用している無料プラグインをご紹介01-01|SABER 「Sab

¥800

【AE】BOSS登場演出の作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、BOSS登場演出の作成方法についてご紹介します! AfterEffects 2024(v24.1)を使用して、作成しています。 有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。 01|BOSS登場演出で使用した機能をご紹介01-01|3Dレンダラー(Cinema 4D)

¥800

【AE】簡単なロゴアニメーションの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、ロゴをアニメーションさせる方法についてご紹介します! 有料版は、ページの一番下から、AEデータがダウンロードできるようになります。 01|ロゴアニメーションの作り方今回のロゴですが、AEの機能である「パスのトリミング」をメインに使用しています。これを覚えるだけで、それっぽいアニメーションが簡単に作れるようになるので、オススメです! パスのトリミングの使い方が分からない方は、YouT

¥800