PhotoshopでのSCI-Fiゲームの設定をする

Sep 13, 2025

操作方法

私はいつもあなたが好きなものとあなたが観察するものの間のどこかのどこかの間に発見されたといつも考えました。私はSCI-Fiと有機要素を混合するのが大好きですので、私は私に両方を探求するように私の周りのものを見つけようとします。

なお Photoshopチュートリアル 焦点オブジェクトを刺激するために私の机の上の鉢植えを選びました。植物の重なり合い形状とフラクタル構造は、よりユニークな設計のために硬い表面と有機元素を組み合わせることを可能にします。私はカスタムもいくつか提供されていました Photoshopブラシ 同様の結果を得るために使用することができます（下記のダウンロード）。

をダウンロードしてください カスタムブラシ このチュートリアルのために。

私はたいていデザインにコンテキストを追加するための背景ストーリーを思い付きました。シーンは荒涼としたエイリアンの惑星で、表面は奇妙な卵で覆われています。孤独な宇宙飛行士がこの不思議な惑星を探るので、空に大きな構造が現れます。彼はこの壮大なトーテムに魅了されており、畏敬の念の中でそれに向かって浮かぶ。

このイメージを使って、私は謎、エレガントで科学的な感覚を視聴者に持ってきて、そして混合されたSCI-Fiと有機的なデザイン言語を備えたエピックなエイリアンビスタを紹介したいです。

01.アイデアを視覚化するための大まかなスケッチを生み出す

A light, minimal sketch will help you define the overall shape and develop the narrative — 明るく最小のスケッチはあなたが全体的な形を定義し、物語を発展させるのに役立ちます

私はから始まります スケッチ 私のシーンを出します。私は光線を使って画像の全体的な形を描き、主に物語についての明確なアイデアを発展させ、焦点が画像の中心にあることを確認していることを確認します。私はこの時点で詳細を見出し、このシーンにさまざまな要素を配置する場所を計画して、コヒーレントな物語を伝える場所を計画するために最小限のマークを使用してください。

02.ラフカラーパス

Block out your colours to work out how they'll interact — 自分の色を遮断するために、対話する方法を解決する

私は単純なカラーブロックを実行し、前後、中、そして背景を別の層に文字に分けて分離します。私の主な焦点として背景構造に非常に飽和した色を選びます。

二次的な焦点は宇宙飛行士ですので、私は彼のために彩度がかかるが明るい色を決めて、彼をもう少し環境に混ぜる。これは、詳細やデザインやテクスチャについて考えていないということの前のステップと似ています。そして、私の色がこの画像内でどのように対話するかをプロットするだけです。

03.デザインの検索

Once you've established your main elements, play around with the layout — あなたがあなたの主な要素を確立したら、レイアウトで遊ぼう

私は私の焦点領域に取り組んで少し時間を過ごします。背景が少し空であると感じますので、構造を複数回複製します。ここでの考えは、惑星の周りに多くの浮遊謎の構造があるということです、そして私のキャラクターは彼の前に最も近いものに触れようとしています。

私はシーン内のすべての基本的な要素をゆるく確立しているので、これはデザインで遊ぶのが最適な時期です。

メインフォーカルポイントを研磨します

Start working on your focal point and adding details — 焦点の作業を開始して詳細を追加します

構造の形状はあまりにも簡単でした。私はそれをもっと科学的にしたいです。だから私は大きな楕円から形を分けて、中央部に詳細を追加します。私はそれをいくつかの硬い表面を与えながら、部分の残りの部分の同じ自由流動性と有機的感触に合うようにいくつかの円形の形を探ります。私はまだこの段階の間に物事を試してみましています。

05.単純化とバランス

If your composition starts getting complicated, strip it back — あなたの作曲が複雑になるのを始めたら、それを取り戻す

前のステップで構造の設計と形状を開発した後、イメージ全体が忙しくなっていると感じます。だから私は繰り返しの構造を右に削除することによって背景を点灯させそして単純化します。この単純化のバランスをとるために、BOLDER形状を大きな構造に追加します。この時点で、私はイメージの最後の外観をゆっくりと確定している間、私は照明を釘付けにしたいです。

06.前景要素

Make sure that the colours of your foreground elements work with the rest of the composition — あなたの前景要素の色が部分の残りの部分で動作することを確認してください

基本色と照明は整っているので、今、私は前景の卵をレンダリングし始めました。私は卵の主な構造からティール色を使います。絵画の色を設定するときは、すべての色がその周囲の色の影響を受けます。私が見るように、色は互いに関係を持つべきです。

07.中央地域の要素

Use texture and simple structures to give your scene perspective and scale — シーンの観点と縮尺を与えるためにテクスチャとシンプルな構造を使用してください

私はこの惑星の表面を地面にいくつかの有機テクスチャを使って峡谷のように見えたいです。さらに、私はバックグラウンドでいくつかの簡単なアーキテクチャで描こうとしています。これは、単調な地平線ラインを分割し、いくつかの視覚的な関心を加えるだけでなく、スペースの視点と規模をサポートします。

08.バックグラウンド要素

Light effects can help with contrast and also with your image's narrative — 光の影響は対照的に、またあなたのイメージの物語を使っても

私は私の色に時間をかけて、背景を明るくします。空は地平線の下で強い光源を持っています、そしてこれは空に明るい輝く色をもたらします。さらに、それは空からの構造と地面からの空からの構造を対比するのに役立ちます。これらの光の影響はまた、物語とピースへの予測の強い感覚を生み出すことができます。

09.キャラクターのスケールを定義する

Adding the spaceship gives the astronaut more of a sense of scale — 宇宙船を追加すると、宇宙飛行士がスケール感のあるもの

私の宇宙飛行士の規模が画像全体をわずかに混乱させるようにすることを私は実現します。地上の卵に関連している位置を締め付けることができず、彼がどれほど大きいかを言うのは難しいです。これを解決するために、私はコードのもう一方の端に宇宙船を取り付けます。

10.船の縮尺

Adding detail to the ship brings some visual interest to the quieter part of the composition — 船に詳細を追加すると、構成の静かな部分にいくつかの視覚的な関心があります

私は働きます 宇宙船のデザイン そして、いくつかの輝く排気リングをエンジンに追加し、それは画像の右側にもう少し関心を持ってくるのに役立ちます。私はまた船の大きさをわずかに拡大して、そのサイズは宇宙飛行士のそれに続いているのです。最後に、私は構造体の底に青い雰囲気を加えてそれをさらに宇宙に押し戻します。

11.テクスチャを追加する

Try using real-world objects to add texture to your work — あなたの仕事にテクスチャを追加するために実世界のオブジェクトを使ってみてください

私の経験では、テクスチャーはより大きな強度の意味を描くことができます。私は私のアートワークにたくさんの創造的な素材を追加するのが好きです。実際の物体の写真を撮り、Photoshopでそれらを操作することは、新鮮な視覚的な経験を作成するための最良の方法です。この作品のために、しわくちゃの組織の片の写真を使い、それを前および中間地に適用します。

12.価値調整と磨き

Pump up the brightness by using an adjustment layer — 調整層を使用して明るさを汲み上げます

画像は少し暗く見えているので、私は調整層を使って明るさをクランクします。同時に、私はまた、画像のすべての部分を片付けることを継続しています。この時点で、このイメージのすべての要素のデザイン、スケール、色を確立したので、研磨段階に飛び込むのは安全です。

13色調整

Use the Curve tool to adjust the colours, but don't go overboard — カラーツールを使用して色を調整しますが、船外に移動しないでください。

値を設定したら、曲線ツールを使用して画像全体の色を調整します。背景を飽和させ、上部領域に明るい青色のトーンを追加します。私はまた前景の卵にぼかしのヒントを追加します。これは、画像を知るときにカメラレンズと目が持っているという視野を模倣し、絵画をより動的にする。

この時点で、画像は終了と見なすことができます。もちろん、それが完了したときに点を打った後でも、画像を強化する方法が常にあります。ここでの鍵は絵画を過ぎずに磨くことです。

14.物語の大きさを追加する

The second astronaut brings an extra element of drama to the picture — 2番目の宇宙飛行士はドラマの余分な要素を絵にもたらします

さらに画像をプッシュする方法があります。この時点で、私はまだ物語を強化することができると感じますので、私は遠くに別の宇宙飛行士を描いています。 1人の宇宙飛行士がコントロールを失い、エイリアンのトーテムに向かって転倒している間、これはシーンにもっと劇的な瞬間をもたらしますが、彼のパートナーは彼を捕まえようとしています。私はまた、バックグラウンドでの星の密度を増やして広大な銀河の設定を意味する。

この記事はもともと第157号に発行されました imaginefx. 、デジタルアーティストのための世界最高の販売雑誌。 問題157を購入する または ここでimaginefxを購読してください 。

関連記事：

様式化されたゲームアートワークを作成する方法
インディーズゲームスタジオで働く4つの特典
Zbrushのビデオゲームのキャラクターを作成する方法

PhotoshopでのSCI-Fiゲームの設定をする

01.アイデアを視覚化するための大まかなスケッチを生み出す

02.ラフカラーパス

03.デザインの検索

メインフォーカルポイントを研磨します

05.単純化とバランス

06.前景要素

07.中央地域の要素

08.バックグラウンド要素

09.キャラクターのスケールを定義する

10.船の縮尺

11.テクスチャを追加する

12.価値調整と磨き

13色調整

14.物語の大きさを追加する

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

22ベストUIデザインツール

ビジネスのWebサイトの名前を選択する方法

首と肩を描く方法

JavaScriptを使用したSVGをアニメートする

ユーザーフレンドリーなWebフォームを作成するための10の規則

Photoshopで現実的な波を描く方法

あなたのウェブサイトにグリッチ効果を追加する

3DS MAXとV-RAYで現実的な3D髪と毛皮を作る

カテゴリ