- Видео 51
- Просмотров 97 587
ゲームUIデザインレシピ
Добавлен 15 авг 2021
📃チャンネル紹介
---------------------------------------------------
ゲームUIデザインに関するツール紹介や豆知識などの情報を発信します。
ゲームUIデザインの添削も始めました。
ゲーム開発をする上でお役に立てると嬉しいです。
📃プロフィール紹介
---------------------------------------------------
はなさくの（Twitter：@HanaSakuno）
ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後フリーでゲームUIデザインやバナー、イラスト制作のお仕事を受注しています。現在は法人化していますが、自由気ままに活動中！
その他に、ゲームUIやデザイン全般に関する情報発信をブログ「はなさくっと」で行なっています。日々のゲームに関連するUI・デザインネタはTwitterで、イラストネタはInstagramで発信しています。また「ストックマテリアル」という無料イラスト素材サイトを運営中です。
---------------------------------------------------
ゲームUIデザインに関するツール紹介や豆知識などの情報を発信します。
ゲームUIデザインの添削も始めました。
ゲーム開発をする上でお役に立てると嬉しいです。
📃プロフィール紹介
---------------------------------------------------
はなさくの（Twitter：@HanaSakuno）
ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後フリーでゲームUIデザインやバナー、イラスト制作のお仕事を受注しています。現在は法人化していますが、自由気ままに活動中！
その他に、ゲームUIやデザイン全般に関する情報発信をブログ「はなさくっと」で行なっています。日々のゲームに関連するUI・デザインネタはTwitterで、イラストネタはInstagramで発信しています。また「ストックマテリアル」という無料イラスト素材サイトを運営中です。
デザインでは泣けない
デザインに関する雑談をします。ラジオ的な感じで聞いていただけると嬉しいです。
📃Noteマガジン発売中！
---------------------------------------------------
ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。
Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。
note.com/hanasakuno/m/mfd5fc1dffacb
📃プロフィール紹介
---------------------------------------------------
🔹はなさくの
ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後に独立してゲームUIデザインやバナー、動画、イラスト制作などのお仕事をしています。
📃SNSアカウント
---------------------------------------------------
X(Twitter)： HanaSakuno
Instagram： hanasakuno
ブログ：hanasaqutto.com/
無料素材：stockmaterial.net/
📃お問い合わせ
---------------------------------------------------
support@2clue.net
#ゲームUIデザイン #デザイン講座
📃Noteマガジン発売中！
---------------------------------------------------
ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。
Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。
note.com/hanasakuno/m/mfd5fc1dffacb
📃プロフィール紹介
---------------------------------------------------
🔹はなさくの
ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後に独立してゲームUIデザインやバナー、動画、イラスト制作などのお仕事をしています。
📃SNSアカウント
---------------------------------------------------
X(Twitter)： HanaSakuno
Instagram： hanasakuno
ブログ：hanasaqutto.com/
無料素材：stockmaterial.net/
📃お問い合わせ
---------------------------------------------------
support@2clue.net
#ゲームUIデザイン #デザイン講座
Просмотров: 501
Видео
【Illustrator】レトロゲーム風のドット絵に加工する方法
Просмотров 414Месяц назад
写真やイラストを、Adobe Illustratorを使用して、レトロゲーム風のドット絵に加工する方法をご紹介します。 📃Noteマガジン発売中！ ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。 Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。 note.com/hanasakuno/m/mfd5fc1dffacb 📃プロフィール紹介 🔹はなさくの ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後に独立してゲームUIデザインやバナー、動画、イラスト制作などのお仕事をしています。 📃SNSアカウント X(Twitter)： HanaSakuno Instagram： ...
【Figma】オートレイアウトで可変ボタンを作ろう！
Просмотров 374Месяц назад
WEBデザインツール「Figma（フィグマ）」のオートレイアウトという機能を活用して、文字サイズに応じて自動で横に伸びるボタンを作る方法を解説しています。Figmaは無料でも使用できますので、ぜひお試しください。デザイン初心者の方でも使いやすいので、オススメです。 🎬こちらの動画もチェック！ FigmaでゲームUIデザインを作ろう ruclips.net/video/3SiVA15Tji8/видео.html 📃Noteマガジン発売中！ ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。 Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。 note.com/hanasakuno/m/mfd5fc1dffacb 📃プロフィール紹介 🔹はなさくの ゲー...
FigmaでゲームUIデザインを作ろう
Просмотров 1,6 тыс.Месяц назад
WEBデザインツール「Figma（フィグマ）」を使用して、ゲームUIデザインを作る方法を解説しています。基本から便利機能まで、ゲームUIを作るのに役立ちそうな機能を一気にご紹介！Figmaは無料でも使用できますので、ぜひお試しください。デザイン初心者の方でも使いやすいので、オススメです。 📃Noteマガジン発売中！ ゲームUIデザインに関連する情報や、「Photoshop」や「AfterEffects」で作成したオリジナルデータを公開しています。 Noteマガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。 note.com/hanasakuno/m/mfd5fc1dffacb 📃プロフィール紹介 🔹はなさくの ゲームUIデザイナーです。5年半ほどゲーム会社でUIデザイナーとして働き、その後に独立してゲームUIデザインやバナー、動画、イラス...
ゲームUI制作で役立つ！Photoshop便利機能3選【ゲームUIデザイン講座】
Просмотров 3,4 тыс.2 года назад
ゲームUI制作で役立つ！Photoshop便利機能3選【ゲームUIデザイン講座】
ゲーム開発で使えるAdobe XD活用術（ワイヤーフレームからデザイン作成、データ管理まで）
Просмотров 4,5 тыс.3 года назад
ゲーム開発で使えるAdobe XD活用術（ワイヤーフレームからデザイン作成、データ管理まで）
めっちゃ添削丁寧で尊敬
視線の流れとかも、すごい...
戻るボタンは左に配置とか革命かよって思ったw
すごすぎる
すご
面白い！
すごい
人が作った感がない方がのめりこみやすいって事なのかな？ それとも終わりに期待できる感がいいのかな？ それとも番号による振り付けがない方がいいのかな？ 面白かったです
見ていただき、ありがとうございます！
めっちゃめちゃかわいい！ 音もUIもキャラもアニメーションも全部可愛すぎる😍
ありがとうございます！
すごい！photoshopやillustratorが無くてもここまで作れるんですね⭐️わかりやすかったです。
見ていただき、ありがとうございますー！
さんこうになります！
ありがとうございます！ 嬉しいです^^
参考になりました！
ありがとうございますー！
画面を作りながら解説してくれたので作業イメージをつかむことが出来ました…！ 凄い分かりやすかったです！ 動画ありがとうございます！
良かったです・・・！ こちらこそ、見ていただき、ありがとうございます～！
デザインと動画は面白かったです。お疲れ様です。
ありがとうございます・・・！
FigmaはUIをクリックしたときの挙動も一緒にデザインできるので、 より直感的に設計ができてイメージがすんなり入ってくることが利点ですね。 今の仕事でWebアプリの画面イメージがFigmaで作成されているのですが、 ゲームのUI制作にもFigmaが通用するというところは盲点でした。 個人的にゲーム制作もしているので、Figmaを活用してみます！
コメントありがとうございますー！ アプリのUIを作るのには、Figmaはとても良さそうですね！ ゲームUIだと、今回のようなフラットなデザインだと問題ないのですが、細かい装飾やブラシでの書き込みが多いテイストになると やはりPhotoshopで作った方がラクな気もしますので、用途に合わせて使いこなせると良さそうですね。
ためになった
@@activitydestory ありがとうございます🙏
AfterEffects×Cinema4Dで作成してます。3Dにハマりかけていたときに、楽しく作った記憶があります。3Dといえば、無料で使えるBlenderが流行ってますが、まさかのCinema4Dを使うようになりました。
誕生日キャラが出るのいいよね……！
誕生日の演出テンプレは汎用性高そうなので、作ってみました！いつもコメントありがとうございます！
まじでありそう……！
@@イツバ ありがとうございます😊
スマートオブジェクトの意味がよく分かってなかったんですが、めちゃくちゃ便利な機能でものすごくためになりました！
マジですごい。。。
ありがとうございますー！
長尺動画でどうやっているのかぜひ見てみたいです🥺
リクエストありがとうございます。そのまま撮影したものだと、作業途中に離席したり、考えて止まってる時間が含まれていたり静止部分も多々含まれるので、編集が必須になるのですが、億劫でなかなか出すのが難しいなと思ってました😂
他のショートのやつもだけどゆっくり見たいなぁ
すごいな、このプラグイン……
有料ですが、買う価値はあると思います‐！
実際にありそうだから凄い……！
ありがとうございます！ ショート動画をアップしてから、左下の紙が破れてメニューが表示されるところで、後ろの茶色い紙が消えているというミスに気づきました（苦笑） きちんと確認すればよかった・・・！（泣）
何やってるかは分からないが、技術がすごいことは分かった
早送りしちゃってるので、何してるか分からないですよねｗ
いや……マジですごいな……憧れる……！
やったー！
はなさくのさんみたいにafterEffect触れるようになりたし…チュートリアル動画を参考に練習なさる時って、動画のどういう所を意識しながら学ばれてるんだろう🤔 ただなぞって同じものを作るとなると応用が効きづらいだろうから、学びを得る上で意識なさってることとかあるのかなと
チュートリアルについてはAfterEffectsに慣れるという意味で、最初のうちは面白そうなものをそのまま作成していました（AEに慣れることが目的）。 次ですが、なんとなくAEの使い方が分かった後は、10秒以内の短い動画を作ることから始めました。 といっても、自分の中の引き出しが全く無いので、MVやゲームの広告動画を見ながら、このシーンかっこいい、作ってみたいというのを部分的に探していきます。 その後に、参考動画を見ながら、自分なりにちょっとアレンジを加えたデザインを作ります。 ここまで来たらやっとアニメーションの制作になるのですが、どうやって作っているんだろう。。と分からないこともあるので、参考になりそうなチュートリアル動画がないか、RUclipsで探し始めます。そして、作って直して・・・の繰り返しです。 最近は、1枚のデザインから考えることが多く、そのデザインの前後につなぐアニメーションをどうしようかというのを、SNSやRUclipsなどで探しながら作ることも多いです。
@@gameuiux 詳細なご返信ありがとうございます！ めっちゃ参考になる…😭✨ グラフィックデザイナーとしては2年目なのですが、副業でご縁あってゲームのUIデザインをさせて頂く機会がしばしばあり、更なるスキルアップとしてUIアニメーションにも取り掛かりたいと思う一方で、どう応用力を付ければいいか本当に悩んでいたので、本当に助かりました😭😭😭 noteの記事も定期購読させて頂いているので、引き続き勉強させて頂こうと思います！これからも応援しております！
すげぇ……！
いつも、コメントありがとうございますー！
めっちゃいいな……
🥰
マジですごい……
ありがとうございます！
すげー
LINEスタンプで売ったら売れそう
初めまして What Fonts 起動しても動作しません。 どうしたら良いでしょうか？
ウェブ画像やサイト全体を集めて整理するアプリをPerplexityで探していたら、Eagleがおススメされて、こちらの動画が参照元になっていましたので飛んできました。2年も前からあったのですね、知りませんでした。早速使ってみます。 わかりやすい解説をありがとうございました！
アフターエフェクト講座も作ってくれたら即買いします！
作例もキャラクターもスライドも全部可愛い
購入検討していたので内容についての説明が事前に見れて助かりました！ ありがとうございます😊
何度も止めながらやってみましたが、何回やっても同じようになりません😭
最高！
Photoshop初心者なので、すんごくタメになりました！ 有難う御座います🙏🏻✨
まず名前が良い
めっちゃ欲しい！！！😍 って思ったのに調べてみたら有料かつ４０００円くらいかかるの知って萎えた
どう考えても安い
@@shoyama4146 中学生にとって4000円は高ぇ
なんで今までこれ使わなかったんだろう！！便利すぎる
時短になっていいですね！！！ このスクリプトは、フォトショをどんどん更新して2022→2023になっても、自動でこちらも更新されますか？ 毎回ダウンロードし直す必要がありますか？
上記のように大きくバージョンが変わる場合は、再度入れなおす必要があります。 少し面倒ですが、しょうがないですね・・・笑
お声も可愛くて動画もわかりやすいです！良い動画を有難うございます！
見ていただき、ありがとうございます！
エクセルの図形でこんな感じと見せられるのが多いけど これ覚えてくれたらもっと楽にやり取り出来そう
作成した画像のプロンプトを共有できますか?
ハートマーク付けて1年放置ってすごいな。
非常にためになりました。まずは手を動かすところからですね… ちなみに、これよりも前の段階…まずゲーム会社に就職する際にも今回の動画のようなことができていないとダメでしょうか。よろしければ教えてください