様式化されたゲームアートワークを作成する方法

Sep 14, 2025

操作方法

一人称サバイバルビデオゲームのアートスタイル長い暗い捕捉が困難になる可能性があります。ビデオゲームからのスタイルは、現実的すぎる、または気まぐれすぎるのかを見て終わることがあります。私たちは、彼らが慣れ親しんでいる世界に歩いているようにプレイヤーが気分をついてほしいと思っています。

なお Photoshopチュートリアル 、静かな黙示録のスタイルをキャプチャするプロセスを通してあなたを歩きます。

Photoshop CCをここに入手してください

ゲームの初期の頃から、私たちはアートスタイルが画家として出会ったことを望みました。アートスタイルは、コンセプトアーティスト、3Dアーティスト、そしてHinterlandの技術アーティストによる共同プロセスで達成されました。

私はこのように基本をまとめることができます：鋭くて単純なシルエットに囲まれた微妙なテクスチャの広い分野。

私達は私達のプロセスをあなたに連れて行きます。単純な構成ガイドを使用して画像全体がバランスが取れていることを確認するために、画像にテクスチャブラシと大胆なブラシストロークを使用して絵画に見えます。私たちのお気に入りの秘密の武器の1つと大胆な形を保持することができます。PhotoshopのLASSOツール。

私たちはあなたがゲームで遭遇するかもしれない敵対者のリストに別の野生動物、ムースを追加しています。そして私たちはこの巨人の巨人の周りのイラストに集中します。

01.自分自身（またはクライアント）オプションを与える

Creating thumbnails with composition options aids the artist and the client — コンポジションオプションを使用したサムネイルの作成アーティストとクライアントをAIDS

この仕事は、水によるムースを、白樺の木の近くで、そして際立って際立っているカタイルを備えていました。これらの要素をステージングする方法はたくさんあります。私は自分自身のオプションを与えてアイデアを生成するために12のサムネイルを思い付きました。私は最初の人と3人のオプションの両方を思いつく クリエイティブディレクター そして 美術監督 見越すに。

02.できるだけ多くの問題を解決してください

Next stage is to refine the chosen thumbnail — 次のステージは選択されたサムネイルを洗練することです

選択されたサムネイルは、強い前部および背景要素、およびムースのための尺度の良い感覚を示しています。画像の中心を識別するコンポジションガイドを使用して、それを絞り込み、 第三の規則 。

ただし、地平線ラインはフレームの中央にあり、左右が同様に重み付けされており、左下のカタイルは気を散らすものです。それで私は地平線を下3分の3に下げ、ムースのステージングを調整し、そして白樺の木を追加します。

Pro Secret：コンポジションチェック

センターを把握するためにツールを使用してください 第三の規則 。これらはあなたが心地よい組成を段階的に推進し、地平線をフレームの中点に置くなど、愚かな間違いや素人の間違いを避けることができます。

03.スケッチを整理します

Spend some time developing the composition — 組成を開発していく時間を過ごしてください

私はPhotoshopでよく構成されているスケッチを開発し、それをレイヤーに分割します。これは私が最終的な絵画のスケッチ形を使うのを助けるでしょう。

私はまたゲームから高解像度のスクリーングラブを取り入れ、これらのスクリーンショットを参照として使用して、長い暗闇のスタイルで、そしてテクスチャの基本としての作業を維持します。スケッチの形状をクリッピングマスクとして使用します（ 右クリック＆gtクリッピングマスク ブラシストロークとテクスチャのために。

04.変換ツールを使用することを恐れないでください

Free Transform and Warp will help you get the concept just right — フリートランスフォームとワープはあなたが正しい概念を得るのを助けるでしょう

私は、ムースから始めて、クリッピングマスクとしてスケッチの確立された形状を使い続けます。私はゲームのためのオリジナルのムースデザインを概念しているので、私は動物の形でブロックするのを助けるために確立された概念を使います。

フリートランスフォームとワープツールを使用します（ CMD + T. 、 右クリック＆GT; WARP ）ほとんどを正しく見て、残りの問題を描くために必要に応じて

05.焦点を強化します

Lift the focal point from the background — 背景から焦点を持ち上げます

フエと彩度の層を使用して、前景と木を暗くして、ムースの頭を囲むのに役立ちます。その後、クリッピングマスクをもう一度使用し、色相と彩度レイヤをたまに複製します。より大きな形状層を分離しておくことを確認してください。私はそれらを平らにする前に、それらを個々の層の上にクリップします。それから私は私のブラシと枝を描き始めます。

06.選択したマスク

Next, create a selection mask — 次に、選択マスクを作成します

もう一つの方法で、私が絵を描くところでマスクすることは、私のレイヤーを使って選択を作成することです。私はこの時点でより多くの枝や木に描かれました。今、木の上部にぶつかる光を追加し始めたいです。選択マスクを作成します（ CMD + Shift + Click. 層）。

07.照明を参照してください

Getting the lighting right is crucial at this stage — 照明権を得ることはこの段階で極めて重要です

次に、最後のステップで作った選択マスクを取り、それをベクトルマスクに変えます。私はレイヤーをオーバーレイに設定し、太陽の上部に設定太陽の暖かさを追加し始めます。パレットのアイデアを使えば、私は参考になった時間を費やし、日没時に太陽が木の頂上にどのようにヒットするかを観察します。

08.それを選択したラッソ

The lasso tool is an underrated ally — LASSOツールは過小評価された味理です

私は照明のためのアイデアを持っているので、私は私の注意をムースに変える。私は選択ツールを使うのが大好きです（ l ）大胆なブラシストロークで埋めることができる強い形を作成する。私はラッソツールを使って角のスケッチを辿り、太字で長いブラシストロークを使って角の微妙なテクスチャでヒントします。

Pro Secret：ラッソは私の秘密の武器です

LASSO選択ツールは私のお気に入りのPhotoshopツールの1つです。私はそれを使って形を描き、有機丸形を鋭いストレートなものと組み合わせることです。留意するためのいくつかのショートカット： l （ラッソツール）; L + CMD + Tablet Off Tabletをリフトします （ポイントツーポイントの直線を取得）。 L +シフト （選択に追加）;そして L + ALT （選択から差し引き）。

09.テクスチャブラシを持ってきてください

Start painting in some texture — いくつかのテクスチャで絵を描き始めます

私が角をブロックしたら、私はムースレイヤーの透明度をロックします（レイヤーウィンドウの上部にあるチェックレッドボックスをクリックします）。私は今、角の形を定義し、微妙な塗装テクスチャが長い暗闇を彷彿とさせる画像を与えるためにテクスチャブラシを使用し始めます。私はまた、彼らの形や彼らがどのように光を捕まえるかを本当に理解するためのムースターラーの参照もたくさんあります。

パレットを絞り込む

It's time to dip into Hue and Saturation — 色相と彩度に浸す時が来ました

イメージがかなりミュートであることを認識しています。色は玉石である必要があるので、私は色相と彩度層を使用します。彩度をわずかに増やし、色相を調整します。

その後、ステップ5のプロセスを繰り返します。私は、より大きな形状層を区切って保持していることを確認します。最後に、平らにする前に、各個々の層の上の色相と彩度層をクリップします。

11.太陽の暖かさ

The sun's warm glow is added here — 太陽の暖かい輝きがここに追加されました

カラーダッジ層を使用して、画像の左側にある木を通って太陽の暖かい輝きを追加し始めます。私はそれをバックグラウンドツリーレイヤのいくつかの後ろに置きますが、前景の他の木はありません。それから私は別のカラードッジ層を追加し、そのすべての木の後ろにそれをその太陽の吹き出しの外観を得るためにそれを置きます。

焦点を強化します

Making adjustments to the focal point will ensure it draws the eye — 焦点を調整すると、それが目を描くことを保証します

私は絵の頭部である絵の焦点の周りの地域で働き始めます。私は獣の目が正しく見えることを確認します。私はまた、ムースの上の空が頭の上の領域とあまりにも多くのコントラストを紹介していることに気づきます。私の解決策は、シンプルなラウンドブラシで山でブロックすることです。

Pro Secret：あなたのブラシと練習してください

テクスチャ Photoshopブラシ 良い絵を描く秘密のソースであるようです。ではない。任意のツールと同様に、彼らは練習を必要とします。私はいつも使う2つのブラシがあります。私は、映画の静止画の研究、古いマスターや写真の研究の仕事をすることによって彼らと練習するのが好きです。被験者を発明する必要なしに、それは私が技術に集中することを可能にする。

13.詳細を追加し始める

Start adding detail, but remember to stop! — 詳細を追加し始めるが、停止することを忘れないでください。

私は角のサイズを誇張するためのいくつかのフィードバックを受け取りますので、サイズを増やします。そしてそれらは、こだわないことに注意してください、私はシーンに詳細を追加し始めます。テクスチャブラシを使用すると、テクスチャに重いリフティングをさせてください。これは私を正しく得るためにいくつかのストロークをとるかもしれません CMD + Z. 私が一つのブラシストロークを得るまでのかかわらず公正なビット。

14.新たな目でのファイナライズ

An oft-overlooked stage – step away, then return to your work afresh — OFT-OVERICKED STAGE - 踏み出し、それからあなたの作品に戻る

私は絵からいくらかの時間を過ごして新鮮な観点からそれを見るためにそれを見ることができ、そして頻度としてのムースにさらなる詳細が必要であることを理解しています。私はまた絵の具雑誌の仕事でエッジをゆるめ、長い暗闇のスタイルを心に留めております。それから私は承認を受けて芸術を得るためにクリエイティブディレクターとアートディレクターに仕事を送ります。承認されると、絵は完成しています！

この記事はもともと発行されました imaginefx. 雑誌問題157。 ここで購入してください 。

関連記事：

インディーズゲームスタジオで働く4つの特典
あなたの3Dキャリアをキックスタートするための5つのヒント
設計者が次のスタジオを見つけるための5つの方法

様式化されたゲームアートワークを作成する方法

01.自分自身（またはクライアント）オプションを与える

02.できるだけ多くの問題を解決してください

03.スケッチを整理します

04.変換ツールを使用することを恐れないでください

05.焦点を強化します

06.選択したマスク

07.照明を参照してください

08.それを選択したラッソ

09.テクスチャブラシを持ってきてください

パレットを絞り込む

11.太陽の暖かさ

焦点を強化します

13.詳細を追加し始める

14.新たな目でのファイナライズ

操作方法 - 最も人気のある記事

Googleスライド：文書の設計方法

フォトショップでレイヤーをフリップする方法：完全なガイド

シンプルカラーチャートを作成する

ページのパフォーマンスを向上させるための4つのヒント

ブランディングプロセシェア彼らはブランドの声を傷つけています

Photoshopの合成画像の究極のガイド

粒子を使用して3Dスプラッシュを作成します

Photoshopの「一致フォント」機能を使う方法

カテゴリ