Come creare una mappa in Photoshop con Hills?


20

Sono un aspirante autore e sto creando una mappa del mio mondo fantastico in Photoshop. La mappa è molto dettagliata e contiene informazioni su andamenti del vento, variazioni di temperatura e movimento della placca tettonica, tra le altre cose. Sono stato in grado di trasmettere con successo tutto questo. Ciò di cui ho problemi sono le montagne / colline.

Sono stato in grado di rappresentare una montagna / collina con un simbolo da un pennello personalizzato, ma mi piacerebbe anche un modo di far sporgere il terreno verso l'esterno in modo che sembri che ci sia effettivamente una collina lì.

Come posso fare questo?

Esempi:

Un esempio abbastanza generico di ciò che voglio ottenere:

Mappa del terreno

Un esempio leggermente più accurato di ciò che sto cercando. Nota come la collina nell'angolo in basso a sinistra sembra "sollevarsi" dalla città:

inserisci qui la descrizione dell'immagine

Quello che non voglio:

inserisci qui la descrizione dell'immagine

Ulteriori dettagli e cosa ho provato:

Sono stato in grado di aggirare questo problema per le montagne, disegnando effettivamente la neve e i ghiacciai. Questo non rende il rigonfiamento del terreno, ma puoi almeno vedere dove si estende la montagna. Questo non funzionerà per le montagne o le colline più piccole, dove non c'è neve.

Ho sperimentato la funzione Emboss, che crea un piacevole effetto di flusso altopiano / lava. Non sembra però una collina.

Ho provato la funzione Pinch, andando in numeri negativi in ​​modo che si gonfiasse invece di pizzicare. Sfortunatamente, la funzione è così ampia (che ha effetto sull'intera immagine), che non riesco a localizzarla abbastanza. Inoltre, non riesco a mirarlo su nessuna area dell'immagine.

L'idea migliore che ho avuto è quella di creare una collina 3D in qualche modo, rasterizzarla in un'immagine piatta e poi trasformarla in un pennello. Potrei quindi usare il pennello per tingere il terreno in modo che sembrasse una collina. I problemi con questo sono che le mie capacità di creazione 3D sono discutibili e il pennello deve essere solo nero / nero trasparente per funzionare. I grigi, che sarebbero inclusi nell'immagine appiattita della collina 3D, non si convertiranno in un pennello personalizzato.

Il miglior risultato che ho avuto: disegnare in nero, goffrare e impostare il livello su "Sovrapposizione". Sembra a metà decente, anche se ancora piuttosto ameba.

inserisci qui la descrizione dell'immagine


Puoi pubblicare il tuo miglior tentativo? La mia sensazione iniziale è di aerografarlo ma non sono sicuro di quello che hai.
Ryan

Mi sembra che tu debba spazzolare alcune ombre ... (o aggiungere ombre ... a seconda dello stile della mappa potrebbe essere fatto anche con lo strumento penna.)
Joonas

1
Bene ... sono davvero solo tecniche di illustrazione che usano luce, ombra e scorcio. In Photoshop non ci sarà un pulsante "magico" per quello. Le opzioni di Liquify o Warp saranno buone come si otterrà senza effettivamente disegnare le cose.
Scott

@Ryan Non ho un tentativo migliore, perché non sono stato ancora in grado di pensare a un modo in cui credo funzionerà ancora. Non sono sicuro di come funzioni l'aerografo ...
Thomas Reinstate Monica Myron,

@Jenna Grazie per il link, ma sembra che non funzioni. Concordo sul fatto che la profondità delle montagne dall'aspetto realistico sarebbe il mio problema.
Thomas Reinstate Monica Myron il

Risposte:


16

Inizia con un'idea molto libera:

Idea sciolta

Strumento di selezione per passare rapidamente in alto:

Tendone alto

Aggiungi il tuo colore elevato:

Colore plateau

Se premo Cmd/Ctrl+ Anteprima Plataeu sul pannello Livello, lo selezionerò per me. Quindi fai SelectModifyExpand. Ho usato 15 pixel. Nota che il fondo del Plateau e la Selezione ora hanno un offset:

Altopiano con offset

Crea un livello sottostante, coloralo, ripeti. Utilizzare dimensioni di espansione progressivamente inferiori. Più fai e più sarà bello:

( Nota: se si dispone di Adobe Illustrator, è possibile utilizzare la Blendfunzione per eseguire questa operazione in modo automatico )

Colori

Aggiungi nella tua acqua:

Acqua aggiunta

Aggiungi un tratto molto sottile alla tua acqua:

Acqua con Colpo

Ho quindi usato una tavoletta grafica per aggiungere alcune piccole linee. Più in basso si ottiene meno pronunciati diventano. Questo può essere fatto con il mouse o anche con tratti e maschere, ma una tavoletta grafica sicuramente aiuta:

inserisci qui la descrizione dell'immagine

Bene, aggiungiamo un po 'di goccia sul fondo all'acqua. A questo punto userò pennelli e tavoletta grafica, ma potresti usare nuovamente il selection > expansion > fillmetodo come hai usato prima. Dopo che ho una forma di base poiché ho intenzione di fare un po 'di aerografia, aggiungerò una maschera di livello:

inserisci qui la descrizione dell'immagine

Quindi posso usare i miei aerografi per levigare:

inserisci qui la descrizione dell'immagine

Ancora una volta aggiungi alcune righe qua e là solo per alcune texture e simili:

inserisci qui la descrizione dell'immagine

Va bene, quindi ora è in un posto abbastanza buono senza strutture o alberi artificiali. Quell'angolo in basso a destra sembra un po 'più ridicolo e una parte fondamentale è avere almeno qualcosa che assomiglia meno a una cresta e più a una collina. Proviamo a tornare indietro e aggiustarlo un po '. Ho appena usato l'aerografo qui, se non si dispone di un tablet, utilizzare molti colori con il mouse e possibilmente macchiarlo:

inserisci qui la descrizione dell'immagine

Ma ancora le colline hanno alcune gocce, quindi aggiungi solo pochissime righe.

inserisci qui la descrizione dell'immagine

Mi fermerò qui. Più dettagli, texture, colori aggiungi, meglio è. La prossima cosa da fare è scendere in acqua in basso a sinistra ora che la collina è stata riparata. Dopo di ciò probabilmente inizierei con gli edifici. Una volta che gli edifici sono dentro, aggiungerei aree più chiare e più scure al terreno, quindi alberi tra gli edifici e infine dettagli come ponti, pareti, forse alcune trame ed etichette.

Si noti che la luce proviene dal lato sinistro, quindi dopo aver aggiunto le strutture e quant'altro vorrei regolare i colori per indicarlo. Il lato sinistro della valle dovrebbe essere un po 'più scuro di quello destro. Non sono sicuro di quale sia il modo "corretto" per farlo, ma lo farei dopo aver aggiunto gli edifici. Vedi come qui quanto più leggera è questa sezione:

inserisci qui la descrizione dell'immagine


Spero che questo ti aiuti. L'intero processo mi ha richiesto un'ora, sarebbe stato meno se non avessi preso schermate e documentato mentre procedevo. Aspetto finale:

inserisci qui la descrizione dell'immagine


Grazie per aver dedicato del tempo per passare attraverso questo. Mi piace la risposta di user6811 per la sua semplicità e facilità d'uso, ma soffre quando si tratta di disegnare grandi colline o montagne. Credo che il tuo metodo sia migliore per quelli.
Thomas Reinstate Monica Myron il

Ho scoperto che questo metodo funziona meglio per la creazione di mappe di elevazione. Senza usare le linee per indicare le scogliere, è abbastanza facile passare attraverso lo strumento di selezione del lazo e aggiungere diversi strati di topografia bianca, che poi rendo trasparente al 20%. La parte inferiore è scura, più alta è la luce. Non è esattamente quello che stavo cercando, ma sembra più realistico di quello che avevo e aggiunge dettagli di elevazione che non avevo.
Thomas Reinstate Monica Myron il

7

I mapmaker usano la goffratura per creare l'effetto da una mappa di altezza. È possibile utilizzare il filtro di rilievo su un'immagine che rappresenta il campo di altezza. Se è necessario utilizzare Photoshop per questo, vorrei utilizzare il:

  • Filtro → rendering → Effetto luce , anziché rilievo.

Inizia con un piccolo pennello bianco, con un flusso molto basso su una tela nera, quindi inizia a disegnare i contorni della tua superficie per una montagna circolare che disegna dalla cima, lungo le linee per le dune ecc. Puoi usare la sfocatura dopo alcuni percorsi e quindi aggiungere più livelli.

inserisci qui la descrizione dell'immagine

Immagine 1 : 1 stadio realizzato rapidamente

Quindi copia questo canale R (B o G) delle immagini nella palette dei livelli per ulteriori riferimenti.

Successivamente, applica una mappa sfumata sull'immagine per la variazione di colore dall'altezza. Unisci i livelli. Per un effetto migliore aggiungi un po 'di rumore a questa immagine ecc.

inserisci qui la descrizione dell'immagine

Immagine 2 : Mappa immagine a 2 stadi realizzata rapidamente

Quindi applicare l' effetto di illuminazione , utilizzare il canale salvato come mappa dei dettagli.

inserisci qui la descrizione dell'immagine

Immagine 3 : effetto lampo realizzato rapidamente. Nota che avrei potuto usare un pennello più piccolo con meno passaggi di flusso e sfocatura e più livelli, ma puoi anche dipingere su questo per un effetto migliore.

Ora hai un effetto lampo passabile e una notevole quantità di abilità teaking. E infine dipingi con il colore sopra questo per l'effetto artistico finale di cui hai bisogno.

Finale

Immagine 3 : montagna fatta rapidamente, prenditi il ​​tuo tempo e costruisci lentamente e otterrai un risultato migliore, sto solo delineando il metodo.

Suggerimenti :

  • usare una spazzola non rotonda
  • salva i tuoi livelli se noti che qualcosa è andato storto
  • dipingere canyon con il nero sulla struttura edificata, dipingere il blu sulla mappa dei colori
  • Segui il profilo di @Ryans pensa alla versione in bianco e nero del metodo Ryans.

PS dovrebbe davvero prendermi il mio tempo per rifare le foto in più di 15 minuti .... Voglio dire, la documentazione ha impiegato circa 10 minuti del mio tempo.
joojaa,

4

Ho scoperto un altro metodo che ottiene l'effetto che stavo cercando molto meglio di qualsiasi altra risposta che ho visto qui. Ha il vantaggio di essere "non distruttivo", il che significa che può essere modificato o modificato in qualsiasi momento e non influisce sull'immagine sottostante. Assomiglia molto da vicino alle immagini satellitari delle montagne.

Gli svantaggi sono che l'elevazione è difficile da controllare. Tutte le valli sono alla stessa elevazione e l'altezza delle montagne è determinata esclusivamente dalle dimensioni della loro base. L'elevazione aumenta a una velocità costante e tale frequenza non può variare. Le montagne hanno anche la tendenza a sembrare un po 'strane sui bordi esterni, ma questo può essere risolto con un tempo sufficiente. Quindi, se sei esigente sull'elevazione esatta , questo metodo potrebbe non essere adatto a te. Ma se stai cercando l'aspetto perfetto con una forma completamente modificabile, allora potresti voler usare questo.

Comincio creando una base. Sto usando uno sfondo nuvola verde con rumore aggiunto per simulare l'erba, ma puoi usare quello che vuoi. Più realistico puoi farlo sembrare, meglio è.

Grass BG

Aggiungi un altro livello, riempilo con il 50% di grigio (solido, non con il 50% di trasparenza) e imposta il livello su overlay. L'immagine potrebbe essere più chiara, ma dovrebbe essere sostanzialmente la stessa (puoi giocare con diverse tonalità di grigio se vuoi che sia esattamente la stessa tonalità di prima).

Lavorando con il livello grigio, aggiungi un effetto smusso e rilievo. Avrai bisogno di uno smusso interno e imposta la tecnica su "scalpello duro". La profondità può rimanere al 100%. Cambia la direzione in Su e ridimensiona la dimensione in MODO. A seconda di quanto sei vicino alle tue montagne (da quale altezza le stai osservando) puoi modificarlo in seguito. Ho impostato il mio su 100 px.

inserisci qui la descrizione dell'immagineinserisci qui la descrizione dell'immagine

Ora arriva la parte divertente. Disegnerai le tue montagne. O più precisamente, le valli che modellano le montagne. È necessario lo strumento gomma e impostarlo su una dimensione abbastanza piccola. 3 o sotto dovrebbe funzionare. Quindi disegna semplicemente dove dovrebbero essere le valli. Pennelli di dimensioni maggiori possono essere utilizzati per valli più grandi.

inserisci qui la descrizione dell'immagine

Potresti notare parti dell'immagine in cui la cima della montagna si appiattisce. Ciò può essere risolto regolando la dimensione nelle opzioni smusso e rilievo. Maggiore è la dimensione, più alte possono essere le tue montagne. Tenere presente che ciò mette a dura prova i sistemi di fascia medio / bassa. Se avete due molti livelli in un singolo documento con un elevato numero di pixel, Photoshop può bloccarsi quando si tenta di aprirlo. Mantieni le tue immagini piccole e rasterizza quanti più livelli puoi.

Una volta acquisita familiarità con la creazione di valli, è possibile modellare lo strato montuoso a proprio piacimento e modificarlo in qualsiasi momento.

inserisci qui la descrizione dell'immagine


3

Usa ciò che è disponibile:

Photoshop ha avuto almeno 6 anni alcuni strumenti 3D. Uno di questi è "Crea una mesh dal livello BW". Puoi dare la mappa di altezza come greyshades. Un gradiente significa una pendenza. Un bordo tagliente significa un precipizio o una scarpata. È possibile definire la luce e la direzione di osservazione per il rendering.

Questo è un esempio La mappa dell'altezza ha un colore di base grigio medio, un rettangolo più chiaro e una forma rotonda più scura. Entrambi sono sfocati per rendere i cambiamenti di altezza meno nitidi. Sulla destra viene utilizzata la stessa mappa e il risultato viene mostrato da 2 direzioni diverse.

inserisci qui la descrizione dell'immagine

L'esempio seguente sta cercando di essere una cresta

inserisci qui la descrizione dell'immagine

È un gradiente lineare a doppia faccia dal bianco al nero che ha assaporato alcune spinte di sbavature nel filtro Liquify.


Dopo alcuni esperimenti, ho scoperto che questo è un metodo molto migliore di quanto pensassi. Con un po 'di pratica, in realtà è abbastanza facile creare cambiamenti di elevazione, anche dopo che il 3D è stato reso (fintanto che il sistema può prenderlo). Gli unici svantaggi sono la difficoltà di visualizzare il terreno (lo strumento di visualizzazione è un po 'goffo) e il problema dell'acqua: aggiungerei semplicemente un altro piano 3D piatto come l'acqua, ma non riesco a capire come agganciarlo al primo aereo. Qualche consiglio a riguardo?
Thomas Reinstate Monica Myron,

1
@ThomasMyron Disegna una selezione per un lago. Puoi riservare un po 'di heihgt (= greyshade) all'interno dell'area selezionata per la superficie di un lago e riempire l'area selezionata con quel grigio. Assicurati che nulla al confine sia più profondo. Altrimenti hai una cascata o provi qualcosa che Mosè fece quando lasciò l'Egitto. Fai un riempimento blu su un altro livello nella stessa selezione. Sfoca il bordo di sovrasterzo fuori dall'acqua. . Dipingi manualmente i fiumi sullo strato d'acqua colorato.
user287001,

2

Ho scoperto una risposta a questa domanda.

Ho trovato se ho impostato la durezza del pennello al 50% (variabile in base alla trama della mappa) e ho creato un semplice cerchio nero, quindi ho impresso il cerchio e poi ho impostato il livello su "Sovrapposizione" sulla mappa viene creato un bel "rilievo". Un'altra modalità schermo che funziona ed è un po 'meno vibrante è "Luce soffusa". L'altezza del rilievo può essere regolata, in modo che i bordi sfumati si incontrino nel mezzo del cerchio. Questo evita l '"effetto plateau" e assicura che la collina abbia un gradiente uniforme e inclinato. Immagino che tu possa creare linee di cresta e qualsiasi quantità di dettagli usando questo metodo, disegnando sul cerchio nero, anche se non ho provato questo.


2

Facendolo a mano, userei schivare e bruciare per mantenere il colore sottostante.

Innanzitutto, orienta la tua mappa in modo che il sole sia direttamente a nord (dovresti comunque avere il sole da qualche parte sul lato nord piuttosto che a sud). Quindi con lo strumento scherma inizia l'aerografia nei lati settentrionali delle colline che desideri aggiungere. Quindi prendere lo strumento di masterizzazione e scurire i lati meridionali. Vai avanti e indietro con scherma e brucia e gioca con varie dimensioni di pennello.


Hmm, sembra funzionare abbastanza bene. L'unico problema che vedo è che sei costretto a modificare l'immagine (distruttiva). Con il metodo emboss, puoi semplicemente eliminare o disattivare le colline. C'è un modo per farlo con questo metodo? Oltre a duplicare tutto ciò su cui volevo lavorare?
Thomas Reinstate Monica Myron il

blog.photoshopcreative.co.uk/blog/tutorials/… Aggiungi un nuovo livello. Impostalo sulla modalità "Overlay". Quindi vai su "Modifica> Riempi" e seleziona "50% grigio" dal menu a discesa.
user6811

1

Un esempio leggermente più accurato di ciò che sto cercando.

Per me, quell'immagine sembra un'illustrazione. Non qualcosa creato in Photoshop.

Se sei ancora appassionato di creare la tua immagine con un computer, penso che l'approccio migliore per questo tipo di cose sia usare un'app 3D. Vorrei iniziare con una mappa di altezza, in cui i pixel più chiari rappresentano un terreno più elevato.

Questo è stato creato usando FilterRenderCloudse FilterRenderDifference Clouds, quindi alcuni cerchi neri con un'opacità del 20% nella parte superiore. Abbastanza noioso, ma dovrebbe mostrare la tecnica in azione.

Photoshop altezza mappa

La mappa di altezza può essere utilizzata per creare una mesh. L' reliefoggetto in Cheetah 3D fa proprio questo: carica l'immagine e lo userà per l'altezza della mesh. Photoshop può eseguire il rendering di oggetti 3D, quindi potrebbe essere in grado di fare lo stesso.

Cheetah 3D

Questa scena ha solo un oggetto in rilievo (la mesh della mappa dell'altezza) e una luce. Penso che il risultato sia molto più bello dell'uso di effetti di smusso e rilievo in Photoshop. Ha il vantaggio di astrarre i dati di altezza, il rendering e il materiale. È possibile modificare l'altezza, quindi eseguire nuovamente il rendering per ottenere una nuova immagine. La luce è anche una Sky Light, che consente di modificare l'ora e la data, facilitando la produzione di risultati molto diversi (mezzogiorno vs alba ecc.).

Rendering in ghepardo 3D

Potresti anche prendere in considerazione un software di rendering con paesaggi speciali, come Bryce Pro .

Ecco alcune cose che ho realizzato per un gioco qualche anno fa, usando una tecnica simile. Queste erano solo alcune mappe di altezza e alcuni alberi, quindi alcuni ritocchi in seguito in Photoshop (le linee dipinte ecc.).

Corsa laterale

Corsa laterale

Quelli sono stati creati in Bryce e Photoshop, ma se lo facessi oggi userei Cheetah 3D e Photoshop. Anche Terragen sembra fantastico. Potrebbe valere la pena considerare.


Per quanto ne so, entrambi questi programmi sono esclusivi per Mac. Sto usando un PC. Cosa consiglieresti per questo?
Thomas Reinstate Monica Myron,

La mia esitazione sull'uso del 3D è che se vuoi modificare qualcosa (prendi la mappa di altezza che crei in Photoshop), devi rifare il tutto. Anche modificare l'elevazione può essere un problema, poiché non puoi mai vedere esattamente dove atterrerà qualcosa e sei costretto in altezza alla differenza tra bianco e nero. Esiste un modo per creare il piano 3D, mantenerlo modificabile ed essere in grado di sovrapporgli altri oggetti 3D (che sono ancorati, non solo fluttuanti)?
Thomas Reinstate Monica Myron,

@ThomasMyron Yep, Cheetah 3D è solo per Mac. Bryce è Mac e Windows, ma molto vecchio e sembra che non stia ricevendo aggiornamenti. Ma ho appena trovato Terragen. Sembra fantastico ed è disponibile per Mac e Windows. planetside.co.uk
Marc Edwards

@ThomasMyron Per quanto riguarda le altezze, ci sono alcune soluzioni a questo. Per il gioco su cui ho lavorato, ho usato alcuni oggetti con mappe di altezza separate per i diversi elementi (erba, strada, barriere), il che mi ha dato un controllo esplicito dell'altezza per ogni elemento all'interno dell'app 3D e mi ha anche permesso di usare un materiale diverso per ciascuno. L'uso di qualcosa come Terragen ti permetterebbe di posizionare facilmente anche alberi e case.
Marc Edwards,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.