【Photoshop】ゲームUIの作り方【PSD有り】
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 スマホゲームのUI（ユーザーインターフェース）をPhotoshop(フォトショップ)で作る方法について詳しく解説します。 ゲーム会社に応募する際、オリジナルキャラを使ったスマホゲームのUI（ユーザーインターフェース）をポートフォリオに載せておくと、イラスト単体を載せるより採用担当者の目に留まる可能性が高まります。 フォトショ初心者の方にも分かりやすいよう、順を追ってゲームUIの作り方を解説いたします。 ゲーム業界への就職を考えられている学生の方にオススメのコンテンツです。 「ぼくのかんがえたスマホゲーム」のマイページ画面を作ってみましょう！
ハマダナヲミのPhotoshopで作るUIデザイン入門 – WPJ
Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしても多く使われています。このLessonでは、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 アプリのUIデザインのワークフローを知ろう Webサイトの制作では、PhotoshopでのデザインからHTMLやCSSに メンバー登録してください いつもWPJのご利用ありがとうございます。 この記事は、読める記事数の上限に達したか、プレミアムメンバー限定のため、お読みいただけません。フリーメンバーに登録すると読める記事数を増やせます。
PhotoshopでiPhoneアプリのUIを作るための準備と設定
WebデザイナーがWebサイトだけでなく、スマートフォンアプリをデザインする機会が増えています。 ところが、Photoshopを使いこなしているデザイナーでも、UIのデザインとなると勝手が違い、試行錯誤している方が少なくないようです。本連載では、Photoshopを使ってアプリのUIをデザインするコツを、デザイナーのハマダナヲミさんが解説します。（編集部） Photoshopはもともと写真編集のためのソフトでしたが、印刷物やWebのデザインツールとしても使われるようになり、いまではデザインツールとしてPhotoshopを使っている方が多いのではないでしょうか。最近ではアプリのUIデザインにも便利な機能がどんどん追加されています。この連載ではWebデザイナーを対象に、iPhoneアプリを題材として、PhotoshopでUIをデザインする方法を紹介します。 第1回は、アプリ開発の大まかな流れを
UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
Designing a Web App UI Kit in Adobe Photoshop | Envato Tuts+
Style guide driven development offers a hugely flexible approach to modern web design. In this tutorial I'll walk you through designing a UI (user interface) kit, whilst also explaining the decision-making that will keep our UI kit consistent and reusable. Tutorial Assets In order to follow along you will need the following (freely available) assets: Open Sans font from Font Squirrel or Google Fon
How To Set Up Photoshop For UI Design — DAVID MCKINNEY
*Update: I've switched entirely to using Sketch for design. You should check it out. If you’re new to Photoshop and you’re designing UI or exporting assets there are some important settings you should use to get the best results. This guide uses iPhone apps as the example settings, but the basic principles apply to all design work in Photoshop. Let’s get to it. New File SettingsThe first step is t
マシなUIを作る（メニュー編） - 実践ゲーム製作メモ帳2
見よ、このカッコイイメニュー画面を。これだけで一体これからどんな冒険が待ち構えているのか、ワクワクしてしまう。 ……はずがない。 メニュー画面をいかにかっこよくするか、というのはアマチュアゲーム製作者にとって大きな課題の一つである。この記事ではそこまで大したことがないテクニックをかき集め、何とかこの残念なUIをマシなものにしてみる。 （オペレーションブラックってなんだよ！！って突っ込みはナシで） なにがダメなのか。 ご覧の通りである。つまり、全てダメである。 必要なもの Photoshop 必須である。PictBearやGimp等、フリーソフトでもそこそこ良いペイントソフトはあるが、やはりフォトショと比べると差はでかい。特にフォントのアンチエイリアスや、フィルタ効果になってくるとその差は歴然である。 ちなみにカピカピ感溢れる残念な画像達はPhotoshopがあればまずお世話になることがない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP