はなさくの

フリーランスのゲームUIデザイナー。現在は、ゲームのUIデザイン/バナー制作のお仕事を…

はなさくの

フリーランスのゲームUIデザイナー。現在は、ゲームのUIデザイン/バナー制作のお仕事をしています。 ゲームUIデザインに関する情報発信を定期的にしています。 また、無料イラスト素材サイトやデザインブログも運営中! 詳細はTwitterで(@HanaSakuno)

マガジン

  • ゲームUIデザインレシピ

    ゲームUIデザインに関連する、素材の作り方・動きのつけ方・考え方が学べます。PhotoshopやAfterEffectsで作成したデータがダウンロードできます。

記事一覧

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。 ゲームアセットとして使用できそうな「アイコンセット」をPhotoshopで作成したので、そのデータを配布します。 P…

はなさくの
2週間前
1

【AE】誕生日カード演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、誕生日カード演出のデータを配布します。 AfterEffects 2024を使用して、作成していま…

はなさくの
4週間前
5

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

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ボタンアニメーションのデータを配布します。 AfterEffects 2024を使用して、作成して…

はなさくの
1か月前
8

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

イラストも描けるフリーランス2Dデザイナーの柴さんに依頼し、デザインと記事を作成していただきました! Photoshop 2024を使用して、解像度72pixel/inchで作成しています…

800
はなさくの
1か月前
8

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。今回は、フリーで活躍されている外部のゲームUIデザイナー様に制作していただきました! ゲームのUIで活用できそう…

はなさくの
2か月前
8

【AE】カメラ撮影演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、カメラ撮影演出のデータを配布します。 AfterEffects 2024を使用して、作成しています…

はなさくの
3か月前
9

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

ゲーム系出身のデザイナー兼イラストレーターのスミ マミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました! お題は、ガシャポンのデザインです。 …

800
はなさくの
3か月前
7

【AE】夏フレーム演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、夏フレーム演出のデータを配布します。 AfterEffects 2024を使用して、作成しています…

はなさくの
3か月前
2

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。 ソーシャルゲーム内で、キャラクター一覧画面などで使用される「サムネイルフレーム」をPhotoshopで作成したので…

はなさくの
4か月前
3

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

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ゲームイベント画面演出のデータを配布します。 AfterEffects 2024を使用して、作成し…

はなさくの
4か月前
19

【AE】音楽再生画面演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、音楽再生画面演出のデータを配布します。 AfterEffects 2024を使用して、作成していま…

はなさくの
5か月前
6

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。 Photoshopで、音楽再生画面のデザインを作成したので、そのデータを配布します。ソーシャルゲーム内でも、ゲーム…

800
はなさくの
5か月前
6

【AE】ロック解除演出

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、ロック解除演出のデータを配布します。 AfterEffects 2024(v24.1)を使用して、作成し…

800
はなさくの
6か月前
11

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

こんにちは。ゲームUIデザイナーのはなさくのです。 今回はAfterEffectsで作成した、デジタル名刺アニメーションのテンプレートデータを配布します。 AfterEffects 2024(v…

800
はなさくの
7か月前
18

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

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、ローディングのアニメーションを3つ作成したので、そのデータを配布します。 AfterEffects 2…

800
はなさくの
7か月前
6

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

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、AfterEffectsで、タップエフェクトを6つ作成したので、そのデータを配布します。 AfterEffects 2024(v24.1)…

800
はなさくの
7か月前
21
【PS】ゲーム素材アイコンセット

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。

ゲームアセットとして使用できそうな「アイコンセット」をPhotoshopで作成したので、そのデータを配布します。

Photoshop 2024を使用して、解像度72pixel/inchで作成しています。
(有料版は、ページ最下部からPhotoshopデータをダウンロードできます)
背景画像は含みません。アイコンのみのデザインデータになりま

もっとみる
【AE】誕生日カード演出

【AE】誕生日カード演出

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、誕生日カード演出のデータを配布します。

AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

キャラクターや背景画像、BGM、SEは付属しておりません。

01|誕生日カード演出とは色々な場面で使用で

もっとみる
【AE】ボタンアニメーション

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

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、ボタンアニメーションのデータを配布します。

AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

背景画像やBGM、SEは付属しておりません。

01|ボタンアニメーションとはグランジテイストのボタン

もっとみる
【PS】本のダイアログフレーム

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

イラストも描けるフリーランス2Dデザイナーの柴さんに依頼し、デザインと記事を作成していただきました!

Photoshop 2024を使用して、解像度72pixel/inchで作成しています。
(有料版は、ページ最下部からPhotoshopデータをダウンロードできます)

※キャラクターや背景などのイラスト素材は含みません。ダイアログフレーム単体でのデザインデータになります。

01|本のダイアロ

もっとみる
【PS】木のダイアログフレーム

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。今回は、フリーで活躍されている外部のゲームUIデザイナー様に制作していただきました!

ゲームのUIで活用できそうな「木のダイアログフレーム」をPhotoshopで作成しましたので、そのデータを配布します。

Photoshop 2024を使用して、解像度72pixel/inchで作成しています。
(有料版は、ページ最下部からPhotoshop

もっとみる
【AE】カメラ撮影演出

【AE】カメラ撮影演出

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、カメラ撮影演出のデータを配布します。

AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

キャラと背景画像にはサンプルという文字をつけた状態でデータ配布していますので、そのまま使用せず、ご自身で用意

もっとみる
【AI】ガシャポンのデザイン

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

ゲーム系出身のデザイナー兼イラストレーターのスミ マミさんに、ゲームUIデザインレシピの記事を依頼し、作成していただきました!

お題は、ガシャポンのデザインです。

Adobe Illustrator 2024を使用して、作成しています。

有料版は、ページ最下部からIllustratorデータをダウンロードすることができます。

01|ガシャポンの作り方STEP1|アイデア出し

まずはテーマ

もっとみる
【AE】夏フレーム演出

【AE】夏フレーム演出

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、夏フレーム演出のデータを配布します。

AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

01|夏フレーム演出とは夏デザインの一部として使用できそうなマリンフレームに、海の演出を追加して、少しだけ動

もっとみる
【PS】サムネイルフレームデザイン

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。

ソーシャルゲーム内で、キャラクター一覧画面などで使用される「サムネイルフレーム」をPhotoshopで作成したので、そのデータを配布します。

Photoshop 2024を使用して、解像度72pixel/inchで作成しています。
(有料版は、ページ最下部からPhotoshopデータをダウンロードできます)
キャラクターや背景などのイラス

もっとみる
【AE】ゲームイベント画面演出

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

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、ゲームイベント画面演出のデータを配布します。
AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください

01|ゲームイベ

もっとみる
【AE】音楽再生画面演出

【AE】音楽再生画面演出

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、音楽再生画面演出のデータを配布します。
AfterEffects 2024を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください

01|音楽再生画面演出

もっとみる
【PS】音楽再生画面デザイン

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

こんにちは。ゲームUIデザイナーの「はなさくの」です。

Photoshopで、音楽再生画面のデザインを作成したので、そのデータを配布します。ソーシャルゲーム内でも、ゲーム内で使用されているBGMを再生できる画面があるため、そちらをイメージして作成しました。

Photoshop 2024を使用して、解像度72pixel/inchで作成しています。
(有料版は、ページ最下部からPhotoshopデ

もっとみる
【AE】ロック解除演出

【AE】ロック解除演出

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、ロック解除演出のデータを配布します。
AfterEffects 2024(v24.1)を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

※BGMやキャラ画像などは付属しませんので、ご自身の作品と差し替えてご使用ください

01|ロッ

もっとみる
【AE】デジタル名刺データ配布

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

こんにちは。ゲームUIデザイナーのはなさくのです。
今回はAfterEffectsで作成した、デジタル名刺アニメーションのテンプレートデータを配布します。
AfterEffects 2024(v24.1)を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

※BGMや作品の動画・顔アイコンなどは付属しませんので、ご自身の作品と差

もっとみる
【AE】ローディングデータ配布

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

こんにちは。ゲームUIデザイナーのはなさくのです。
今回は、AfterEffectsで、ローディングのアニメーションを3つ作成したので、そのデータを配布します。

AfterEffects 2024(v24.1)を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

01|ローディングアニメーション01-01|水が溜まっていくよう

もっとみる
【AE】タップエフェクトデータ配布

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

こんにちは。ゲームUIデザイナーのはなさくのです。
今回は、AfterEffectsで、タップエフェクトを6つ作成したので、そのデータを配布します。

AfterEffects 2024(v24.1)を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

無料のプラグインを使用しているので、詳細は下記に記載します。

01|タップ

もっとみる