¿Cómo crear un mapa en Photoshop con colinas?

Soy un aspirante a autor y estoy creando un mapa de mi mundo de fantasía en Photoshop. El mapa es muy detallado y contiene información sobre patrones de viento, cambios de temperatura y movimiento de placas tectónicas, entre otras cosas. He podido transmitir con éxito todo esto. Con lo que estoy teniendo problemas son las montañas / colinas.

He podido representar una montaña / colina con un símbolo de un pincel personalizado, pero también me gustaría tener alguna forma de que el suelo se abulte hacia afuera para que parezca que realmente hay una colina allí.

¿Cómo puedo hacer esto?

Ejemplos:

Un ejemplo bastante genérico de lo que quiero lograr:

Un ejemplo un poco más preciso de lo que estoy buscando. Observe cómo la colina en la esquina inferior izquierda simplemente parece 'levantarse' de la ciudad:

Lo que no quiero:

Más detalles y lo que he probado:

He podido solucionar este problema para las montañas, dibujando la nieve y los glaciares. Esto no hace que el suelo se abulte, pero al menos puedes ver dónde se extiende la montaña. Sin embargo, esto no funcionará para montañas o colinas más pequeñas, donde no hay nieve.

Experimenté con la función Relieve, que hace un buen efecto de meseta / flujo de lava. Sin embargo, no parece una colina.

Probé la función Pinch, entrando en números negativos para que se abultara en lugar de pinch. Desafortunadamente, la función es tan grande (afecta la imagen completa) que no puedo localizarla lo suficiente. Además, parece que no puedo apuntar a ninguna área de la imagen.

La mejor idea que he tenido es hacer una colina 3D de alguna manera, rasterizarla en una imagen plana y luego convertirla en un pincel. Entonces podría usar el pincel para teñir el suelo para que parezca una colina. El problema con esto es que mis habilidades de creación en 3D son cuestionables, y el pincel tiene que ser solo negro / negro transparente para funcionar. Los grises, que se incluirían en la imagen aplanada de la colina 3D, no se convertirían en un pincel personalizado.

El mejor resultado que he tenido: dibujar en negro, estampar y configurar la capa en 'Superposición'. Parece medio decente, aunque sigue siendo una especie de ameba.

Comience con una idea muy suelta:

Herramienta de marquesina para pasar rápidamente por alto:

Agregue su color alto:

Si Cmd/Ctrlpresiono + miniatura de Plataeu en el Panel de capas, lo seleccionaré por mí. Entonces haz Select→ Modify→ Expand. Usé 15 píxeles. Observe que la parte inferior de la meseta y la selección ahora tienen un desplazamiento:

Crea una capa debajo, colorea, repite. Use tamaños de expansión progresivamente más pequeños. Cuanto más lo hagas, mejor se verá:

( Nota: si tiene Adobe Illustrator, puede usar la Blendfunción para hacer esto un poco automatizado )

Agregue en su agua:

Agregue un trazo muy delgado a su agua:

Luego usé una tableta de dibujo para agregarle algunas líneas pequeñas. Cuanto más bajo, menos pronunciados se vuelven. Esto se puede hacer con el mouse o incluso con trazos y máscaras, pero una tableta de dibujo ciertamente ayuda:

Muy bien, agreguemos un poco de una gota en el fondo al agua. En este punto, voy a usar pinceles y tableta de dibujo, pero podría volver a usar el selection > expansion > fillmétodo como lo hizo anteriormente. Después de tener una forma base, ya que voy a hacer un poco de aerografía, voy a agregar una máscara de capa:

Entonces puedo usar mis aerógrafos para suavizarlo:

Nuevamente agregue algunas líneas aquí y allá solo para un poco de textura y tal:

Muy bien, ahora está en un lugar bastante bueno sin estructuras artificiales o árboles todavía. Sin embargo, esa parte inferior derecha parece un poco más rugosa y una parte clave es que al menos algo se parezca menos a una cresta y más a una colina. Intentemos regresar y arreglarlo un poco. Acabo de usar el aerógrafo aquí, si no tienes una tableta, usa muchos colores con el mouse y posiblemente también la difumines:

Pero aún las colinas tienen algunas gotas, así que agregue muy, muy pocas líneas.

Me detendré aquí. Cuantos más detalles, textura y colores agregue, mejor. Lo siguiente que debe hacer es dejar el agua en la parte inferior izquierda ahora que la colina está reparada. Después de eso, probablemente comenzaría con edificios. Una vez que los edificios estén adentro, agregaría áreas más claras y oscuras al suelo, luego árboles entre los edificios y finalmente detalles como puentes, paredes, tal vez algunas texturas y etiquetas.

Observe que la luz proviene del lado izquierdo, así que después de agregar las estructuras y otras cosas, me gustaría ajustar los colores para indicar esto. El lado izquierdo del valle debe ser un poco más oscuro que el derecho. No estoy seguro de cuál es la forma "correcta" de hacerlo, pero lo haría después de agregar edificios. Vea aquí cuánto más ligera es esta sección:

Espero que esto te ayude. Todo el proceso me llevó una hora, hubiera sido menos si no estuviera tomando capturas de pantalla y documentando a medida que avanzaba. Look final:

Los creadores de mapas usan el relieve para crear el efecto de un mapa de altura. Puede usar el filtro de relieve en una imagen que represente su campo de altura. Si debe usar Photoshop para esto, entonces usaría:

• Filtro → renderizado → Efecto de iluminación , en lugar de relieve.

Comience con un pincel blanco pequeño, con un flujo muy bajo en un lienzo negro, luego comience a dibujar los contornos de su superficie para dibujar una montaña circular desde la cumbre, a lo largo de las líneas para las dunas, etc. Puede usar el desenfoque después de algunos caminos y luego agregue más capas.

Imagen 1 : 1 etapa rápidamente hecha

Luego copie este canal de imágenes R (B o G) en la paleta de capas para una mayor referencia.

Después de esto, aplique un mapa de degradado en su imagen para la variación de color desde la altura. Fusionar las capas. Para un mejor efecto, agregue algo de ruido a esta imagen, etc.

Imagen 2 : mapa de imagen de 2 etapas rápidamente hecho

Luego aplique el efecto de iluminación , use el canal guardado como mapa detallado.

Imagen 3 : efecto relámpago hecho rápidamente. Tenga en cuenta que podría haber usado un pincel más pequeño con menos flujo y pases de desenfoque y más niveles, pero también puede pintar sobre esto para un mejor efecto.

Ahora tiene un efecto de relámpago pasable y una cantidad considerable de habilidad para enseñar. Y finalmente pinte con color encima de este para obtener el efecto artístico final que necesita.

Imagen 3 : Montaña rápidamente, tómate tu tiempo y construye lentamente y obtendrás un mejor resultado, solo describo el método.

Consejos :

• use un cepillo no redondo
• guarda tus capas si notas que algo salió mal
• pintar cañones con negro en la estructura construida, pintar azul en el mapa de colores
• Siga el esquema de @Ryans piense en la versión en blanco y negro del método Ryans.

He descubierto otro método que logra el efecto que estaba buscando mucho mejor que cualquier otra respuesta que he visto aquí. Tiene la ventaja adicional de ser 'no destructivo', lo que significa que se puede cambiar o editar en cualquier momento, y no afecta la imagen debajo. También se parece mucho a las imágenes satelitales de las montañas.

Los inconvenientes son que la elevación es difícil de controlar. Todos los valles están a la misma elevación, y la elevación de las montañas está determinada únicamente por el tamaño de su base. La elevación aumenta a un ritmo constante, y ese ritmo no puede variar. Las montañas también tienden a parecer un poco extrañas en los bordes exteriores, pero eso se puede remediar con suficiente tiempo. Entonces, si eres exigente con la elevación exacta , este método podría no ser para ti. Pero si buscas el aspecto perfecto con una forma totalmente editable, entonces es posible que quieras usar esto.

Comienzo creando una base. Estoy usando un fondo de nube verde con ruido adicional para simular el césped, pero puedes usar lo que quieras. Cuanto más realista puedas hacer que se vea, mejor.

Agregue otra capa, llénela con 50% de gris (sólido, no con 50% de transparencia) y configure la capa para que se superponga. Su imagen puede ser un tono más brillante, pero debería verse básicamente igual (puede jugar con diferentes tonos de gris si desea que tenga exactamente el mismo tono que antes).

Trabajando con la capa gris, agregue un efecto de bisel y relieve. Querrá un bisel interno y establecerá la técnica para 'cincelar duro'. La profundidad puede permanecer al 100%. Cambie la dirección a Arriba, y escale el tamaño WAY hacia arriba. Dependiendo de qué tan 'cerca' esté de sus montañas (desde qué altura las está viendo) puede modificar esto más adelante. Puse el mío en 100 px.

Ahora viene la parte divertida. Vas a dibujar tus montañas. O más exactamente, los valles que dan forma a las montañas. Necesita la herramienta de borrador y debe configurarla en un tamaño bastante pequeño. 3 o menos deberían funcionar. Luego simplemente dibuje donde deberían estar los valles. Se pueden usar pinceles de mayor tamaño para valles más grandes.

Puede notar partes de la imagen donde la cima de la montaña se aplana. Eso se puede arreglar ajustando el tamaño en las opciones de bisel y relieve. Cuanto mayor sea el tamaño, más altas pueden subir tus montañas. Tenga en cuenta que esto ejerce cierta presión sobre los sistemas de gama baja / media. Si tiene dos capas en un solo documento con un alto recuento de píxeles, Photoshop puede bloquearse al intentar abrirlo. Mantenga sus imágenes pequeñas y rasterice tantas capas como pueda.

Una vez que se familiarice con la creación de valles, puede moldear la capa de montaña a su gusto y cambiarla en cualquier momento.

Use lo que está disponible:

Photoshop ha tenido al menos 6 años algunas herramientas 3D. Uno de ellos es "Crear una malla a partir de la capa BW". Puede dar el mapa de altura como sombras grises. Un gradiente significa una pendiente. Un borde afilado significa un precipicio o escarpa. Puede definir la luz y la dirección de observación para el renderizado.

Esto es un ejemplo. El mapa de altura tiene un color base gris medio, un rectángulo más claro y una forma redonda más oscura. Ambos están borrosos para que los cambios de altura sean menos nítidos. A la derecha se usa el mismo mapa y el resultado se muestra en 2 direcciones diferentes.

El siguiente ejemplo trata de ser una cresta

Es un degradado lineal de doble cara de blanco a negro que ha probado algunos empujones de manchas en el filtro Licuar.

He descubierto una respuesta a esta pregunta.

Descubrí que si establecía la dureza del pincel al 50% (variando dependiendo de la textura del mapa) e hice un círculo negro simple, luego grabé el círculo y luego configuré la capa en 'Superposición', se crea un bonito 'relieve' en el mapa. Otro modo de pantalla que funciona y es un poco menos vibrante es 'Luz suave'. La altura del relieve se puede ajustar, de modo que los bordes emplumados se encuentren en el centro del círculo. Esto evita el "efecto de meseta" y asegura que la colina tenga un gradiente inclinado uniforme. Me imagino que podría crear líneas de cresta y cualquier cantidad de detalles utilizando este método, dibujando en el círculo negro, aunque no lo he intentado.

Haciéndolo a mano, usaría esquivar y quemar para mantener el color debajo.

Primero, oriente su mapa para que el sol esté directamente hacia el norte (de todos modos, debe tener el sol en algún lugar del lado norte en lugar del sur). Luego, con la herramienta de esquivar, comience a aerografiar en los lados norteños de las colinas que desea agregar. Luego toma la herramienta de grabación y oscurece los lados del sur. Simplemente va y viene con esquivar y quemar y jugando con varios tamaños de pincel.

Un ejemplo un poco más preciso de lo que estoy buscando.

Para mí, esa imagen parece una ilustración. No es algo creado en Photoshop.

Si todavía está interesado en crear su imagen con una computadora, creo que el mejor enfoque para este tipo de cosas es usar una aplicación 3D. Comenzaría con un mapa de altura, donde los píxeles más claros representan un terreno más alto.

Esto se creó usando Filter→ Render→ Cloudsy Filter→ Render→ Difference Clouds, luego algunos círculos negros con 20% de opacidad de capa en la parte superior. Bastante aburrido, pero debería mostrar la técnica en acción.

El mapa de altura se puede usar para crear una malla. El reliefobjeto en Cheetah 3D hace exactamente eso: carga la imagen y la usará para la altura de la malla. Photoshop puede renderizar objetos 3D, por lo que puede hacer lo mismo.

Esta escena solo tiene un objeto de relieve (la malla del mapa de altura) y una luz. Creo que el resultado es mucho mejor que usar efectos de bisel y relieve en Photoshop. Tiene la ventaja de abstraer los datos de altura y la representación y el material. Puede editar la altura, luego volver a renderizar para obtener una nueva imagen. La luz también es una Sky Light, que le permite editar la hora y la fecha, lo que facilita la producción de resultados muy diferentes (mediodía frente al amanecer, etc.).

Es posible que incluso desee considerar un software de representación de paisajes especializado, como Bryce Pro .

Aquí hay algunas cosas que hice para un juego hace unos años, usando una técnica similar. Todo esto fue solo unos pocos mapas de altura y algunos árboles, luego algunos retoques después en Photoshop (las líneas pintadas, etc.).

Se crearon en Bryce y Photoshop, pero si lo hiciera hoy usaría Cheetah 3D y Photoshop. Terragen también se ve increíble. Podría valer la pena considerarlo.