マガジンのカバー画像

ゲームUIデザインレシピ

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

#データ

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

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

はなさくの

【PS】巻物アイコンの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 Photoshopで巻物アイコンを作る方法について、ご紹介します。 （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます） 01｜巻物アイコンの作り方ラフを作成 まずは、巻物アイコンのラフを作ります。紙がくるんと巻かれている形にしました。それと、巻物には地図とペケマークも追加しています。 線が汚くてもここでは気にしません（笑）。 カラーラフを作成 次にカラーラフを作ります。全体のイ

¥800
はなさくの

【PS】グラスモーフィズムデザインの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 Photoshopでグラスモーフィズムデザインを作る方法について、ご紹介します。 （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます） 01｜グラスモーフィズムとは透明度やぼかし効果を取り入れることで、すりガラス（くもりガラス）のような表現をするデザインのことです。 02｜グラスモーフィズムデザインの作り方まずは、大まかな作成の手順を下記に記載します。 ①を最背面としてその上に②から

¥800
はなさくの

【PS】シーリングワックスの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 Photoshopでシーリングワックスを作る方法について、ご紹介します。 （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます） 01｜シーリングワックスの作り方作成の流れとしては、下記画像のようになります。 レイヤー構成はシンプルで、Rの文字以外の部分は、3つのレイヤーで構成されています。 それぞれに光彩やグラデをつけて色味を調整していますが、プックリとした質感はベベルとエンボスで

¥800
はなさくの

【PS】ポケモンカフェMix風ロゴの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 かなり前に作成したものですが、当時「ポケモンカフェMix」というゲームがリリースされたときに、ロゴの装飾が可愛かったので、その装飾をPhotoshopのレイヤースタイルでできるかぎり再現してみようと作成したロゴになります。 （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます） 01｜ロゴの作り方ロゴ作りの流れについては、下記に図解していますので、ご確認ください。 それでは、ページ下か

¥800
はなさくの

【PS】泡の作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、Photoshopの1レイヤースタイルで泡を作る方法についてご紹介します！ （有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます） 01｜泡をランダムに散りばめるブラシの作り方まずは、Photoshopで泡ブラシを作ります。 標準で入っているソフト円ブラシを選択します（上記赤枠）。 次にブラシ設定の「散布」にチェックを入れて、上記赤枠部分の設定をします。 次にブラシ設定の「シェ

¥800
はなさくの