Conectar-se

Esqueci minha senha

Últimos assuntos
» Nota de esclarecimento - GMBR voltou!
Sex 23 Jun 2017, 20:33 por Willy

» Regras do Fórum
Sex 23 Jun 2017, 19:02 por GMBR

» Retorno da GMBR!!!
Ter 24 Jan 2017, 15:43 por GMBR

» Criando IA Simples para inimigos
Qua 25 Nov 2015, 19:22 por DJDAVYD

» Crio Trilha Sonora para Games!
Qui 27 Ago 2015, 13:50 por Isaias Malafaia

» Western Duels
Seg 24 Ago 2015, 07:47 por theguitarmester

» Dúvida sobre strings, lendo txt
Sab 22 Ago 2015, 20:31 por Pai véi

» Janela Modal
Sab 22 Ago 2015, 09:23 por Pai véi

» LudumDare #33
Sex 21 Ago 2015, 21:17 por WellingtonBecker

» GMS sempre salva projeto ao compilar?
Sex 21 Ago 2015, 12:32 por Pai véi

» Tipo de Draw que dê melhor fps...
Sex 21 Ago 2015, 12:25 por Pai véi

» Banco de Dados online fácil de configurar
Sex 21 Ago 2015, 11:47 por Pai véi

» Ficou estranho esse efeito na terra?
Qua 19 Ago 2015, 20:08 por Adriel

» Você consegue decifrar o que é isso?
Qua 19 Ago 2015, 15:48 por Mateus O de Andrade

» Texto centralizado em sprite 64x64
Qua 19 Ago 2015, 14:00 por Vandson Fernandes

» [Tutorial] Um Único Script para Todos Diálogos do Jogo
Ter 18 Ago 2015, 22:12 por dharrison

» VIDEO AULAS - Plataforma - Recriando Super Mario
Ter 18 Ago 2015, 20:44 por Adriel

» Ajuda deixar room maior
Ter 18 Ago 2015, 15:56 por Stickman

» OST - Rain From The Past (Para Main Themes)
Seg 17 Ago 2015, 23:00 por Jessezyn

» #DGM Aula 01 - Views
Seg 17 Ago 2015, 00:16 por victor13.

» Alguém sabe as dimensões de um galaxy s5?
Dom 16 Ago 2015, 20:06 por vitorfernandes13

» Conquer The Kingdom
Dom 16 Ago 2015, 12:13 por DVictorPS

» [Ajuda] Bug ds_list
Dom 16 Ago 2015, 08:27 por Witen

» câmera seguir player com touch control android
Sab 15 Ago 2015, 15:05 por Lighter

» Apk não roda no celular
Sab 15 Ago 2015, 12:10 por xLuiZzz


Criando Neblina realista ! [Sem uso de particulas]

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

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)
avatar
Denis Lemos

Data de inscrição : 17/05/2009
Número de Mensagens : 938
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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.

Data de inscrição : 06/08/2009
Número de Mensagens : 569
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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 !!!
avatar
Denis Lemos

Data de inscrição : 17/05/2009
Número de Mensagens : 938
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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.

Data de inscrição : 06/08/2009
Número de Mensagens : 569
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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)
avatar
Suadao

Data de inscrição : 22/11/2009
Número de Mensagens : 1035
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário http://www.recursos-mania.forumeiros.com

Voltar ao Topo Ir em baixo

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.
avatar
Cainã

Data de inscrição : 07/03/2010
Número de Mensagens : 1335
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário http://cai.na.tl/

Voltar ao Topo Ir em baixo

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
avatar
Klior

Data de inscrição : 07/03/2010
Número de Mensagens : 426
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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)
avatar
itallo

Ranking : Sem avaliações
Data de inscrição : 26/08/2009
Número de Mensagens : 969
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

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.
avatar
Isaias

Data de inscrição : 16/08/2008
Número de Mensagens : 374
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário http://isaiasramos.com

Voltar ao Topo Ir em baixo

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:
avatar
makgamer

Ranking : Nota D
Notas recebidas : D
Data de inscrição : 29/03/2009
Número de Mensagens : 927
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   : 1
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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!
avatar
Adriel

Data de inscrição : 18/07/2009
Número de Mensagens : 922
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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!
avatar
F. Nizzio

Data de inscrição : 19/07/2008
Número de Mensagens : 758
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   :
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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!
avatar
Anderson3d

Ranking : Nota A
Notas recebidas : A - A
Data de inscrição : 15/02/2009
Número de Mensagens : 1479
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   : 0
   : 1

Ver perfil do usuário http://www.indiegamebr.com

Voltar ao Topo Ir em baixo

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!
avatar
SuperHacker

Data de inscrição : 19/05/2010
Número de Mensagens : 63
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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
avatar
Dan044

Ranking : Nota D
Notas recebidas : 3D Snake - D
Data de inscrição : 14/11/2010
Número de Mensagens : 209
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário http://www.chefreceitas.blogspot.com

Voltar ao Topo Ir em baixo

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
avatar
synnc

Data de inscrição : 11/04/2013
Número de Mensagens : 1
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

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

Mensagem por Conteúdo patrocinado


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