はなさくの

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

はなさくの

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

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

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

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

ゲーム系出身のデザイナー兼イラストレーターのスミ マミさんに、アイコンセットを作成していただきました！ ゲームアセットとして使用できそうな「アイコンセット第2弾」をPhotoshopで作成したので、そのデータを配布します。 Photoshop 2024を使用して、解像度72pixel/inchで作成しています。 （有料版は、ページ最下部からPhotoshopデータをダウンロードできます） 背景画像は含みません。アイコンのみのデザインデータになります。 目次01｜ゲーム素

はなさくの

    • 【PS】ゲーム素材アイコンセット第1弾

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

      ¥800
      はなさくの

      • 【AE】誕生日カード演出

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

        ¥800
        はなさくの

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

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

          ¥800
          はなさくの

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

        はなさくの

        マガジン

        • ゲームUIデザインレシピ
          ¥500 / 月

        記事

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

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

          ¥800
          はなさくの

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

          ¥800
          はなさくの

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

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

          ¥800
          はなさくの

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

          はなさくの

          【AE】カメラ撮影演出

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

          ¥950
          はなさくの

          【AE】カメラ撮影演出

          はなさくの

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

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

          ¥800
          はなさくの

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

          ¥800
          はなさくの

          【AE】夏フレーム演出

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

          ¥800
          はなさくの

          【AE】夏フレーム演出

          はなさくの

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

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

          ¥800
          はなさくの

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

          はなさくの

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

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

          ¥800
          はなさくの

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

          はなさくの

          【AE】音楽再生画面演出

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

          ¥800
          はなさくの

          【AE】音楽再生画面演出

          はなさくの

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

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

          ¥800
          はなさくの

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

          ¥800
          はなさくの

          【AE】ロック解除演出

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

          ¥800
          はなさくの

          【AE】ロック解除演出

          ¥800
          はなさくの

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

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

          ¥800
          はなさくの

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

          ¥800
          はなさくの

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

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

          ¥800
          はなさくの

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

          ¥800
          はなさくの