はなさくの｜ゲームUIデザイナー @HanaSakuno Twitter profile

Pinned Tweet

はなさくの｜ゲームUIデザイナー

1 year

✨お知らせ✨ 本日よりColoso（ @Coloso_japan ）にてオンライン講座予約販売が開始しました🎉 ゲームUIデザイン制作の基礎知識から制作の流れ、ツールの解説に加えて、6種類のゲーム画面制作過程を全公開しています☺️ 詳しくは👉

6

51

290

Last Seen Profiles

@NSiepman

@hiy678

@jamarilee01

@agupta_office

@waffleydev

@luvcspring

@MarleyRose70182

@lyo1014

@cammabri

@amar_kelel26

@_DPRLISA

@Hilda_Darby1935

@AuDesigns

@Hisa_gi3

@tlntedmripley

@lildee4212

@s_siefke

@chaxem37050412

@Fatih45343902

@worqas

@Kasamadups

@XvZ2R0uem6zDxIo

@dawoonyoungie

@ShortKingOz

@bokeplokalmalam

@lordmbadu79

@NakatoKoji

@LenSwaim

@DohiEisuke

@KraushaaMckenn

@Chin_Qin_Chin

@AVROTROS

@rotterdam

@NARICInfo

@Db1997bell

@Rodrigo091196

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

AdobeFontsに、日本語フォントが大量追加されたので、下記ページからポチポチ追加しました☺️ ロゴやバナーなどで使いやすそうなフォントもたくさんあり、これはすごい✨ これが無料か・・・ 📝Adobe FONT1000

1

6K

13K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「プイッコ」というフリーフォントが、本当にかわいくて使い勝手よさそう😆 ちょっとしたロゴを作るときに大活躍しそうな予感👀 商用利用も可能なようです🙆

5

4K

11K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

文字装飾についての手順をまとめてみました。一つ前に実績公開でアップした、バナーロゴの作り方になります。全7ステップです。 ④と⑤の違いは、伝わるかなぁ・・・😅

12

2K

10K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

【文字装飾】「ネオン看板の作り方」をまとめました✨ ネオンっぽいレイヤースタイル効果を一つ作ってしまえば、あとはスタイルのコピペだけで対応できるので（色変えは必要）、かなり便利かなと。ただ、この表現を使える場面がかなり限られてるかも・・・👀 #ゲーム素材の作り方

3

2K

7K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

ゲームUIデザインに役立ちそうな、「Interface In Game」というすごいサイトを見つけました😱 ゲームジャンルごとに、UI要素やスクショなどがまとめられており、情報収集するには便利かと✨ すでに有名なサイトなのかな・・・？👀

7

2K

7K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインに役立つ「画像のファイル形式と特徴」についてまとめました📝 #ゲーム素材の作り方

4

1K

6K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

ゲームでよく見かける「バーゲージ（棒ゲージ）」についてまとめました😆 ゲージ名については、それっぽいものを勝手につけてます💦 他にもまだあるので、第2弾もありそう・・・👀 #ゲーム素材の作り方

7

2K

6K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲーム特有の【文字装飾】についてまとめました📝 ちょっとだけWebデザインをしていた時期があるのですが、そのときは、こんなに盛った文字なんて作らなかったですよ…😂 作っても、①のようなシンプルなものでしたね👀 #ゲーム素材の作り方

7

616

4K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

7 months

文字のアニメーションが作れる【SPACE TYPE GENERATOR】というサイトが面白かったです😳 休憩中に見つけて、ついつい遊んでしまいました🤣

3

759

4K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

7 months

このサイト、UIのアイデアが色々詰まってるので、ぜひ見てほしい✨ これは、触ってみたくなる～😆

1

421

4K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ひんやり氷文字の作り方」をまとめました✨ こういった装飾は、Photoshop先生の得意分野ですね😆 #ゲーム素材の作り方

6

749

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

無料でベクター化できる「Vectorizer AI」という無料サイトがすごいです😱 左がAIで作ったラスター画像で、右がベクター化した画像です。画像をサイトにアップするだけで、拡大してもボケないベクター画像を作ってくれます😳 ここまで無料で出来てしまうのが、怖い…

1

625

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

5 months

セール中なので、モーフィングアニメーションが作れるAEプラグインを買ってみたら、すごすぎた😳 この少ない手数で、アニメーション生成されるの便利すぎる🤣 「Super Morphings」というプラグイン、オススメする人が多い理由が分かりました👀

1

322

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

敵から攻撃を受けたら、HPゲージが減りますが、A・Bどちらが分かりやすいですか？👀 #ゲームUIデザイン

404

370

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

凄いサイト見つけた・・・👀 「動くWebデザインアイディア帳」というサイトですが、これは参考になる🙏 書籍は持っていたのですが、こんな面白いサイトを公開されているなんて、知らなかったです😂

2

645

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

ここ2週間くらい、Twitterでほぼ毎日アップしていた「ゲーム素材の作り方」をまとめて1つの記事にしました🌟 全12枚の作り方画像を掲載しています。サムネはそのうち9枚を選んで並べただけっていう、雑な感じになってますが、大目に見てください〜😅

ゲームUI素材の作り方まとめ【2020年6月後半】

6月中旬からはじめた「ゲームUI素材の作り方」画像が増えてきたので、振り返りの意味も込めてまとめました。ちなみに、「ゲーム関連のデザインで何に興味があるか」というアンケートをとりました。結果は、下

hanasaqutto.com

6

798

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインに役立つ「視線誘導の法則とは」についてまとめました📝 #ゲーム素材の作り方

4

447

3K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

【無料】で商用可能な可愛いフォントをご紹介✨ バナーやちょっとしたアクセント文字として使えそうなフォントを集めてみました👀 #ゲーム素材の作り方

0

393

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲーム系デザインの情報発信をしたら、たまたま拡散されました。 RTしていただいた人には、本当に感謝しています☺️ #これでフォロワーさん増えました

2

371

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

【illustrator】で作った2Dアイコンを、【Blender】で読み込んで、簡単に3Dにできたので、忘れないように動画にしてみました✨ 【2D → 3D】アイコンがこんな簡単に作れると思わなかったです😂 #3D ゲームUIデザイン #Blender3d #blender

4

397

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

UIや広告などのモーションを集めた「みんなのモーション」というサイト、かなり良き✨ 見てるだけで、かなり勉強になります☺️

0

251

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ザラッとした絵本風アイコン＋簡易アニメ。今月のNoteマガジンで、データ配布します👀 #ゲーム素材の作り方

6

163

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

11 months

「超解読AE」っていうサイトすごい😱 AfterEffectsの解説記事が、本当に分かりやすいです！逆引き辞典まで、ついてる・・・これは、ほんと助かる😂 ブクマしたよ🔖

0

272

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUI作成時に考えておくべき「UIカラー指定」についてまとめました📝 #ゲーム素材の作り方

3

280

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

6 months

「Resourceboy」というサイトでPhotoshopのグラデーションが無料でたくさんダウンロードできるみたいです😳 他にもテクスチャとか、色々素材が揃っていて、すごいですね、これ・・・どうなってるんだろう😱

0

290

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

フリーフォントをイメージワードから検索できる【モジザイ】というサイトが便利✨ 配布サイトのリンクもあり、商用利用可能かどうかも記載されているので、手間が省けます😉 「ポップ」「レトロ」などの複合ワードも検索できるみたい🔍 ▼モジザイ

1

660

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで使う「UIコンポーネント一覧」についてまとめました📝1枚画像で収まらなかったので、明日「その2」をアップします😂 #ゲーム素材の作り方

4

299

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

ソシャゲの課金で使われる「ジェム💎」っぽいアイコンの作り方です✨ 手書きイラストでなく、フォトショの「レイヤー効果」と「テクスチャ」のみで、それなりの見栄えになるように調整してみました👀 #ゲーム素材の作り方

0

458

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ボトルアイコンの作り方」をまとめました✨ ゲームで回復薬のアイテムなどに使用されていますよね。液体の色を変えるだけでバリエーションを増やせるので、使い勝手バツグンです😉 今回はイラレのみで作成しましたが、フォトショで質感を上げたverも作ってみようかと👀

3

214

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで使える「トンマナの合わせ方」についてまとめました📝 #ゲーム素材の作り方

2

221

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

AEで「手書き風のゆれる文字」が簡単に作れるんですね…😉 結構使える場面が多い気がするので、メモ📝

3

235

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

株式会社エクスコアさんがアップしている、「動画制作の知識が身につく」TIPS動画がすごいです✨ 結構な数あるので、作るの大変だったと予想👀 ピンタレストでまとめてあるので、とても見やすくて嬉しい☺️

2

263

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

１ヶ月間で、28個のAEチュートリアルを終えたので、まとめて報告✨ 気づいたことや学び、参考になったYouTubeチャンネルなどを、Noteマガジンで公開予定📝 #Ae スタディ

2

209

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ゲームコイン🪙」の作り方をまとめてみました。今回はすべて、フォトショップの「レイヤースタイル」のみで表現しています。全8ステップです。 ⑤と⑥、⑦と⑧ですが、微妙に違います👀

2

281

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

いつもはPhotoshop使いですが、アニメーションの練習用素材として、AfterEffectsでデザインを作っていたら、 Photoshopにはない便利機能がたくさんあったので、簡単にまとめてみました📝

0

191

2K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

Photoshopの「描画モード」について、超簡単にまとめました📝 どんな効果になるかをふんわり理解するだけで、デザインするときに役立つかと思います👀

3

276

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

今年もまた、バレンタインの季節がやってきた💕 チョコ文字の作り方は、意外と毎年需要がありそう😌 📝作り方の記事＆データ配布

1

212

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

8 months

AfterEffectsで、タップエフェクトを作ってみました👀 Noteマガジンで、AfterEffectsデータを配布しているので、気になる方はご確認ください☺️ 📝記事・データ配布はこちら

0

196

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ちょっとしたことなんですが、Photoshopで 🔸ブレンド条件で下の絵になじませる 🔸境界線ありの文字にクリッピングマスクをすると、文字の見栄え変わるので、試してみると良いかも👀

2

173

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

ゲームUIで「オシャレに黒を使う方法��について図解しました✨ 純粋な黒（ #000000 ）を使うより 🔸半透明する 🔸色を混ぜる 🔸グラデにするなど、ちょっと工夫するだけで、見え方がグッと変わります👀 #ゲーム素材の作り方

0

279

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

7 months

AfterEffectsで「ロック解除演出」を作りました👀 （音付）【定期購読Note】でデータ配布中です。最近AEデータが多いので、来月はPhotoshopデータもアップします😂 📝記事・データ配布はこちら

4

123

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

8 months

Noteで、Photoshopで作ったチョコ文字のデータを販売しているのですが、毎年、バレンタイン近くなると売れるので、この手のデザインは使い勝手が良いのかもしれませんね👀 📝作り方とデータ配布はこちら

0

163

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

5 months

セール中なので、「筆順アニメーション」が作成できるAEプラグインを買ったのですが、便利すぎます・・・🤣 これ、プラグインなしで一つずつやろうと思ったら、大変ですよね😇 「CuttanaNir2」買ってよかった✨

1

115

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

個人でゲーム開発されてる方、ワイヤーフレーム制作をサボってませんか・・・？😆 小規模開発なら、XDなどでワイヤーフレーム全画面分をまずは作ってみてください。そうすると、制作工数や機能の洗い出しなど、色々と見えてくるものがあるはず📝 #ゲーム素材の作り方

2

228

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

複数の色を選ぶと、それに合った画像を表示してくれる「Designspiraiton」ってサイトが良き✨ 自主制作するときの良い刺激になりそう👀

0

277

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで使える「デザインの基本4原則」についてまとめました📝 #ゲーム素材の作り方

0

171

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで使う「UIコンポーネント一覧 - その2 -」についてまとめました📝昨日アップした画像の続きになりますので、合わせて見てください～😆 #ゲーム素材の作り方

3

154

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

【ゲームUIパーツ】「属性アイコンの作り方」をまとめました✨ 敵モンスターとの「属性相性」で戦いが有利になったりなったりするアレです。ソシャゲをしてない方は、ピンとこないかもしれませんね。。😅 今回は画像内に、ちょっとだけ解説つけてます👀 #ゲーム素材の作り方

2

249

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲームのイベントロゴなんかも作ったりしてます✨ ゲーム系は実績公開不可なものが多いので、OKいただいた日には嬉しくて、飛び跳ねてますね・・・🤣

3

114

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

Ae100日チャレンジを始めて、3週間が終わったので進捗報告📝 チュートリアル動画を探していると、あのエフェクト使ってそう…と予想できるものがチラホラでてきました👀 あれ、成長してる・・・？😆 #Ae スタディ

1

83

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

8 months

ゲームUIをUnityに実装するという内容で、すごく分かりやすくて、為になる記事でした✨

UIデザイナーもUnityでUIを実装してみよう｜Happy Elements株式会社カカリアスタジオ

この記事は「Happy Elements カカリアスタジオ　デザイナーアドベントカレンダー2023」の22日目の記事です。はじめにこんにちわ！グラフィックデザイナーのS.S. です。今回は「UIデザイナーがUnityでUI実装する」について、上記のサンプル画面を使用して紹介していきます。自分が制作したUIデザインをUnityで実装してみたいと思った事はないでしょうか？...

note.com

1

170

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインの基本「押せそうなボタンとは」についてまとめました📝 #ゲーム素材の作り方

1

151

1K

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 months

AEでいくつかボタンアニメーション作りました📝 今週中にNoteマガジンでAEデータ配布予定です。

1

106

962

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲームUIで難しいところは、文字数の増減に耐えられるレイアウトを考えなければいけないところだと思う…😂 固定であれば、そこで一番キレイに見えるレイアウトで組むだけなんですが、ゲームだとそうはいかないんですよね… 基本的に情報が可変なので…🥲 #ゲーム素材の作り方

5

250

927

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 months

サイゲさんのクリエイターページで、 UIデザインとアニメーションのポートフォリオの作り方が公開されてますね・・・！色々参考になりそう👀

0

163

889

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「文字を目立たせる」お手軽な方法を「6つ」ご紹介します✨ #ゲーム素材の作り方

0

228

876

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインに役立つ「倍数を使ったUIデザイン」についてまとめました📝 #ゲーム素材の作り方

1

128

863

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「クッキー文字の作り方」をまとめてみました✨ ゲームイベントのバナーで、スイーツ系のロゴに使われてたりしますよね。クッキー生地やチョコの質感は、フォトショップのレイヤー効果「べベルとエンボス」を使用しています。伝わりにくいですが、光彩やシャドウなど細かく設定してます😅

4

251

846

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

#デザニメUIチャレンジで作成した、デザイン制作過程のダイジェスト動画をUP✨ Twitterだと解像度低くなっちゃいますが、しょうがない😂 こんな感じで作ってるというのが伝わればOKかなと👀

3

142

842

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「使いやすいロゴパターン（その1）」をまとめました✨ ロゴのバリエーションは、たくさんあります。ということは、明日も・・・😏 #ゲーム素材の作り方

2

188

836

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

ゲームで使えるフォント（87書体）が、 12/31まで4,980円で販売しているそうです👀 標準価格（71,559円）の93%OFFって、割引きしすぎなのでは・・・？🤣 組み込みOKで、商用利用OKとのこと。

組み込みOK・商用利用OK!!ゲームで使える87書体セットが今だけ4,980円！お得な効果音・BGM＋セットも｜デザインポケット

「fontUcom」から、ゲームでの組み込みが可能で商用利用も可能な「ゲームで使える87書体セット」を9/30までの期間限定で特別価格でご提供。

designpocket.jp

3

608

832

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

ステキな「ローディング」アニメを販売しているサイトを見つけました✨ 見てるだけで楽しい☺️

3

207

824

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「フォン��の豆知識」をまとめました✨ ゲーム開発者なら「組み込みOKなフォントか？」がとても気になりますよね😅 #ゲーム素材の作り方

0

225

802

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「簡単に盛れる文字加工〜3ステップ〜」についてまとめました✨ フォントをそのまま使用するよりも、ちょい足し加工をした方が見栄えがUPするので、オススメです😉 #ゲーム素材の作り方

1

165

779

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「装飾フレームの作り方」をまとめました✨ ボタン・見出し・サムネイルに使える万能フレームです。 #ゲーム素材の作り方

0

159

759

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲームUI演出をコレクションしているのですが、「けものフレンズ3」のトランジションのバリエーションが多くて、驚いてます😂 1つのゲーム内で、ここまで数が多いのは珍しいのでは？👀 使い勝手が良さそうなものばかりで、参考になります✨

1

247

754

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

先日、AfterEffectsはデザインするための便利機能がたくさん揃ってる✨ とポストしたんですが、その時に作ったデザインを動かしてみました。雰囲気で、ゲームUIっぽいものも入れてます👀 アニメーションって難しい・・・

3

65

760

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「使いやすいロゴパターン（その2）」をまとめました✨ 昨日と合わせて、全8つです。まだいけそうですが、次の機会に・・・😅 #ゲーム素材の作り方

1

154

756

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ゲームダイアログのパターン16種」を作りました✨（・・・大変でしたw）ダイアログのデザインを考えるときのヒントになればよいかなと思い、シンプルな形でまとめてます😉 #ゲーム素材の作り方

6

157

745

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで使える「基本的な書体」についてまとめました📝 #ゲーム素材の作り方

1

106

746

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

ストーリー選択画面っぽいゲームUIを作って、動かしてみました✨ 今回は、AfterEffectsで本を開くという動きを作りたくてトライした作品👀 BGMとSEもつけたら、ちょっとエモい感じに😆

2

91

740

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲームUIデザインのトレンド【2022年版】を年表でまとめてみました✨ 主に、2018-2022年前半までゲームを対象にしています👀 前回のまとめ記事から、3年くらい経ってた😱

ゲームUIデザインのトレンドを年表でまとめてみた【2022年版】

ゲームUIデザインにも、その年によって流行りがあるような気がします。そこで、個人的に記憶に残ったゲームUIデザインのトレンドを年表でまとめてみました。 2018年までは、すでにまとめているので、気にな

hanasaqutto.com

1

206

741

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインでよく使う「強制的に情報を見てもらう方法」についてまとめました✨

2

84

734

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ゲームUIデザインの考え方」をコンパクトにまとめました✨ 図③、⑤「楽しそうを演出」「デザインを盛る」は、ゲームデザイン特有かも👀 #ゲーム素材の作り方

0

157

715

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

「文字デザインのちょっとしたコツ」をまとめました📝 ゲーム系UIやバナー内の文字は、キャラや背景の上に配置したり、表示自体が小さい場合があるため、「文字の隙間をうめる」とちょっとだけ幸せになるかもしれない・・・というお話👀 #ゲーム素材の作り方

2

138

701

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

便利な「ボタンアニメーションの見本サイト」を教えてもらったので、共有します☺️ サンプルがたくさんあるので、見ていて楽しい✨ 参考サイトはCSSですが、ゲームUIのボタンアニメを作るとき、ヒントになるかも👀

1

140

702

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで役立つ「情報量が多いときの対応方法」についてまとめました✨

1

97

695

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「UIデザインのトレンド」をまとめました✨ 要点のみギュッと絞ったので、もっと知りたい方は、調べてみると新たな発見があるかも・・・👀 #ゲーム素材の作り方

0

122

692

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

自主制作で作った「UIデザイン」を本にしてみた📕

3

47

685

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

ゲームUIデザインで配色に困ったときに使える「配色の便利ツール【Adobe Color】」についてまとめました📝 今回は4種のみ（その1）の紹介です。 👇Adobe Colorはこちら #ゲーム素材の作り方

1

91

645

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

【ゲームUIパーツ】「フラットボタン（光彩）の作り方」をまとめました✨ ソシャゲのホーム画面にあるメインボタンをイメージして作りました。ゲームでも、フラット系のUIが増えましたよね👀 あまり作らないジャンルなので、練度は低いです😅 #ゲーム素材の作り方

0

113

644

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

【ロゴアニメーション】の記事を公開しました📝 使っている機能も少なく、キーフレームも少なく、手数も少なく、作業ボリュームとしてはかなりエコなので、ぜひ試してみてください😂 🔸記事・AEデータダウンロード #ゲームUIデザインレシピ

1

68

641

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ざっくりですが、スマホゲームで使われているフォントサイズを調べてみました📝 サンプル画像はダイアログですが、その他画面でも大体同じです。最小文字サイズは20px以上推奨で、その他文字サイズは4px単位で変化させていくのをオススメします👀 #ゲーム素材の作り方

2

128

637

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

Noteマガジンを更新しました✨ Photoshopで「ガチャチケット」を作る方法をまとめています。今回は、スミマミ（ @sumimami8888 ）さんに素材と記事を作成していただきました🎉 📝作り方の記事＆データ配布

1

70

625

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

ゲームは、使い勝手や操作性に加えて「ワクワクさせる」ための細かな仕掛けがたくさん隠されています👀 ゲーム画面をじっくり見て、どうしてその見せ方をしているのだろう…と一度考えてみると、新たな発見があるかも…✨ #ゲーム素材の作り方

1

114

608

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

ステージ選択画面のゲームUIっぽいものを作ってみました👀 今回のお題は、AfterEffectsで「グリッチ表現」を頑張る・・・！でした📝

3

53

599

はなさくの｜ゲームUIデザイナー

@HanaSakuno

8 months

AfterEffectsで、「ローディング」アニメーションを3つ作ってみました👀 Noteマガジンで、AfterEffectsデータを配布しているので、気になる方はご確認ください☺️ 📝記事・データ配布はこちら

1

56

601

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

ゲームバナーを量産していた時期があり、 Photoshopのレイヤースタイルで完結できる、文字装飾デザインを、たくさん作っていました😂 バナーロゴや文字周りで使いやすいように、工夫したつもりです👀 こういう積み重ねが、時短に繋がる…！ …と信じたい😇

3

59

579

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ゲームUIガイドライン（フォント編）」についてまとめました✨ フォントの種類と用途を決めておくのは、大切ですよね😌 #ゲーム素材の作り方

2

134

577

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

イラレで「スパイラル状の円を作る方法」について紹介します（音声解説つき）📝 海外の動画でこの作り方が紹介されていたのですが、一部変えて自分なりに作ってみました✨ もっとコンパクトにできるといいなぁ・・・👀

1

66

573

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

「Flame Painter4」というエフェクトを描くツールを使ったら、芸術的なアートが「秒」でできました😂 操作感が、新しいです✨

1

91

571

はなさくの｜ゲームUIデザイナー

@HanaSakuno

1 year

iPhoneやiPadなどの情報（サイズ・解像度他）が見やすくまとまってる、このサイトすごい😱 過去の古い端末まで網羅されてるし、アイコンやストアスクショの画像サイズとかもリスト化されてる…😂 ゲーム開発してる人にとっては、嬉しいサイトなのでは…？👀

2

87

568

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「ミニキャラができるまで」をまとめてみました✨ ラフはフォトショ、仕上げはイラレで作成しています😉 #ゲーム素材の作り方

5

117

562

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「持っておくと便利なパターン素材」をまとめました✨ 個人ランキングですが、Photoshopに、これらを登録していたおかげで、急なデザイン依頼にも対応できた過去があります😂 #ゲーム素材の作り方

2

109

549

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

11月にAEで自主制作した作品まとめです☺️ ゲームUIデザインっぽさを取り入れつつ、アニメーションの練習で作ってみました👀

2

47

549

はなさくの｜ゲームUIデザイナー

@HanaSakuno

10 months

AfterEffectsでデザインを作るときは、ラクしたくて、エフェクトの「ミラー」もよく使ってます☺️ 左上に1つ装飾を作って、右上にミラーでコピーして、それをさらにミラーで、左下と右下にコピーする形で。そうすると、左上の1つにアニメーションつけたら、四角すべてに反映されるので、便利👀

0

43

543

はなさくの｜ゲームUIデザイナー

@HanaSakuno

4 years

「アイソメトリック（イラスト）の角度」についてまとめました✨ 箱庭系ゲームイラストを作成するときに、どのくらい角度をつけるか悩んだので、有名どころのゲームを調査してみました。数値について間違っていたら、教えてください（←きっと誰も調べない・・・😂） #ゲーム素材の作り方

2

101

540

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

デザインポケットさんのサイトで「アニメ・マンガ・ゲームで実際に使用されているフォントを集めました！」というフォント特集やってますね👀 コレ見ると、フォント欲しくなる～😖

0

209

545

はなさくの｜ゲームUIデザイナー

@HanaSakuno

3 years

ゲームUIで使えそうな「ボタン形状」をまとめました📝 名称は、勝手につけました😇 ベースの形状を決め、その後、デザインの「あしらい」を考えて、多様なバリエーションを作ることができます✨ #ゲーム素材の作り方

2

71

539

はなさくの｜ゲームUIデザイナー

@HanaSakuno

2 years

サ終したゲームのアセットが無料配布しているというツイートを見て、早速ダウンロードを・・・😱 ありがたや～🙏

サービス終了したストラテジーカードゲーム『Duelyst』、オープンソース化。個人の利用・改変だけでなく、商用利用も可能｜ゲームメーカーズ

ストラテジーカードゲーム『Duelyst』がオープンソース化ソースコードや画像、音声などのゲームデータがGitHubで無償配布されている個人での利用・改変だけでなく、商用利用も認められる

gamemakers.jp

0

156

525