マガジンのカバー画像

ゲームUIデザインレシピ

ゲームUIデザインに関連する、素材の作り方・動きのつけ方・考え方が学べます。PhotoshopやAfterEffectsで作成したデータがダウンロードできます。
マガジン購読を開始した月以降の記事から、毎月2-4本の有料記事を500円でオトクに入手できます。詳…
¥500 / 月
運営しているクリエイター
はなさくの

【PS/AE】NEWアニメーションの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、PhotoshopとAfterEffectsで、NEWアニメーションを作る方法についてご紹介します！ 今回、NEWのPhotoshopデータもレイヤースタイルを残したままで配布しますが、解説は必要ないと思うので、省きますね。 01｜【AE】NEWアニメーションの作り方今回アニメーションを6つ作成しましたので、一つずつ取り上げていきたいと思います。 こちらですが、配布しているAfterEffectsファイルを開

¥800
はなさくの

【PS】クッキー文字の作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、Photoshopで、クッキー文字を作る方法についてご紹介します！ 01｜クッキー文字の作り方基本的な流れは、下記のようにレイヤースタイルを使いつつ、クッキーやチョコレートの質感をあげていく作業になります。 【01】最初は、クッキーの下地となる色で、グラデーションをかけます。 【02】次に境界線、シャドウ（内側）、光彩（内側）、ドロップシャドウを使い、クッキーの下地に影などを追加し、立体感を出していきます。 【

¥800
はなさくの

【PS/AE】ショップアイコンの作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、PhotoshopとAfterEffectsで、ショップアイコンを作る方法についてご紹介します！ 01｜【PS】アイコンデザインの作り方アイコンデザインについてですが、まずは、Illustrator（Ai）でパスデータを作成しています。下記のような白黒ベースで作ってみました。 形が複雑になった場合は、Illustrator（Ai）でベースを作成し、その後にPhotoshopへコピーして配置しています。 最近P

¥800
はなさくの

【PS】バレンタイン・チョコ文字の作り方

こんにちは。ゲームUIデザイナーのはなさくのです。 今回は、Photoshopで、バレンタイン・チョコ文字を作る方法についてご紹介します！ 01｜バレンタイン・チョコ文字の作り方基本的な流れは、下記のようにレイヤースタイルを使いつつ、装飾を足していくイメージになります。 上記をすべて重ねると、サンプルのようなチョコ文字が完成します。ただし、単純に上記のようにレイヤーを5つに分けているわけではなく、可能な限り少ないレイヤー数にした状態で、個別にレイヤースタイルの設定を

¥800
はなさくの