Como criar um mapa no Photoshop com colinas?


20

Sou um aspirante a autor e estou criando um mapa do meu mundo de fantasia no Photoshop. O mapa é muito detalhado, contendo informações sobre padrões de vento, mudanças de temperatura e movimentação de placas tectônicas, entre outras coisas. Consegui transmitir tudo isso com sucesso. Estou tendo problemas com as montanhas / colinas.

Consegui representar uma montanha / colina com um símbolo de um pincel personalizado, mas eu também gostaria de ter uma maneira de fazer com que o solo se "protuberasse" para fora, para que pareça que há realmente uma colina lá.

Como posso fazer isso?

Exemplos:

Um exemplo bastante genérico do que eu quero alcançar:

Mapa do terreno

Um exemplo um pouco mais preciso do que estou procurando. Observe como a colina no canto inferior esquerdo parece "subir" da cidade:

insira a descrição da imagem aqui

O que eu não quero:

insira a descrição da imagem aqui

Mais detalhes e o que eu tentei:

Consegui contornar esse problema nas montanhas, desenhando a neve e as geleiras. Isso não faz o solo inchar, mas você pode pelo menos ver onde a montanha se estende. Isso não funciona para montanhas ou colinas menores, onde não há neve.

Eu experimentei a função Emboss, que produz um bom efeito de fluxo de planalto / lava. Mas não parece uma colina.

Eu tentei a função Pinch, entrando em números negativos para que ela aumentasse em vez de beliscar. Infelizmente, a função é tão grande (afetando toda a imagem), que não consigo localizá-la o suficiente. Além disso, não consigo direcioná-lo para nenhuma área da imagem.

A melhor ideia que tive foi criar uma colina 3D de alguma forma, rasterizá-la em uma imagem plana e transformá-la em um pincel. Eu poderia então usar o pincel para pintar o chão, de modo que parecesse uma colina. Os problemas com isso são que minhas habilidades de criação em 3D são questionáveis ​​e o pincel deve ser apenas preto / preto transparente para funcionar. Os cinzas, que seriam incluídos na imagem achatada da colina 3D, não seriam convertidos em um pincel personalizado.

O melhor resultado que tive: desenhar em preto, gravar e definir a camada para 'Overlay'. Parece meio decente, embora ainda pareça uma ameba.

insira a descrição da imagem aqui


Você pode postar sua melhor tentativa? Meu sentimento inicial é retocá-lo, mas não tenho certeza do que você tem.
— Ryan

Parece-me que você precisa escovar em algumas sombras ... (ou adicionar sombras .. dependendo do estilo do mapa que poderia ser feito com a ferramenta caneta também.)
— Joonas

11
Bem ... são realmente apenas técnicas de ilustração usando luz, sombra e escoramento. Não haverá um botão "mágica' para que no Photoshop realmente opções A Dissolver ou opções urdidura vai ser tão bom quanto você vai começar sem realmente desenho coisas..
— Scott

@ Ryan Não tenho a melhor tentativa, porque ainda não consegui pensar em uma maneira que ainda funcione. Eu não tenho certeza de como o aerógrafo funciona ...
— Thomas Reinstate Monica Myron

@ Jenna Obrigado pelo link, mas parece que não funciona. Concordo que a profundidade realista das montanhas seria o meu problema.
— Thomas Reinstate Monica Myron

Respostas:


16

Comece com uma ideia muito vaga:

Ideia solta

Ferramenta Marquee para passar rapidamente pelo High:

Letreiro alto

Adicione sua cor alta:

Cor do platô

Se eu pressionar Cmd/Ctrl+ miniatura do Plataeu no Layer Panel, ele será selecionado para mim. Então faça Select→ Modify→ Expand. Eu usei 15 pixels. Observe que a parte inferior do platô e a seleção agora têm um deslocamento:

Platô com deslocamento

Crie uma camada abaixo, pinte e repita. Use tamanhos de expansão progressivamente menores. Quanto mais você fizer, melhor será a aparência:

( Nota: Se você possui o Adobe Illustrator, pode usar a Blendfunção para fazer isso um pouco automatizado para você )

Cores

Adicione na sua Água:

Água adicionada

Adicione um golpe muito fino à sua água:

Água com AVC

Eu então usei uma mesa gráfica para adicionar pequenas linhas a ela. Quanto mais baixo você fica, menos pronunciado eles se tornam. Isso pode ser feito com o mouse ou mesmo traços e máscaras, mas uma mesa gráfica certamente ajuda:

insira a descrição da imagem aqui

Tudo bem, vamos adicionar um pouco de água no fundo. Neste ponto, vou usar pincéis e desenhar tablets, mas você pode novamente usar o selection > expansion > fillmétodo como antes. Depois de ter uma forma de base, já que vou fazer um pouco de aerografia, vou adicionar uma máscara de camada:

insira a descrição da imagem aqui

Então eu posso usar meus aerógrafos para suavizar:

insira a descrição da imagem aqui

Mais uma vez, adicione algumas linhas aqui e ali apenas para obter alguma textura e tal:

insira a descrição da imagem aqui

Tudo bem, agora está em um lugar muito bom sem estruturas ou árvores artificiais ainda. Esse canto inferior direito parece um pouco mais ridículo e uma parte importante é ter pelo menos algo que se pareça menos com uma cordilheira e mais com uma colina. Vamos tentar voltar e consertar isso um pouco. Acabei de usar o aerógrafo aqui, se você não tiver um tablet, use muitas cores com o mouse e, possivelmente, borrá-lo também:

insira a descrição da imagem aqui

Mas as colinas ainda têm algumas quedas, então adicione apenas muito, muito poucas linhas.

insira a descrição da imagem aqui

Eu vou parar por aqui. Quanto mais detalhes, textura e cores você adicionar, melhor. A próxima coisa a fazer é deixar cair na água no canto inferior esquerdo agora que a colina está fixa. Depois disso, provavelmente começaria com edifícios. Uma vez que os prédios estejam, eu adicionaria áreas mais claras e escuras ao chão, depois as árvores entre os prédios e, finalmente, detalhes como pontes, paredes, talvez algumas texturas e etiquetas.

Observe que a luz está vindo do lado esquerdo, então, depois de adicionar as estruturas, eu gostaria de ajustar as cores para indicar isso. O lado esquerdo do vale deve ser um pouco mais escuro que o direito. Não sei ao certo qual é a maneira "correta" de fazer isso, mas faria isso depois de adicionar prédios. Veja como aqui esta seção é mais leve:

insira a descrição da imagem aqui


Espero que isso ajude você. Todo o processo levou uma hora, teria sido menor se eu não estivesse tirando screenshots e documentando o processo. Aparência final:

insira a descrição da imagem aqui


Obrigado por reservar um tempo para passar por isso. Gosto da resposta do usuário6811 por sua simplicidade e facilidade de uso, mas ela sofre quando se trata de desenhar grandes colinas ou montanhas. Eu acredito que seu método é melhor para aqueles.
— Thomas Reinstate Monica Myron

Eu descobri que esse método funciona melhor para criar mapas de elevação. Sem usar as linhas para indicar falésias, é bastante fácil seguir com a ferramenta de seleção de laço e adicionar várias camadas de topografia branca, que então tornarei 20% transparentes. Quanto mais baixo o solo estiver escuro, mais alto será a luz. Não é exatamente o que eu estava procurando, mas parece mais realista do que eu tinha e adiciona detalhes de elevação que eu não tinha.
— Thomas Reinstate Monica Myron

7

Os cartógrafos usam relevo para criar o efeito a partir de um mapa de altura. Você pode usar o filtro de gravação em uma imagem que representa seu campo de altura. Se você deve usar o photoshop para isso, então eu usaria o:

  • Filtro → renderizar → Efeito de iluminação , em vez de gravar.

Comece com um pequeno pincel branco, com um fluxo muito baixo em uma tela preta, depois comece a desenhar os contornos da sua superfície para uma montanha circular, desenhe no cume, ao longo das linhas das dunas, etc. Você pode usar o desfoque depois de alguns caminhos e adicione mais camadas.

insira a descrição da imagem aqui

Imagem 1 : 1 etapa feita rapidamente

Em seguida, copie o canal R (B ou G) dessas imagens na paleta de camadas para obter mais referências.

Depois disso, aplique um mapa de gradiente na sua imagem para variação de cores em relação à altura. Mesclar as camadas. Para um melhor efeito, adicione algum ruído a esta imagem, etc.

insira a descrição da imagem aqui

Imagem 2 : Mapa de imagem em duas etapas criado rapidamente

Em seguida, aplique o Efeito de iluminação , use o canal salvo como o mapa de detalhes.

insira a descrição da imagem aqui

Imagem 3 : Efeito de raio produzido rapidamente. Observe que eu poderia ter usado um pincel menor com menos fluxo e desfoque de passagens e mais níveis, mas você também pode pintá-lo para obter um melhor efeito.

Agora você tem um efeito de raio aceitável e uma quantidade considerável de capacidade de tecer. E, finalmente, pinte com cores em cima dessa para obter o efeito artístico final que você precisa.

Final

Imagem 3 : Montanha feita rapidamente, não se apresse e construa lentamente, e você obterá um resultado melhor, apenas descrevendo o método.

Dicas :

  • use uma escova não redonda
  • salve suas camadas se notar que algo deu errado
  • pintar desfiladeiros com preto na estrutura construída, pintar de azul no mapa de cores
  • Siga o esquema @Ryans e pense na versão em preto e branco do método Ryans.

O PS deve levar um tempo para refazer as fotos em mais de 15 minutos ... Quero dizer, a documentação levou cerca de 10 minutos do meu tempo.
— joojaa

4

Descobri outro método que alcança o efeito que estava procurando muito melhor do que qualquer outra resposta que vi aqui. Ele tem o bônus adicional de ser 'não destrutivo', o que significa que pode ser alterado ou editado a qualquer momento e não afeta a imagem abaixo. Também se parece muito com imagens de satélite das montanhas.

As desvantagens são que a elevação é difícil de controlar. Todos os vales estão na mesma elevação, e a elevação das montanhas é determinada puramente pelo tamanho de sua base. A elevação aumenta a uma taxa constante e essa taxa não pode variar. As montanhas também tendem a parecer um pouco estranhas nas bordas externas, mas isso pode ser remediado com tempo suficiente. Portanto, se você é exigente quanto à elevação exata , esse método pode não ser o ideal para você. Mas se você está procurando a aparência perfeita com uma forma totalmente editável, pode usar isso.

Começo criando uma base. Estou usando um fundo de nuvem verde com ruído adicional para simular a grama, mas você pode usar o que quiser. Quanto mais realista você parecer, melhor.

Grass BG

Adicione outra camada, preencha com 50% de cinza (sólido, não 50% de transparência) e defina a camada para sobrepor. Sua imagem pode ficar um pouco mais clara, mas deve parecer basicamente a mesma (você pode brincar com diferentes tons de cinza, se quiser que seja exatamente da mesma cor de antes).

Trabalhando com a camada cinza, adicione um efeito de chanfro e relevo. Você quer um chanfro interno e define a técnica para 'cinzelar com força'. A profundidade pode permanecer em 100%. Altere a direção para cima e aumente o tamanho WAY. Dependendo de quão 'perto' de suas montanhas você estiver (de que altitude você as está visualizando), você poderá ajustá-las mais tarde. Defino o meu para 100 px.

insira a descrição da imagem aquiinsira a descrição da imagem aqui

Agora vem a parte divertida. Você vai desenhar suas montanhas. Ou, mais precisamente, os vales que moldam as montanhas. Você precisa da ferramenta borracha e deve defini-la em um tamanho bastante pequeno. 3 ou abaixo deve funcionar. Simplesmente desenhe onde os vales deveriam estar. Tamanhos de pincel maiores podem ser usados ​​para vales maiores.

insira a descrição da imagem aqui

Você pode notar partes da imagem onde o topo da montanha se achata. Isso pode ser corrigido ajustando o tamanho nas opções de chanfro e gravação. Quanto maior o tamanho, mais altas as montanhas podem subir. Esteja ciente de que isso exerce alguma pressão sobre os sistemas de extremidade baixa / média. Se você tiver duas camadas em um único documento com uma alta contagem de pixels, o Photoshop poderá travar ao tentar abri-lo. Mantenha suas imagens pequenas e rasterize o máximo de camadas possível.

Depois de se familiarizar com a criação de vales, você pode moldar a camada da montanha ao seu gosto e alterá-la a qualquer momento.

insira a descrição da imagem aqui


3

Use o que está disponível:

O Photoshop teve pelo menos 6 anos algumas ferramentas 3D. Um deles é "Criar uma malha a partir da camada BW". Você pode dar o mapa de altura como tons de cinza. Um gradiente significa uma inclinação. Uma aresta afiada significa um precipício ou escarpa. Você pode definir a luz e a direção de observação para a renderização.

Isto é um exemplo. O mapa de altura possui uma cor base cinza médio, um retângulo mais claro e uma forma redonda mais escura. Ambos estão desfocados para tornar as mudanças de altura menos nítidas. À direita, o mesmo mapa é usado e o resultado é mostrado em duas direções diferentes.

insira a descrição da imagem aqui

O exemplo a seguir está tentando ser uma crista

insira a descrição da imagem aqui

É um gradiente linear de dupla face, de branco a preto, que provou algumas manchas no filtro Liquify.


Após algumas experiências, descobri que esse é um método muito melhor do que eu pensava. Com alguma prática, é realmente fácil criar alterações de elevação, mesmo após a renderização do 3D (desde que o sistema aguarde). As únicas desvantagens são a dificuldade de visualizar o terreno (a ferramenta de visualização é um pouco desajeitada) e o problema da água: eu simplesmente adicionaria outro plano 3D plano como a água, mas não consigo descobrir como encaixá-lo. para o primeiro plano. Algum conselho sobre isso?
— Thomas Reinstate Monica Myron

11
@ThomasMyron Faça uma seleção para um lago. Você pode reservar um pouco de altura (= sombra cinza) dentro da área selecionada para a superfície de um lago e preencher a área selecionada com esse cinza. Certifique-se de que nada na borda seja mais profundo. Caso contrário, você tem uma cachoeira ou tenta algo que Moisés fez ao deixar o Egito. Faça um preenchimento azul em outra camada na mesma seleção. Desfoque a borda do lado de fora da água. . Pinte os rios manualmente sobre a camada de água colorida.
— user287001

2

Eu descobri uma resposta para esta pergunta.

Descobri se defini a dureza do pincel para 50% (variando dependendo da textura do mapa) e fiz um círculo preto simples, então gravei o círculo e, em seguida, defina a camada como 'Overlay', uma bela 'bump' é criada no mapa. Outro modo de tela que funciona e é um pouco menos vibrante é 'Soft Light'. A altura do relevo pode ser ajustada, de modo que as bordas emplumadas se encontrem no meio do círculo. Isso evita o 'efeito de platô' e garante que a colina tenha um gradiente uniforme e inclinado. Eu imaginaria que você poderia criar linhas de cume e qualquer quantidade de detalhes usando esse método, desenhando no círculo preto, embora eu não tenha tentado isso.


2

Fazendo isso à mão, usaria esquivar e queimar para manter a cor por baixo.

Primeiro, oriente seu mapa para que o sol esteja diretamente ao norte (você deve colocá-lo em algum lugar do lado norte e não no sul). Em seguida, com a ferramenta Dodge, comece a retocar nos lados norte das colinas que você deseja adicionar. Em seguida, pegue a ferramenta de queima e escureça os lados sul. Basta ir e voltar com esquivar, queimar e brincar com vários tamanhos de pincel.


Hmm, isso parece funcionar muito bem. O único problema que vejo é que você é forçado a alterar a imagem (destrutiva). Com o método de gravação, você pode simplesmente excluir ou desativar as colinas. Existe uma maneira de eu fazer isso com esse método? Além de duplicar tudo em que eu queria trabalhar?
— Thomas Reinstate Monica Myron

blog.photoshopcreative.co.uk/blog/tutorials/… Adicione uma nova camada. Defina para o modo "Overlay". Em seguida, vá em "Editar> Preenchimento" e selecione "50% cinza" na lista suspensa.
— user6811

1

Um exemplo um pouco mais preciso do que estou procurando.

Para mim, essa imagem parece uma ilustração. Não é algo criado no Photoshop.

Se você ainda deseja criar sua imagem em um computador, acho que a melhor abordagem para esse tipo de coisa é usar um aplicativo 3D. Eu começaria com um mapa de altura, onde pixels mais claros representam um terreno mais alto.

Isso foi criado usando Filter→ Render→ Cloudse Filter→ Render→ Difference Cloudse alguns círculos pretos com 20% de opacidade da camada na parte superior. Muito chato, mas deve mostrar a técnica em ação.

Mapa de altura do Photoshop

O mapa de altura pode ser usado para criar uma malha. O reliefobjeto no Cheetah 3D faz exatamente isso - carrega na imagem e a usa na altura da malha. O Photoshop pode renderizar objetos 3D, portanto, pode fazer o mesmo.

Cheetah 3D

Esta cena possui apenas um objeto de relevo (a malha do mapa de altura) e uma luz. Eu acho que o resultado é muito melhor do que usar efeitos de chanfro e relevo no Photoshop. Tem a vantagem de abstrair os dados de altura, a renderização e o material. Você pode editar a altura e renderizá-la novamente para obter uma nova imagem. A luz também é uma Sky Light, que permite editar a hora e a data, facilitando a produção de resultados muito diferentes (meio-dia ou madrugada etc.).

Renderização em Cheetah 3D

Você pode até considerar um software de renderização de paisagem especial, como o Bryce Pro .

Aqui estão algumas coisas que eu fiz para um jogo há alguns anos, usando uma técnica semelhante. Isso tudo foram apenas alguns mapas de altura e algumas árvores, depois alguns retoques no Photoshop (as linhas pintadas etc.).

Corridas laterais

Corridas laterais

Eles foram criados no Bryce e no Photoshop, mas se eu estivesse fazendo hoje, usaria o Cheetah 3D e o Photoshop. Terragen também parece incrível. Vale a pena considerar.


Até onde eu sei, esses dois programas são exclusivos para Mac. Estou usando um PC. O que você recomendaria para isso?
— Thomas Reinstate Monica Myron

Minha hesitação em usar o 3D é que, se você quiser editar algo (pegue o mapa de altura que você faz no Photoshop), precisará refazer tudo. Ajustar a elevação também pode ser um problema, pois você nunca pode olhar exatamente onde algo vai pousar, e você está restrito em altura à diferença entre branco e preto. Existe alguma maneira de criar o plano 3D, mantê-lo editável e poder colocar objetos 3D adicionais sobre ele (ancorados, não apenas flutuando livremente)?
— Thomas Reinstate Monica Myron

@ThomasMyron Sim, Cheetah 3D é apenas para Mac. Bryce é Mac e Windows, mas muito antigo e parece que não está recebendo atualizações. Mas, acabei de encontrar o Terragen. Parece ótimo e está disponível para Mac e Windows. planetside.co.uk
— Marc Edwards

@ThomasMyron Quanto às alturas, existem algumas soluções para isso. Para o jogo em que trabalhei, usei alguns objetos com mapas de altura separados para os diferentes elementos (grama, estrada, barreiras), o que me deu um controle explícito de altura para cada elemento no aplicativo 3D e também me permitiu usar um material diferente para cada. Usar algo como Terragen provavelmente deixaria você colocar árvores e casas com facilidade também.
— Marc Edwards
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.