GMBR
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Últimos assuntos
» Retorno da GMBR!!!
por theguitarmester Ter 19 Mar 2024, 22:38

» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27

» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30

» Mudar cor de apenas uma palavra
por lunalol Sex 01 Mar 2024, 13:42

» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17

» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18

» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34

» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13

» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18

» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12

» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02

» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55

» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42

» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56

» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49

» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21

» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21

» Asteroid Core - Early Acesse Update [0.2.0.0]
por JOZ. Seg 08 Jan 2024, 14:39

» Versionamento de código com GitHub
por GabrielXavier Seg 08 Jan 2024, 07:32

» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por kolesovsup Sex 29 Dez 2023, 07:16

» a funçao approach ainda existe?
por PEDRINDEV Ter 26 Dez 2023, 20:05

» Inimigo ataca até por trás! >:(
por saim Sex 22 Dez 2023, 08:55

» [RESOLVIDO]Spawn após morte
por Deception_1999 Dom 17 Dez 2023, 16:39

» Remunerado $$$ - Procuro programador para ajudar a "montar" um jogo
por theguitarmester Sáb 02 Dez 2023, 16:28

» Game maker nao abre
por Cerf Dom 26 Nov 2023, 12:01


[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

+4
Kabeção
Natan Kawan Araujo Freire
Hiroshi Ymamoto
SIGILOSO
8 participantes

Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por SIGILOSO Qui 16 Set 2010, 10:26



Pipolho: Raios... agora você fica aí se achando só porque virou colaborador, né?
SIGI: Nada disso.... não curti muito esse azul no meu nick...
Pipolho: anh!


Hello gente boa! Seguindo a dica do amigo Fuzenrad, os SIGI-TUTOS a partir de agora, não serão mais escritos com abreviações de internet, tornando-se algo mais agradável de se ler! =D
Muito bem, neste tuto, irei dar dicas para criar sprites grandes, sem que fiquem aqueles detalhes de pixels ampliados, o que deixam a sprite mais feia, utilizando para isso, o editor de imagens do GM8! =D

Nome: FAZENDO SPRITES GRANDES!!
Descrição: Dicas para desenhar sprites grandes com qualidade, no editor de imagens do GM8.
Nível de dificuldade: Iniciante/mediano
Requerimentos: GM8 PRO, e muita, MUITA paciência.... u.u

COMO COMEÇAMOS, SIGI??

Antes de começar, devo lembrar que para criar sprites grandes sem perder qualidade, você poderá usar outras ferramentas que permitem isso, no caso, utilizar vetores. Mas, como muita gente tem medo dessa palavra, podem usar uma "técnica" que eu venho usando a algum tempo. Com certeza alguém a utiliza também, mas mesmo assim, eu a batizei de traços imaginários.

Lembrando que essa técnica não faz milagres, não espere facilidade para criar aquele monstro gigante que ocupa toda a tela do jogo!!

Sim, imaginários! Essa técnica poderá ajudar você a criar sprites com formatos e detalhes que ficam difícies de se fazer na pixel art quando são maiores que o normal. Sem mais lero-lero, vou ensinar a utilizar essa técnica, com um exemplo bem fácil. Happy
(não sei se esse "fantasma" já existe, mas enfim...)
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 4ac8ac15ab
Reparem que essa sprite, mesmo sendo grande, não perde a qualidade, e não está torta!
Nesse exemplo, usamos apenas duas cores, para sprites mais coloridas e com sombreamento, ou o resultado não sai tão bom, ou a coisa piora muito...

E agora vou mostrar aos meus camaradas, como diabos eu cheguei e esse resultado!

== LEMBRANÇAS DO SIGILOSO ==

Tudo começou quando eu, um pequeno e frágil mortal, ganhei meu primeiro videogame, um Master system III. Quando eu consegui fechar o Sonic 1, fiquei tão feliz, que pensei:
"Daqui a 13 anos, irei criar uma sprite de um fantasma, bem grandona!"
E 13 anos se passaram... Então, eu comecei a pensar...
"Como é um fantasma??"
E naquele momento, visualizei em minha mente limitada, como seria a sprite. Abri o editor de imagens do GM8 e criei uma nova sprite, de 577x579 pixels. Mas como ela ficaria muito grande, seria um cão chupando laranjas pra fazer apenas traços com o mouse... Mas percebi que, já que ele teria um formato arredondado, eu teria que usar a ferramenta para desenhar círculos!
Para isso, selecionei a ferramenta círculo, sem opacidade. Me lembro de como eu havia deixado as opções.
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 84205611da
Arriscando em algumas tentativas e tendo como base a sprite em minha mente, comecei a desenhar os círculos em diferentes tamanhos e posições que formariam o corpo do ghost. Mas cheguei a uma situação que parecia impossível de se resolver:
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 16c6dbc7bf
"Ora essa!!", pensei de imediato. Não tenho como fazer essa sprite, pois as linhas irão se misturar!! "*$%&$**!!!", gritei naquele momento.
Mas então, percebi mais uma coisa. Eu estava certo! O homem realmente nunca havia pisado na lua! Minutos depois, acabei notando que, no meio daqueles círculos, era possível sim desenhar meu fantasma. Comecei a imaginar os traços.
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 7fe79fb210
Isso! Aí estava meu fantasma! Eu tinha apenas que apagar as linhas que não fariam parte da sprite! Comecei rapidamente a deletar os traços que sujavam o desenho. Me lembro bem do tormento que foi essa parte. Mas, depois de inúmeras tentativas, consegui, me sobrando apenas o contorno de meu amigo penado.
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 7d6234e9e6


Pipolho: Ooh.... que história mais bonita....
SIGI: Hey!! Saia da minha cabeça!!


Enfim, colori meu fantasma de branco, quando havia chegado a hora de meu fantasma ganhar seu rosto nada assustador...
Novamente com meu editor de círculos, comecei a desenhar seus olhos e sua boca. Mas oops... novamente eu teria que apagar traços indesejáveis para fazer sua boca.
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Ba097655d5
Mas dessa vez tudo era mais fácil, já que se tratava de apenas um círculo cortado. Rapidamente resolvi isso, colorindo assim seus olhos e sua boca de preto!
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 76b3ba7b37
E depois tudo foi ainda mais fácil, bastava apenas dar um efeito de iluminação na alma perdida!
Selecionei a opção Gradient Fill na aba Image...
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 8682817294
...e depois selecionei as cores do efeito, definindo as opções daquela tela! Laughing
[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! E53c2d8459
Enfim, o gaspar estava pronto. Finalmente, meu trabalho tinha chegado ao fim.


Pipolho: Puxa... você deve ter ficado muito orgulhoso...
SIGI: Não não, achei que ele ficou com cara de idiota e apaguei logo em seguida!
Pipolho:vomito


Utilizando essa técnica é possível fazer grandes sprites, com ainda mais detalhes. Para colorir cada parte separadamente utilizando Gradient FIll, recomendo fazer cada parte separada, e ir colorindo, para depois juntar.


SIGI: Ei Pipolho, o que achou deste tutorial?
Pipolho: Hmmm....Era melhor ir ver o Pelé.....
SIGI: PIADINHAS DE CHAVES PRA CIMA DE MIM NÃO!!!


Até a próxima!!
afro
SIGILOSO
SIGILOSO

Games Ranking : Nota A

Notas recebidas : A+A+A+A+A+A+A
Data de inscrição : 06/06/2009
Reputação : 39
Número de Mensagens : 2267
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 2 Moedas x 0

Ouro x 4 Prata x 2 Bronze x 1

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Hiroshi Ymamoto Qui 16 Set 2010, 10:34

Parabéns!
O seu tutorial está muito bem explicado, apesar de simples, facilitará a vida de quem fica fazendo personagens que são arredondados com outras ferramentas, como o lápis por exemplo, o que deixa o desenho ou poko torto.
Hiroshi Ymamoto
Hiroshi Ymamoto

Data de inscrição : 14/09/2010
Reputação : 0
Número de Mensagens : 257
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

http://breve...

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Natan Kawan Araujo Freire Qui 16 Set 2010, 10:43

gosto de seus tuturiais eles são engraçados e encinam ao mesmo tempo
essa tecnica eu ja usava estou fazendo iso num projeto que tenho que virar e revirar uma eespada ai eu contono da cor certa e depois tiro os borroes e fica perfeito sem nenhum pixel queimado What a Face
Natan Kawan Araujo Freire
Natan Kawan Araujo Freire

Data de inscrição : 23/08/2010
Reputação : 0
Número de Mensagens : 289
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Kabeção Qui 16 Set 2010, 11:18

É bem fácil mesmo, até fiz um no editor do GM também:

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 67622793

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 79827357

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! 20507628

As mãos ficaram bem estranhas. xD
Kabeção
Kabeção

Games Ranking : Sem avaliações

Data de inscrição : 08/06/2008
Reputação : 100
Número de Mensagens : 2314
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 7 Moedas x 0

Ouro x 3 Prata x 0 Bronze x 1

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

http://blackcapapps.blogspot.com.br/

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Natan Kawan Araujo Freire Qui 16 Set 2010, 11:28

esses fantass estão cada fez mais estranho "animados"
Natan Kawan Araujo Freire
Natan Kawan Araujo Freire

Data de inscrição : 23/08/2010
Reputação : 0
Número de Mensagens : 289
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por GuiEdu Qui 16 Set 2010, 12:28

\o/ tá até inventando técnica shusashauhsau, como diria meu vovozinho:
Voce é zica msm, hein?...
Grande dica hein cara, isto inspira as pessoas a não "importarem" recursos de outros lugares, como tem sido discutido em outro tópico... mas produzirem os seus proprios =D
Congratulations Exclamation
GuiEdu
GuiEdu

Data de inscrição : 04/06/2010
Reputação : 0
Número de Mensagens : 505
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por vinians Qui 16 Set 2010, 14:02

Very good SIGI! Geralmente as coisas mais fantasticas estão nas mais simples! Vai ajudar muita gente!
vinians
vinians

Games Ranking : Nota B

Notas recebidas : B-C-A-C
Data de inscrição : 18/09/2008
Reputação : 90
Número de Mensagens : 2715
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 1 Moedas x 0

Ouro x 0 Prata x 2 Bronze x 1

Insignia 1 x 0 Insignia 2 x 1 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Game Maker Studio 1.4
  • Game Maker Studio 2.0
  • Construct 2
  • Java
  • C#
  • Javascript
  • C ou C++
  • Outros


https://vinians.itch.io

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por correiajoao Qui 16 Set 2010, 14:55

como o vinians disse, coisas que parecem dificeis, são muito faceis de criar!!
correiajoao
correiajoao

Data de inscrição : 05/06/2010
Reputação : 0
Número de Mensagens : 353
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por SIGILOSO Qui 16 Set 2010, 20:11

Obrigado pelos coments galera! =D
Hey Kabeção, ficou batuta seu fantasma! Gostei msm!
Concordo com vc Vinians, na simplicidade estão as coisas mais elaboradas e belas! Basta ter um pouco de criatividade para achar formas alternativas de se fazer um trabalho bonito Happy
afro
SIGILOSO
SIGILOSO

Games Ranking : Nota A

Notas recebidas : A+A+A+A+A+A+A
Data de inscrição : 06/06/2009
Reputação : 39
Número de Mensagens : 2267
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 2 Moedas x 0

Ouro x 4 Prata x 2 Bronze x 1

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Telek Sex 21 Jan 2011, 06:34

Ótimo tuto Sigi Happy

e...
SIGILOSO escreveu:
...Concordo com vc Vinians...
O nome dele não é vinians Exclamation é correiajoao
Telek
Telek

Data de inscrição : 16/01/2011
Reputação : 0
Número de Mensagens : 9
Prêmios : [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

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

Ir para o topo Ir para baixo

[ SIGI-TUTO ] FAZENDO SPRITES GRANDES!! Empty Re: [ SIGI-TUTO ] FAZENDO SPRITES GRANDES!!

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos