ゲームUIデザインレシピ

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

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

【PS】ゲーム素材アイコンセット

こんにちは。ゲームUIデザイナーの「はなさくの」です。ゲームアセットとして使用できそうな「アイコンセット」をPhotoshopで作成したので、そのデータを配布します。 Photoshop 2024を使用して、解像度72pixel/inchで作成しています。（有料版は、ページ最下部からPhotoshopデータをダウンロードできます）背景画像は含みません。アイコンのみのデザインデータになります。 01｜ゲーム素材アイコンセット配布データには、8つのアイコンが含まれてい

¥800

【PS】本のダイアログフレーム

イラストも描けるフリーランス2Dデザイナーの柴さんに依頼し、デザインと記事を作成していただきました！ Photoshop 2024を使用して、解像度72pixel/inchで作成しています。（有料版は、ページ最下部からPhotoshopデータをダウンロードできます） ※キャラクターや背景などのイラスト素材は含みません。ダイアログフレーム単体でのデザインデータになります。 01｜本のダイアログフレームの作り方STEP1｜ラフを描く配布データには、下記のダイアログフレ

¥800

【PS】木のダイアログフレーム

こんにちは。ゲームUIデザイナーの「はなさくの」です。今回は、フリーで活躍されている外部のゲームUIデザイナー様に制作していただきました！ゲームのUIで活用できそうな「木のダイアログフレーム」をPhotoshopで作成しましたので、そのデータを配布します。 Photoshop 2024を使用して、解像度72pixel/inchで作成しています。（有料版は、ページ最下部からPhotoshopデータをダウンロードできます）また木のフレームや葉っぱなど各種パーツ類はIll

¥800

【AI】ガシャポンのデザイン

ゲーム系出身のデザイナー兼イラストレーターのスミマミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、ガシャポンのデザインです。 Adobe Illustrator 2024を使用して、作成しています。有料版は、ページ最下部からIllustratorデータをダウンロードすることができます。 01｜ガシャポンの作り方STEP1｜アイデア出しまずはテーマを決めます。今回は宇宙×うさぎ×ゆめかわ。アイデアは１つよりも２つ３つと掛

¥800

【PS】サムネイルフレームデザイン

こんにちは。ゲームUIデザイナーの「はなさくの」です。ソーシャルゲーム内で、キャラクター一覧画面などで使用される「サムネイルフレーム」をPhotoshopで作成したので、そのデータを配布します。 Photoshop 2024を使用して、解像度72pixel/inchで作成しています。（有料版は、ページ最下部からPhotoshopデータをダウンロードできます）キャラクターや背景などのイラスト素材は含みません。サムネイルフレーム単体でのデザインデータになります。 01

¥800

【PS】音楽再生画面デザイン

こんにちは。ゲームUIデザイナーの「はなさくの」です。 Photoshopで、音楽再生画面のデザインを作成したので、そのデータを配布します。ソーシャルゲーム内でも、ゲーム内で使用されているBGMを再生できる画面があるため、そちらをイメージして作成しました。 Photoshop 2024を使用して、解像度72pixel/inchで作成しています。（有料版は、ページ最下部からPhotoshopデータをダウンロードできます） 01｜音楽再生画面デザインPhotoshopデー

¥800

【PS】ユーザー名入力フォームの作り方

こんにちは。ゲームUIデザイナーの「はなさくの」です。ゲームをしているとストーリーの流れの途中で、ユーザー名を求められる画面に遭遇することがあります。その世界観やストーリーに応じて見せ方が変わってくるとは思うのですが、今回作成したようなカード型のデザインは汎用性が高く見かける機会が多いため、取り上げてみました。ということで、Photoshopでユーザー名入力フォームを作る方法について、ご紹介します。 Photoshop 2023を使用して、解像度72pixel/in

¥800

【PS】ゲームクリア装飾の作り方

ゲーム系出身のデザイナー兼イラストレーターのスミマミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、クリアのデザインです。 Adobe illustrator 2023 Adobe Photoshop 2023を使用して、作成しています。有料版は、ページ最下部からPhotoshopデータをダウンロードすることができます。 Illustratorデータ,背景イラストは付属しておりませんのでご注意ください。 01｜ゲームクリアの作り方

¥800

【PS】見出しデザインの作り方

現役のゲームUIデザイナーの方に、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、見出しデザインの作り方になります。 Adobe Photoshop 2023を使用して、作成しています。有料版は、ページ最下部からPhotoshopをダウンロードすることができます。 01｜見出しデザインの作り方STEP1｜ラフを作成ラフを作成していきます。Photoshopのシェイプツールでざっくり形を作成。雲や星のラフはブラシツールで描いていきます。

¥800

【PS】本アイコンの作り方

ゲーム系イラストレーターの43ふじさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、本アイコンの作り方になります。 Adobe Photoshop 2023を使用して、作成しています。有料版は、ページ最下部からPhotoshopをダウンロードすることができます。今回はラフなど途中経過のデータも入っています。 01｜本アイコンの作り方STEP1｜ラフを描く今回はPhotoshopを使用しています。 CLIP STUDIOなどのイラス

¥800

【PS】トロフィーアイコンの作り方

UIデザイナーのミアさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、トロフィーアイコンの作り方になります。 Adobe Photoshop 2023を使用して、作成しています。有料版は、ページ最下部からPhotoshopをダウンロードすることができます。今回はラフなど途中経過のデータも入っています。 01｜トロフィーの作り方STEP1｜ラフの作成トロフィーのラフを作成します。 Photoshopのブラシでざっくり描きます。シルエッ

¥800

【PS】ルーレットの作り方

ゲーム系出身のデザイナー兼イラストレーターのスミマミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました！お題は、ルーレットの作り方になります。 Adobe Photoshop 2023を使用して、作成しています。有料版は、ページ最下部からPhotoshopをダウンロードすることができます。Illustratorデータは付属しておりませんのでご注意ください。また以下のデータはレイヤーが分かれておりませんのでご注意ください。 - キャラクターイラ

¥1,000

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

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

¥800

購読しませんか？

#photoshop講座