Mapas isométricos
02.04.09Geodésio D. Rocha, um geógrafo internacionalmente desconhecido, contratou seus serviços de ilustrador para elaborar mapas topográficos de uma determinada região, mas não mapas comuns como na figura abaixo. Geodésio quer mapas em perspectiva.
Embora haja ferramentas próprias para isso, Geodésio deseja apenas ilustrações simples. Você poderia fazer isso facilmente no Blender, mas não terminou de ler aquele tutorial que favoritou no delicious há uns dois anos, então você decide usar o Inkscape para fazer esse trabalho.
É aí que você percebe que seus anos de experiência com SimCity e Transport Tycoon valeram a pena. Você tem a idéia de fazer mapas isométricos, por que são simples, bonitos e lembram os bons tempos de jogatina.
Em breve neste local, uma grande metrópole. População atual: 10...acho.
Você vai precisar usar apenas dois recursos do Inkscape: Tweak Tool, ferramenta incorporada na versão mais recente e Tiled Clones. Primeiro, crie um pequeno retângulo verde de 20 x 20 pixels e remova seu contorno.
Diálogo de preenchimento e contorno.
Em seguida, selecione-o e acesse o diálogo Create Tiled Clones, no menu Edit -> Clone.
Acessando o menu de criação de clones
O próximo passo é criar vários clones desse retângulo com a janela de criação de clones ladrilhados. Eu criei uma grade de 20 x 20 clones, mas você pode escolher a configuração que desejar.
Diálogo de criação de clones
Agora que temos nosso exército…digo, nossos clones, basta seguir os seguintes passos:
- Selecionar todos os clones e desvinculá-los do objeto original, pressionando Shift + Alt + D ou clicando no item do menu “Unlink Clone” no menu Edit -> Clone.
- Selecionar todos os objetos (agora independentes) e girar 45º. (Clique na seleção duas vezes, segure a setinha de rotação e segure Control enquanto move o mouse)
- Dar uma volta na casa e tomar um pouco de água.
- Ainda com tudo selecionado, diminuir a altura do objeto.
Se tudo ocorreu bem e o passo 3 foi executado sem problemas, então a imagem abaixo ilustra o que você deve ter visto:
Passo a passo
E agora vem a mágica, parte 1: com todos os objetos selecionados (de novo?) clique na ferramenta Tweak Tool e escolha o modo “Puxar parte do objeto”. Se desejar, pode configurar outras opções como intensidade e tamanho.
Escolha sabiamente.
Arraste o mouse sobre a figura e veja o relevo se formando. Movimentos “up-down” criam partes baixas e “down-up” partes altas. Rá!
Criam-se as montanhas e rios
E agora vem a mágica, parte 2: Selecione o modo para mudar as cores dos objetos e apenas depois escolha uma cor na paleta de cores. Cuidado: se você escolher o modo adjacente, ele vai pintar os objetos com cores aleatórias. Um detalhe a observar é que esta ferramenta pinta os objetos nas redondezas com cores intermediárias, você não precisa ir pintando um por um. 
Selecione o modo, depois a cor
Finalizando a arte, escolhi um verde mais claro para as áreas altas e marrom para as áreas baixas. Crie formas marrons embaixo para fazer o efeito de “bloco de terra”. O resultado final é este:
Quem se aventura a fazer o mapa da Terra Média?
Se você se interessou sobre o tutorial e deseja aprender mais sobre o Inkscape, visite a página do Inkscape Brasil e assine a lista (e se for preciso, leia antes a netiqueta 
…
Hááá!!!
Primeiro (ou não)!
Nuss! Ótimo tutorial! Mais uma coisa pra aprender a fazer no Inkscape \o/
Caraaaaaaaaaaaaaaca!! Não imaginava que o Ink poderia ser tão (parece que até mais!) “bruto” do que o Ilustrator! Tem pra Mac? =D
Tem sim, mas ainda não é tão bom como no Linux
Muito legal, agora preciso fazer isso em pygame ou outra biblioteca para o meu jogo
Parabéns pelo site, btw.
Nossa! Muito legal! hehe
“mas não terminou de ler aquele tutorial que favoritou no delicious há uns dois anos…”
O melhor desse blog é que eu realmente me identifico com ele, belo tutorial.
Me lembrou Anacroz..
Uau, muito bom!
Me lembrou o primeiro Sim City.
[]
Vou ser sincero, não entendi nada mas achei duca a atitude ó !
Mais fácil fazer no Blender mesmo
Não li nada pq não uso isso, mas não imaginava que o Ink fosse capaz disso, mt bom XD
show
E eu me achando bom pq sabia fazer no ArcGIS ¬¬’
É, o Inkscape no Mac é meio esquisitinho mesmo, mas com paciência dá pra usar.
Bem legal este tuto, e eu também não sabia que dava pra fazer isso no Ink.
Karlisson,
Qual a ferramenta que você pra tirar esses screenshots?
Obrigado e ótimo tutorial.
@Daniel Não uso uma ferramenta específica pra isso. Apenas o botão de print screen e o GIMP pra editar a imagem.
Æ!!
Muito legal cara!
Até deu para brincar mais com meu inkscape! Não sabia dessa funcionalidade! =)
Há braços
Cara, sem querer abusar, mas de tempo em tempos você podia colocar esses seus tutoriais em PDF para download, uma coleção deles ia ficar legal.
Ficaria legal as dunas de Natal em Mapa Isométrico.
Está a demorar para sair a próxima versão do Inkscape, já fez um ano!!!
Não é costume levar tanto tempo
A nova versão parece trazer muita coisa nova, é verdade
@Karlisson, não consegui concluir esse tutorial. Fiz cada passo e, quando fui mexer no relevo, não consegui fazer o “plano” se mover.
?
Bem legal o tutorial!!
Abração!! \o/
Uau!
Muito bom!
Apoio a sugestão do Lucas Polo sobre disponibilizar os tutos em pdf!!!
Quanto ao tuto…bom, nunca imaginei que o inkscape fazia isto, realmente muito legal isto.
“…lembram os bons tempos de jogatina”
uhauhuhhsuhuasuhsauhasuhsauhasuhashuhuaushuhsauhashuasuauha
óul, lembrei de Isomeria
maldita quimica ;(
Teremos nerdsons isométricos ? Libman e Apiboy isométricos ? …
Belo tutorial, pena q vc não citou Diablo na sua lista de isometric games
E vocês pensavam que isto era somente mais um site com tiras.
Muito bom Karlison tem uma porrada de coisas que se pode fazer no Inkscape, é bom ver alguém ousando nos recursos é isso que falta para o pessoal olhar diferente para a ferramenta!
Ahhh bons tempos de SimCity
Não era mais fácil tirar screenshot do Populous?
Muito bom mesmo, isso me deu uma vontade de começar a desenhar(voltar), acho que vou descongelar o Ink e começar a trabalhar.. ^^ \o
Carambolas!
Você resolveu um problema meu de quase 1 ano e por mais incrivel que pareça não queria um plano isometrico.
Olha que eu uso o inkscape e nunca tinha visto a função que prescisava!
“Você poderia fazer isso facilmente no Blender, mas não terminou de ler aquele tutorial que favoritou no delicious há uns dois anos”. HUehauaeuaehueauhuaeaehu
Ótimo tutorial, o Inkscape é demais.
Maneiríssimo, rapaz!
Aí Karlisson, muito bom esse “tuto”. Melhor ainda foi ver ao vivo no mini curso.
Curti mesmo, está de parabéns. Vou dar um search aqui no nerdson.com em busca de mais “tutos” pra dar continuidade ao estudos.
Depois te mandou uma arte toda feita no Inkscape.
Abraço e sucesso.
O.o mais um tuto interesante para os favoritos, em breve lerei =D
Boa garoto! parabens! vou tentar reproduzir isso depois
Viva SimCity!
É…Meu pai nunca acreditou que jogos me levariam a um bom emprego…viva Simity.
(hû…cadê a continuação de B0b N00b e o monte H4×0 ? ><)
Legal de brincar com isso, hehe
Alguém tem algum tutorial de como fazer isso no blender? Ou uma dica de por onde começar…
“Geodésio D. Rocha”, o pior foi que eu pensei ser um nome de verdade, só quando coloquei no google foi que eu percebi a brincadeira.