マガジンのカバー画像

ゲームUIデザインレシピ

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

#アイコン

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

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

はなさくの

【PS】属性アイコンの作り方

遊技機のデザインに強いキユマヤ園さんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！ 普段は主に遊技機のコンポジット作業や図柄デザイン画面・液晶表示物の2D・3D作成の仕事をしているそうです。 お題は、属性アイコンの作り方になります。 Adobe Photoshop 2023を使用して、作成しています。 有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます。5属性すべてのデータが含まれます。 01｜属性アイコン（闇）

¥800
はなさくの

【PS】勲章アイコンの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 Photoshopで勲章アイコンを作る方法について、ご紹介します。 Photoshop 2023を使用して、解像度72pixel/inchで作成しています。 （有料版は、ページ最下部からPhotoshopデータをダウンロードできます） 01｜勲章アイコンの作り方STEP1｜アイコンの形状を考える 勲章アイコンのデザインを考えます。 手書きのラフでもOKですが、形状がある程度カッチリしているため、下記のシェイプや文字の組

¥800
はなさくの

【AI】ジェムアイコンの作り方

今回、初の試みになるのですが、ゲーム系出身のデザイナー兼イラストレーターのスミ マミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！ お題は、ジェムアイコンの作り方になります。 Adobe Illustrator 2023を使用して、作成しています。 （有料版は、ページ最下部からIllustratorデータをダウンロードすることができます。CLIP STUDIO PAINTデータは付属していません。） 01｜ジェムイラストの描き方STEP1｜ラ

¥800
はなさくの

【AE】絵本風！食べ物アイコンアニメーションの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、絵本風の食べ物アイコンをアニメーションさせる方法についてご紹介します！ 01｜絵本風！食べ物アイコンアニメーションの作り方01-01｜PhotoshopからAfterEffectsへのデータ読込 今回ですが、Photoshopで作成したパーツ類はpngで書き出さずに、AfterEffectsの方から、Photoshopデータを直接読み込む方式で作成しています。 やり方については、こち

¥800
はなさくの

【PS】絵本風！食べ物アイコンの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 PhotoshopとIllustratorで絵本風の食べ物アイコンを作る方法について、ご紹介します。 （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます。Illustratorデータは付属していません。） 01｜絵本風！食べ物アイコンの作り方今回は、鍋イラストを使って説明します。 詳細については、ページ下からPhotoshopデータをダウンロードして確認していただければと思います。そ

¥800
はなさくの

【PS】ゲームコインの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、Photoshopでゲームコインを作る方法についてご紹介します！ 01｜ゲームコインの作り方今回はレイヤー構成がシンプル、かつ少ないレイヤースタイルで表現できるコインにしてみました（下記参照）。 パーツを分解すると、下記の4つのシェイプから出来ています。 星の部分のみピックアップして、レイヤースタイルの設定値を公開していきますね！まずは、グラデーションを設定します。

¥800
はなさくの