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

Thomas Restabelecer Monica Myron
fonte
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 SelectModifyExpand. 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

Ryan
fonte
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.
joojaa
fonte
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

Thomas Restabelecer Monica Myron
fonte
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.

user287001
fonte
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.

Thomas Restabelecer Monica Myron
fonte
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.

user6811
fonte
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 FilterRenderCloudse FilterRenderDifference 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.

Marc Edwards
fonte
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