Photoshopで丘を使用してマップを作成する方法

私は意欲的な作家であり、Photoshopで私のファンタジー世界の地図を作成しています。マップは非常に詳細で、風のパターン、温度変化、構造プレートの動きなどに関する情報が含まれています。このすべてをうまく伝えることができました。私が問題を抱えているのは山/丘です。

カスタムブラシのシンボルを使用して山/丘を表すことができましたが、実際にそこに丘があるように見えるように、地面を外側に「膨らませる」方法も必要です。

これどうやってするの？

例：

私が達成したいことのかなり一般的な例：

私が探しているもののわずかに正確な例。左下隅の丘がどのように都市から「上昇」しているように見えるかに注意してください。

私は何をすべきかではないとします

詳細と、私が試したこと：

実際に雪と氷河を描くことで、山のこの問題を回避することができました。これで地面が膨らむことはありませんが、少なくとも山がどこまで伸びているかはわかります。これは、雪のない小さな山や丘では機能しません。

エンボス機能を試してみましたが、これはすてきなプラトー/溶岩流の効果をもたらします。しかし、丘のようには見えません。

ピンチ機能を試してみましたが、ピンチの代わりに膨らむように負の数にしました。残念ながら、この関数は非常に大きいため（画像全体に影響する）、十分にローカライズできません。また、画像の特定の領域をターゲットにすることはできません。

私が持っていた最高のアイデアは、3Dの丘を何とかして、それを平坦な画像にラスタライズし、それを何らかの形でブラシに変えることです。次に、ブラシを使用して地面を着色し、丘のように見えるようにしました。これに関する問題は、私の3D作成能力に疑問があり、ブラシが機能するためには黒/透明な黒のみである必要があることです。3D丘の平坦化された画像に含まれるグレーは、カスタムブラシに変換されません。

私が得た最高の結果：黒で描画し、エンボス加工し、レイヤーを「オーバーレイ」に設定しました。それはまだかなりアメーバのようですが、それは半分まともに見えます。

非常にゆるいアイデアから始めます。

すぐに高値を超えるマーキーツール：

ハイカラーを追加します。

Cmd/Ctrlレイヤーパネルで+ Plataeuサムネイルを押すと、選択されます。次にやりますSelect→ Modify→ Expand。15ピクセルを使用しました。プラトーの下部と選択範囲にオフセットがあることに注意してください。

下にレイヤーを作成し、色を付けて、繰り返します。徐々に小さい拡張サイズを使用します。実行すればするほど見やすくなります。

（注：Adobe Illustratorをお持ちの場合Blendは、この機能を使用して、これを少し自動化できます）

水を追加します。

水に非常に細いストロークを追加します。

次に、描画タブレットを使用して小さな線を追加しました。低くすると、発音が少なくなります。これは、マウスまたはストロークとマスクで行うこともできますが、描画タブレットは確かに役立ちます：

それでは、水に少し落とします。この時点では、ブラシと描画タブレットを使用しますが、selection > expansion > fill以前に使用した方法を再度使用できます。少しエアブラシをかけるためにベースシェイプができたら、レイヤーマスクを追加します。

次に、エアブラシを使用して滑らかにします。

いくつかのテクスチャなどのために、ここにもいくつかの行を追加します。

さて、今は人工的な構造物や木がまだないかなり良い場所にあります。ただし、右下は少しくすんだように見え、重要な部分は少なくとも何かが尾根のように見えず、丘のように見えることです。戻って少し修正してみましょう。ここでエアブラシを使用しました。タブレットをお持ちでない場合は、マウスでたくさんの色を使用し、場合によってはそれを汚すこともできます。

しかし、まだ丘にはいくつかのドロップがあるので、非常にわずかなラインを追加してください。

ここでやめます。詳細、テクスチャ、色を追加するほど効果が上がります。次にやるべきことは、丘が固定されたので左下の水に落とすことです。その後、おそらく建物から始めます。建物ができたら、地面に明るい部分と暗い部分を追加し、次に建物の間に木を追加し、最後に橋、壁、テクスチャやラベルなどの詳細を追加します。

左側から光が来るので、構造を追加した後、色を調整してこれを示します。谷の左側は、右側よりも少し暗いはずです。これを行うための「正しい」方法が何であるかはわかりませんが、建物を追加した後にそれを行います。このセクションがどれだけ軽いかはこちらをご覧ください：

これがお役に立てば幸いです。全体のプロセスには1時間かかりましたが、スクリーンショットを撮ってドキュメントを作成していなかったら、時間はかからなかったでしょう。最終的な外観：

マップメーカーはエンボスを使用して、高さマップから効果を作成します。高さフィールドを表す画像でエンボスフィルターを使用できます。このためにphotoshopを使用する必要がある場合、私は使用します：

• エンボスではなく、フィルター→レンダリング→照明効果。

小さな白いブラシで始まり、黒いキャンバスに非常に低いフローで、その後、砂丘などの線に沿って、山頂から円形の山を描くために表面の輪郭を描き始めます。いくつかのパスの後にぼかしを使用できますさらにレイヤーを追加します。

画像1：迅速に1つのステージを作成

次に、さらに参照するために、レイヤーパレットでこの画像R（BまたはG）チャンネルをコピーします。

この後、画像にグラデーションマップを適用して、高さからの色の変化を確認します。レイヤーをマージします。より良い効果を得るには、この画像などにノイズを追加します。

画像2：2段階のイメージマップをすばやく作成

次に、照明効果を適用し、保存したチャンネルを詳細マップとして使用します。

画像3：稲妻効果をすばやく作成しました。注：フローとブラーパスが少なく、レベルが高い小さなブラシを使用することもできますが、効果を高めるためにペイントすることもできます。

これで、かなりの稲妻効果とかなりの量のティーキング能力が得られました。最後に、必要な最終的なアーティスティック効果を得るために、この上に色でペイントします。

画像3：すばやく山を作り、時間をかけてゆっくりと構築すると、より良い結果が得られます。

ヒント：

• 丸くないブラシを使用する
• 何かがおかしいことに気付いたら、レイヤーを保存します
• 構築された構造にキャニオンを黒で塗り、カラーマップに青を塗ります
• @Ryansのアウトラインに従って、Ryansメソッドの白黒バージョンを考えてください。

私がここで見た他の答えよりもはるかによく探していた効果を達成する別の方法を発見しました。「非破壊的」であるという追加のボーナスがあります。つまり、いつでも変更または編集でき、下の画像には影響しません。また、山の衛星画像に非常によく似ています。

欠点は、標高を制御するのが難しいことです。すべての谷は同じ標高にあり、山の標高は純粋にそのベースのサイズによって決定されます。標高は一定の割合で増加し、その割合は変化しません。また、山は外側の端について少し奇妙に見える傾向がありますが、それは十分な時間で修正することができます。そのため、正確な標高にこだわりがある場合は、この方法はお勧めできません。しかし、完全に編集可能な形状で完璧な外観を求めている場合は、これを使用することをお勧めします。

まず、ベースを作成します。緑の雲の背景にノイズを追加して草をシミュレートしていますが、好きなものを使用できます。見た目をリアルにすればするほど、良くなります。

別のレイヤーを追加し、50％のグレー（50％の透明度ではなくソリッド）で塗りつぶし、レイヤーをオーバーレイに設定します。あなたの画像はより明るい色合いかもしれませんが、基本的には同じように見えるはずです（以前とまったく同じ色合いにしたい場合は、異なるグレーの色合いで遊んでみてください）。

灰色のレイヤーを使用して、ベベルとエンボス効果を追加します。内側のベベルが必要になり、テクニックを「チゼルハード」に設定します。深さは100％のままです。方向をUpに変更し、サイズをWAYに拡大します。あなたがあなたの山にどれだけ「近い」か（あなたが見ている標高）に応じて、後でこれを微調整できます。私は100ピクセルに設定します。

ここからが面白い部分です。あなたはあなたの山を描くつもりです。またはより正確には、山を形作る谷。消しゴムツールが必要で、かなり小さいサイズに設定する必要があります。3以下で動作するはずです。次に、谷のあるべき場所を描くだけです。より大きな谷には、より大きなブラシサイズを使用できます。

山の頂上が平らになる画像の部分に気付くかもしれません。これは、ベベルとエンボスのオプションでサイズを調整することで修正できます。サイズが大きいほど、山は高くなります。これにより、低/中レベルのシステムにある程度の負担がかかることに注意してください。1つのドキュメントに2つの多数のレイヤーがあり、ピクセル数が多い場合、Photoshopはそれを開こうとするとロックすることがあります。画像を小さく保ち、できるだけ多くのレイヤーをラスタライズします。

谷の作成に慣れたら、山の層を好みに合わせて成形し、いつでも変更できます。

利用可能なものを使用します。

Photoshopには少なくとも6年の3Dツールがあります。それらの1つは「BWレイヤーからメッシュを作成する」です。高さマップをグレーシェードとして指定できます。勾配は勾配を意味します。鋭いエッジとは、絶壁または崖を意味します。レンダリングの光と監視方向を定義できます。

これは一例です。高さマップには、中間の灰色の基本色、より明るい長方形、より暗い円形があります。どちらもぼかして、高さの変化をよりシャープにします。右側では同じマップが使用され、結果は2つの異なる方向に表示されます。

次の例は、尾根になろうとしている

これは、白から黒への両面線形グラデーションであり、ゆがみフィルターでいくつかの汚れプッシュを味わっています。

この質問に対する答えを見つけました。

ブラシの硬度を50％（マップテクスチャに応じて変化する）に設定し、単純な黒い円を作成し、円をエンボスし、レイヤーを「オーバーレイ」に設定すると、素敵な「バンプ」がマップ上に作成されます。動作し、少し活気が少ない別の画面モードは「ソフトライト」です。エンボスの高さを調整して、ぼかしたエッジが円の中央で合うようにすることができます。これにより、「プラトー効果」が回避され、丘の勾配が均一になります。私はこれを試したことはありませんが、この方法を使用して、黒い円を描くことで尾根線と任意の量の詳細を作成できると思います。

手作業で行うと、覆い焼きと焼き込みを使用して、下の色を維持します。

最初に、太陽が真北になるようにマップの方向を決めます（とにかく南ではなく北側のどこかに太陽があるはずです）。次に、覆い焼きツールを使用して、追加する丘の北側でエアブラシを開始します。次に、書き込みツールを使用して、南側を暗くします。かわすだけで前後に移動し、さまざまなサイズのブラシで焼き付けて遊んでください。

私が探しているもののわずかに正確な例。

私には、そのイメージはイラストのように見えます。Photoshopで作成されたものではありません。

それでもコンピューターで画像を作成したい場合は、この種のことに対する最善のアプローチは3Dアプリを使用することだと思います。私は、明るいピクセルが高い地面を表す高さマップから始めます。

これは、使用して作成されたFilter→ Render→ CloudsとFilter→ Render→ Difference Clouds、その上に20％の層の不透明度を持ついくつかの黒丸。かなり退屈ですが、実際のテクニックを示しているはずです。

高さマップを使用してメッシュを作成できます。Cheetah 3Dのreliefオブジェクトはまさにそれを行います—画像を読み込み、メッシュの高さに使用します。Photoshopは3Dオブジェクトをレンダリングできるため、同じことができる場合があります。

このシーンには、1つのレリーフオブジェクト（高さマップメッシュ）と1つのライトのみがあります。Photoshopでベベルおよびエンボスタイプのエフェクトを使用するよりも、結果がはるかに優れていると思います。これには、高さデータとレンダリングとマテリアルを抽象化するという利点があります。高さを編集してから、再レンダリングして新しい画像を取得できます。また、ライトはでありSky Light、時刻と日付を編集できるため、非常に異なる結果（真昼と夜明けなど）を簡単に作成できます。

Bryce Proのような特殊なランドスケープレンダリングソフトウェアを検討することもできます。

同様の手法を使用して、数年前にゲーム用に作成したものをいくつか紹介します。これはほんの数枚の高さマップといくつかの木で、その後Photoshopでレタッチが行われました（ペイントされた線など）。

これらはブライスとPhotoshopで作成されましたが、今日それをやっていた場合は、Cheetah 3DとPhotoshopを使用します。Terragenも素晴らしいですね。検討する価値があるかもしれません。