Criando Neblina realista ! [Sem uso de particulas]

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Qualidade Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Denis Lemos em Sex 28 Maio 2010, 18:05

----------------------------Criando Neblinas Relistas----------------------------

nivel: iniciante ao intermediário, necessário saber a interface do Pant.Net e do GM
versão: Usei a versão 8 do GM PRO, Não funciona na versão Lite se fazer o passo 10, pois usa o image_angle() !

1º: Você terá que ter instalado no seu PC o Pant.Net.
Abra o Pant.Net clicke em arquivo>novo e deixe esse novo arquivo com 256px de altura por 256px de largura !

2º: No cabeçário do programa, clicke em Efeitos>Processar>Nuvens...
Feito isso, aparecerá uma janelinha de propriedades do efeito, você pode ir apertando no botão escrito Regerar, para que va aparecendo diferentes formas de nuvens !
A minha ficou assim:

Obs: Não é somente o Paint.Net que possue esse recursso, outros programas de ediçao de imagens também tem, como o Gimp por exemplo, não uso o Photoshop, mas creio que nele tenha isso também !!!

3º: Pode fechar o Paint.Net, que não será mais necessário usá-lo, abra o seu GM, e adicione uma nova sprite carregando essa imagem da nuvem, coloque o nome da sprite de neb1 e centralize-a, apertando no botão "center", nas propriedades da sprite !

4º: Crie uma nova sprite, de 256px por 256px, clike em editar a sprite

5º: No cabeçário do editor da sprite, aperte em Images>Gradient Fill

Vai aparecer uma janelinha como mostra a imagem abaixo:


Em Color1, deixe a cor Preta
Em Color2, deixe um cinza escuro como mostra a imagem
Em Kind, selecione o gradiente circular

Obs: Quanto mais escurecido for o centro da gradient dessa sprite, mas transparente será a neblina, e quanto mais claro for o centro da gradient, mas opaca será a neblina, então não deixe o centro muito escuro, para que não fique totalmente tranparente a neblina, e por sua vez, também não deixe o centro da gradient muito claro, porque senão vai ficar uma neblina muito feia, você pode ir repetido esse processo várias vezes até achar a transparencia ideal para sua neblina !
Mas tente primeiro com as cores que mostra na imagem !!!

Obs 2: É extremamente necessário que as duas sprites sejam exatamente do mesmo tamanho em altura e largura, caso contrário vai ficar parecendo com qualquer outra coisa, menos com uma neblina !

6º: Dê o nome á essa sprite gradient de neb2

7º: Agora vamos aos códigos:
Crie um novo objeto, chame-o de obj_neblina, nas propriedades desse objeto, adicione a sprite neb1 à ele, lembre de que a sprite neb1 é aquela da nuvem que fizemos no Paint.Net !

8º: Adicione um Evento Create para o objeto, arraste a folinha de códigos,e coloque o seguinte código nela :
Código:

// Mover-se randomicamente para o lado esquerdo, entre a direção 185 e 175 com velocidades diferentes, para dar uma impressão de desordem
speed=0+random(2)
direction=185-(random(10))

// Deixar a neblina de tamanhos diferentes randomicamente
image_xscale=1+random(1)
image_yscale=image_xscale

9º: Agora adicione um Evento Step para o objeto, na aba Move arraste o box Wrap Screen
e configure-o como mostrado na imagem abaixo:

Isso faz com que, na hora que a neblina sair de um lado da room, ela reapareça no outro lado, fazendo que elas fiquem em ciclo de movimento !

10º: Se preferir no mesmo Step do objeto arraste a folinha de código e escreava isso, serve para fazer a neblina girar levemente enquanto se movimenta:
Código:
image_angle+=.5

11º: Agora precisamos fazer com que as neblinas apareçam na room, para isso crie um novo objeto e nomeie-o de obj_criador

12º: Adicione um Evento Create para esse novo objeto, arraste a folinha de códigos e escreva o seguinte:
Código:

// Mistura a alpha das sprites
sprite_set_alpha_from_sprite(neb1,neb1);
sprite_set_alpha_from_sprite(neb1,neb2);

repeat(40) // Repete 40 vezes o código abaixo
instance_create(random(room_width),random(room_height),obj_neblina)// Cria a neblina randomicamente dentro das extremidades do room
A primeira parte do código acima, faz uma espécie de mistura das sprites, tipo um "blend mode", se estou enganado me corrijam !
Asegunda parte do código, é encarregada de criar a neblina randomicamente dentro das extremidades da room

Pronto agora adicione uma room, nela coloque apenas o obj_criador, que ele se encarrega de criar a neblina !!!

Espero que tenham gostado desse tutorial, agora não tem mais desculpa dizer que não podem criar neblinas por que não sabem fazer efeitos de particulas, esse tuto mostra que não é preciso usar particulas para isso, assim por sprites deixa bem mais rápido o jogo, se fosse por particulas, deixaria o jogo bem lento !!!

Aqui é o resultado de como ela fica em um jogo:


Última edição por Denis Lemos em Qua 27 Out 2010, 16:17, editado 1 vez(es)

Denis Lemos

Número de Mensagens : 938
Idade : 28
Data de inscrição : 17/05/2009
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por RodrigoM. em Sex 28 Maio 2010, 18:09

Parabéns, fica muito bonito Denis, Bem Legal.
Parabéns mesmo, muito bacana.

RodrigoM.

Número de Mensagens : 569
Idade : 21
Data de inscrição : 06/08/2009
Reputação : 5
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Denis Lemos em Sex 28 Maio 2010, 18:14

CyraxX escreveu:Parabéns, fica muito bonito Denis, Bem Legal.
Parabéns mesmo, muito bacana.
Obrigado, mas como tinha códigos de GML junto, e edição de imagens, fiquei sem saber qual era a categoria então coloquei em tutorias de GML mesmo, porque fica menos escondido, pois as pessoas, creio que procuram mais nos tutorias de GML, do que em arte gráfica, mas mesmo assim não tem importância e obrigado novamente !!!

Denis Lemos

Número de Mensagens : 938
Idade : 28
Data de inscrição : 17/05/2009
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por RodrigoM. em Sex 28 Maio 2010, 18:16

Denis Lemos escreveu:
CyraxX escreveu:Parabéns, fica muito bonito Denis, Bem Legal.
Parabéns mesmo, muito bacana.
Obrigado, mas como tinha códigos de GML junto, e edição de imagens, fiquei sem saber qual era a categoria então coloquei em tutorias de GML mesmo, porque fica menos escondido, pois as pessoas, creio que procuram mais nos tutorias de GML, do que em arte gráfica, mas mesmo assim não tem importância e obrigado novamente !!!

Eu decidi deixar em GML, pois a pessoa não precisa necessariamente seguir o tutorial de Arte Grafico, podem pegar aquela que vocÊ deixou como seu resultado, então eu deixei em GML mesmo.

RodrigoM.

Número de Mensagens : 569
Idade : 21
Data de inscrição : 06/08/2009
Reputação : 5
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Suadao em Sex 28 Maio 2010, 18:32

Caramba, ótimo tutorial Denis L., achei bem bacana desse "efeito", bem realista.

Valew!


Última edição por Suadao em Sex 28 Maio 2010, 18:37, editado 1 vez(es)

Suadao

Número de Mensagens : 1035
Idade : 25
Data de inscrição : 22/11/2009
Reputação : 4
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

http://www.recursos-mania.forumeiros.com

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Cainã em Sex 28 Maio 2010, 18:36

Realmente o efeito ficou muito real, você é muito bom em "inventar" esses efeitos. Valeu e continua com esses tutoriais.

Cainã

Número de Mensagens : 1335
Idade : 22
Data de inscrição : 07/03/2010
Reputação : 1
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://cai.na.tl/

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Klior em Sex 28 Maio 2010, 19:45

muito bom msm, não sabia que dava pra fazer tanta coisa com paint.net

Klior

Número de Mensagens : 426
Idade : 25
Data de inscrição : 07/03/2010
Reputação : 13
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por itallo em Sex 28 Maio 2010, 21:33

Bravo! Bravo!
um belo tutorial, parabéns.

realista de verdade(Oo)

itallo

Ranking : Sem avaliações
Número de Mensagens : 969
Idade : 24
Data de inscrição : 26/08/2009
Reputação : 12
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   :
   :

http://www.zuluhotel.com.br

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Convidad em Sex 28 Maio 2010, 21:52

legal esta tutorial,vc gostou mesmo do paint net Very Happy

Convidad
Convidado


Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Isaias em Sex 28 Maio 2010, 23:26

muito bom kra,
com certeza vai ajudar muitas pessoas.

Isaias

Número de Mensagens : 374
Idade : 23
Data de inscrição : 16/08/2008
Reputação : 3
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por makgamer em Sex 28 Maio 2010, 23:34

Quem não quiser baixar nada, é so ir num paint online, que fais igual e salva no teu pc.
ta aqui o site:http://www.splashup.com/splashup/
pra criar esta merma neblina igualzinha é so clika em : file>new image>
dai muda pra 256 por 256
ai aparece um quadrado.
dai tu vai em: filters>clouds
pronto.
ai fica assim:

makgamer

Ranking : Nota D
Número de Mensagens : 927
Idade : 18
Data de inscrição : 29/03/2009
Notas recebidas : D
Reputação : 6
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   : 1
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Adriel em Sex 28 Maio 2010, 23:36

Também dá pra fazer usando a opção "Spray" do editor de imagens do GM Very Happy!

Adriel

Número de Mensagens : 922
Idade : 18
Data de inscrição : 18/07/2009
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por F. Nizzio em Sab 29 Maio 2010, 08:31

Bem, eu sempre consegui fazer esse efeito de nuvem no PhotoFiltre. E eu já tive o Paint.net que, por um acaso, você escreveu errado o nome.

Mas é um otimo tutorial. (: Parabéns!

F. Nizzio

Número de Mensagens : 758
Idade : 21
Data de inscrição : 19/07/2008
Reputação : -6
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   :
   :
   :

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Anderson3d em Ter 26 Out 2010, 23:49

Cara fenomenal esse efeito, parabéns mesmo!

Anderson3d

Ranking : Nota A
Número de Mensagens : 1479
Idade : 33
Data de inscrição : 15/02/2009
Notas recebidas : A - A
Reputação : 9
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 1
   : 0
   : 1

http://www.indiegamebr.com

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por SuperHacker em Qua 27 Out 2010, 08:06

véi, nota dez.
ficou perfeito, tá igualzinho quando eu viajo de carro de madrugada hehehe...
vlw pelo tutorial!

SuperHacker

Número de Mensagens : 63
Idade : 21
Data de inscrição : 19/05/2010
Reputação : 0
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Dan044 em Dom 28 Nov 2010, 14:29

Cara, MUITO BOM, deve ter deixado meu jogo mt mais legal, sério, adorei, e tudo sem baixar netscape.net...
Vlw

Dan044

Ranking : Nota D
Número de Mensagens : 209
Idade : 18
Data de inscrição : 14/11/2010
Notas recebidas : 3D Snake - D
Reputação : 3
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

http://www.chefreceitas.blogspot.com

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por synnc em Qui 11 Abr 2013, 11:25

Segui este tutorial mas estou com este problema, podem ver no video


Videohttp://www.youtube.com/watch?v=YKqx8zqv-w4

O que fiz errado?
Obrigado e abraço

synnc

Número de Mensagens : 1
Data de inscrição : 11/04/2013
Reputação : 0
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Voltar ao Topo Ir em baixo

Qualidade Re: Criando Neblina realista ! [Sem uso de particulas]

Mensagem por Conteúdo patrocinado Hoje à(s) 19:55


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum