Centro RPG Maker

Centro de Criação => Mapeamento => Tópico iniciado por: Darist online 26/12/2015 às 16:45

Título: Fazendo Ilhas Voadoras!
Enviado por: Darist online 26/12/2015 às 16:45
Ilhas Voadoras

[box2 class=titlebg title=Introdução]Opa, e ae pessoa!
Estou postando aqui um tutorial extremamente interessante sobre como fazer mapas de Ilhas Voadoras. Este é um tutorial bastante antigo feito por um membro - na época - da antiga e famosa RPG Maker Brasil, e eu tenho este tutorial guardado até hoje exatamente por acha-lo extremamente interessante.[/box2]

[box2 class=titlebg title=Informações Importantes]Algumas observações importantes:
[/box2]

[box2 class=titlebg title=Tutorial]


(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/titulo.png)
por Hiperbanka

Este tutorial ensinará a montar uma peça de tileset necessária na construção de ilhas voadoras.
Para concluir esta técnica, é necessário que você tenha pelo menos alguma pequena experiência com um programa de edição de imagens. Eu aconselho o Photoshop.

Você poderá montar mapas como este:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/Ilhasvoadoras1.png)




1)Para fazer as ilhas voadoras, baixe este template:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/FloatingCliffTemplates.png)
Este template foi feito por undwight do site HBgames.ORG.

2)Abra seu programa favorito em edição de imagens; neste tutorial, vou ensinar a trabalhar com o Photoshop.

3)Agora você vai precisar do gráfico básico da montanha. Na maioria dos tilesets do RMXP, a parte que você vai trabalhar é semelhante a esta:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image1.png)
Obs: Estou trabalhando com Inquisitor.

4)Pegue uma das silhuetas do template e posicione-a acima do gráfico da montanha, semelhante a esta imagem:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image2.png)

5)Estando a silhueta uma camada acima da montanha, selecione a parte ocupada pela silhueta e delete na camada da montanha. O resultado deve ser este:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image3.png)

--> Certo, agora vem a parte complicada: Fazer as sombras. Vou ensinar a fazê-las com a Pen Tool do Photoshop.
7):
a)Selecione a área ocupada pela camada da montanha recortada.

b)Pegue a Pen Tool:(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image4.png)

->No menu no topo do Photoshop, selecione a opção "Paths":(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image5.png)

c)Agora, voce deve desenhar um caminho com a pen tool que vai limitar a área da primeira sombra. Faça isso ligando pontos com a pen tool; observe a imagem para entender:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image6.png)

d)Ligue pelo exterior da imagem os pontos de partida e de chegada, de forma que o resultado sejas semelhante a este:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image7.png)

e)Com a Pen Tool na mão, clique na imagem com o botão contrário do mouse e selecione a opção "Make Selection". Marque a opção "Subtract from Selection":
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image8.png)

->O resultado da seleção deve ser algo semelhante a isto:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image9.png)

f)Agora ficou fácil! Crie uma nova camada acima desta(Ctrl+Alt+Shit+N). Pinte esta nova camada de preto de acordo com a seleção adiquirida. Diminua a opacidade e o resultado será a primeira leva de sombra:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image10.png)

É lógico que o resultado não está satisfatório. Você deve utilizar a mesma técnica para formar pelo menos 3 linhas de sombras, gradativamente, com opacidades menores. O resultado após algum trabalho deve ser semelhante a este meu:
(http://i419.photobucket.com/albums/pp280/helena_hxt_cruz/image11.png)

Pronto! Agora basta acrescentar esta peça a seu Tileset. Com alguma prática você poderá montar mapas como o apresentado no início da página.


[/box2]


[box2 class=titlebg title=Considerações Finais]Bom, espero que seja um tutorial util.
Todas os créditos são ao Hyperbanka[/box2]

elune adore
Título: Re: Fazendo Ilhas Voadoras!
Enviado por: Victor Sena online 26/12/2015 às 17:13
 Lembro desse tutorial na SRM onde vi pela primeira vez na época. Muito bom ver ele por aqui novamente, é algo realmente bem útil para o pessoal e bem explicativo.

Obrigado por trazer. õ/
Título: Re: Fazendo Ilhas Voadoras!
Enviado por: Rhit online 26/12/2015 às 18:34
Muito lindo!
Ainda não havia visto, obrigado por postá-lo aqui :D
Título: Re: Fazendo Ilhas Voadoras!
Enviado por: Ven online 26/12/2015 às 21:54
Cara que tutorial legal, muito bem explicativo e bem feito, estarei treinando um pouco aqui, o assunto me agradou bastante, valeu por Compartilhar  :XD: