Ir para


Criando Gifs Animados No Fighter Factory


9 replies to this topic

#1 BurnDinorex

    Você tem cheiro de pipoca

  • Members
  • 413 Posts:
  • Gender:Male
  • Interests:grilled food

Postou 17 dezembro 2009 - 03:50

A maioria de nós mugenicos ao entrarmos pru mforum querem "ah, eu quero ter um avatar/sign original" pois bem, quem sabe editar logo faz uma imagem cabulosa de si mesmo , os outros ( eu e mais um monte ficamos chupando dedo ) pois "seus probremias se terminaran-se" vou ensinar a fazer uma gif do zero pelo paint e o fighter factory, chega de b$sta e vamos inciar essa bagaça logo.

unsure.gif <- você = "eu não sei por onde começar"

Bem a primeira coisa é ter em mãos uma sprite sheet ( é "siit" não "shit" ) no caso peguei a minha no site spriters resource, procure a sua sprite sheet na net e vamos ao proximo passo:
http://img97.imageshack.us/img97/9346/tuto1d.png

yes.gif "já achei minha sheet"

Good, no meu caso peguei uma sheet do kirby :
http://img189.imageshack.us/img189/8276/tuto2m.png

3 - bom agora abra o paint ( o Rly? ) e deixe do tamanho que se a de lhe ser util

http://img130.imageshack.us/img130/3512/tuto3t.png

4 - abra outro paint , a aba sua sheet:
http://img24.imageshack.us/img24/1839/tuto4ql.png

5- comece selecionando a primeira imagem do seu gif e aperte o botão direito do mouse e clic em "copiar".
http://img683.imageshack.us/img683/4963/tuto5t.png

6 - agora no outro paint cole a imgaem que você recortou, "aaak, ele não funcionou a opção colar wacko.gif!!"
Bem, se o paint em branco tiver a opção colar não funcionado voce pode fazer a opcão "colar de" e pegue uma imagem, qualquer imagem e recorte um pedaço dela, em seguida va em "imagem - limpar imagem" acho que agora funciona...
http://img22.imageshack.us/img22/8784/tuto7p.png

7 - "fico estranho Burn, esse branco em volta..."
ah, mais isso é fácil de resolver não? faça isso pegue a ferramenta "selecionar cor" e selecione a cor em volta da imagem, no meu caso o verdão, depois e so pegar a ferramenta "balde de tinta" e preencha a parte em branco em volta.
http://img22.imageshack.us/img22/2342/tuto6j.png

8- Apartir daqui voce já salva sua imagem, não se estresse se ficar desalinhado, você consertara isso mais tarde, só lembrando AS IMAGENS DEVEM SER SALVAS EM FORMATO BITMAP e pra facilitar voce pode salva-las em ordem tipo move1 e move 2 e move 3... vá salvando as imagens da sua gif em ordem ate terminar o seu movimento...
http://img24.imageshack.us/img24/2216/tuto8r.png

9- "aff até que enfim acabei dry.gif" já se cansou? ainda temos muita coisa pra fazer nem tanta assim.
http://img189.imageshack.us/img189/9435/tuto9.png

10- abra o FF e em seguida vá em "templates" e em "elecbyte player"
"pra que?" simples, ela ajuda a organizar as imagens no futuro, faz o que eu digo e para de zica...
http://img691.imageshack.us/img691/1381/tuto10.png

11- ok agora vá em "salvar"
http://img683.imageshack.us/img683/5782/tuto11.png

cuidado!! e obrigatório voce salvar esse arquivo sff e o do air! o da animacao da sua gif.

12 - agora va no editor de paletas
http://img94.imageshack.us/img94/4913/tuto12.png

13 - e aqui que temos de tomar cuidado
http://img130.imageshack.us/img130/6893/tuto13.png

14 - tá é bom que ja tenha decorado onde salvou suas imagens, clic em "abrir imagem"
http://img683.imageshack.us/img683/5678/tuto14.png

15- clic na setinha de baixo e ponha windows bitmap pro FF localizar as imagens em bitmap que voce salvou
http://img24.imageshack.us/img24/2637/tuto15.png

16- selecione uma imagem que tenha praticamente todas as cores das outras imagens e clic em abrir
http://img683.imageshack.us/img683/3831/tuto16.png

17- então é a hora da verdade, clic em "otimizar paleta" para que o FF localize as cores da imagem agora se aparecer uma imagem de erro , encha seus pulmoes e diga um grande e sonoro FFFUUUUUUUUUUU!!!!, pois voce tera que fazer todo o processo do FF denovo desde selecionar a imagem até agora.
http://img683.imageshack.us/img683/4083/tuto17.png

18- então selecione a cor de fundo que vai ficar transparente com o botão esquerdo do mouse, e selecione a ultima cor da paleta esquerda, e clic em "transferir cor"
http://img22.imageshack.us/img22/6893/tuto18q.png

19- agora selecione a primeira cor segurando shift de clic na ultima, agora todas as cores estão selecionadasso lembre de des-selecionar a cor que ficou como a cor de fundo.
http://img130.imageshack.us/i/tuto19.png

20- agora na paleta esquerda selecione os "espaços vazios" ( slots ) necessarios para que todas as cores de sua paleta direita se encaixem na paleta esquerda.
http://img24.imageshack.us/i/tuto20.png

21- com as cores transferidas basta salvar a sua paleta
http://img22.imageshack.us/img22/3579/tuto21.png

22 - agora você salva sua paleta de cores
http://img683.imageshack.us/img683/5499/tuto22.png

23- com a paleta salva você seleciona a opção "usar mesmo nome das imagens" e em seguida "adicionar"
http://img24.imageshack.us/img24/8646/tuto23.png

24- pega as imagens que voce recortou e salvou lembrando que o FF pode ta configurado pra localizar imagens em .pcx por isso mude na setinha la embaixo para o opção windows bitmap.
http://img24.imageshack.us/img24/818/tuto24.png

25- as imagens apareceram na lista a esquerda, clic em "inserir paleta nas imagens" e selecione a pasta que voce ira salvar suas imagens e salve como "0" (zero)

26- "ai,ai,ai ta demorando muito sleep.gif" calma santa, já tamos na ultima parte.
lembra da paleta que voce salvou? pois iremos usa-la agora...
agora veja esse menu:
feche as paletas e abra a sua, selecione aplicar paleta automaticamente
http://img97.imageshack.us/img97/1558/tuto26.png
http://img691.imageshack.us/img691/263/tuto27.png

27- agora vamos no menu spriters e clic em adicionar
http://img24.imageshack.us/img24/9177/tuto28.png

28- agora selecione as imagens em que voce aplicou a paleta e faça assim , marque "centro-base", "paleta-compartilhada" e "cortar- automaticamente", ponha o grupo como 0, imagem 0 e clic em "ok".
http://img97.imageshack.us/img97/557/tuto29.png

29- seus sprites apareceram no painel "sprites"
http://img189.imageshack.us/img189/7589/tuto30.png

se aparecer uma mensagem "esse sprite não pode ser localizado" significa que algum sprite acabou não sendo adicionado, localize qual é o adicione novamente, mas desse jeito : se suas imagem tem 8 imagens quando for adiciona-la novamente, voce ira alterar seu valor no sff, assim: clic em adicionar embaixo do box "grupo" tera o box "imagem" se suas imagens são 8, mude o valor da imagem para 9.

30 - chegamos a etapa final.
Dê uma olhada em como ficou suas imagens, se perceber que ficou desalinhado basta ir em "exibir" e depois em "linhas-guia" com elas ficaram mais facil voce alinhar as imagens.
http://img22.imageshack.us/img22/9236/tuto31.png
http://img24.imageshack.us/img24/1555/tuto32.png

31- depois va no painel air de animações
http://img130.imageshack.us/img130/9163/tuto33.png

32- após isso va no painel abaixo e selecione as imagens 0 , que foi as que você salvou, selecione-as e selecione a seta azul e clic em "adicionar grupo ao Air"
http://img97.imageshack.us/img97/2049/tuto34.png

33- após isso suas imagens já estão formando uma pequena animação, você percebera que a primeira imagens está em branco... apagea usando o botão "negativo verde" do painel air , depois basta voce arrumar a velocidade da animação usando "tempo" colocando os valores certos sua animação ficara bem fluida.
lembrando: cada parte da animação tera um valor de tempo, por isso configure o tempo em cada parte da animação
http://img94.imageshack.us/img94/6877/tuto35.png

34- agora o ultimo passo, no painel acima voce vera um cacto, clic nele.
http://img101.imageshack.us/img101/8470/tuto36.png
após isso basta ver a velocidade que lhe caia melhor e por fim clic em salvar e de um nome pra sua animação e pasta onde voce ira salva-la. Acabou

Agradeça (ou culpe ) ao Jumbopaulo por ter me pedido esse tutorial.

se tiver alguma coisa errada basta me contatar aqui.

valeu cambada.

edit: oh sim se querem ver minha gif ela tá aqui:

"go for Battle bitch!!"

GAVETINHA DE MEDALHAS DO BURN:

#2 Jumbopaulo

    Eu estou no seu armário. Agora.

  • Download Machine
  • 1.589 Posts:
  • Gender:Male
  • Location:Fortaleza, que beleza

Postou 17 dezembro 2009 - 04:23

uhuhu, tá aí, rapaz, gostei xd.gif
fez rápido né?
só dah uma organizada das imagens do tuto a partir do passo 27, q deu uma embaralhada legal xd.gif
vlw mano!

#3 BurnDinorex

    Você tem cheiro de pipoca

  • Members
  • 413 Posts:
  • Gender:Male
  • Interests:grilled food

Postou 17 dezembro 2009 - 04:35

as imagens 28, 30 e 31 ficaram fora do lugar mesmo, mas não chega a complicar o processo da montagem do gif. xd.gif
GAVETINHA DE MEDALHAS DO BURN:

#4 Jumbopaulo

    Eu estou no seu armário. Agora.

  • Download Machine
  • 1.589 Posts:
  • Gender:Male
  • Location:Fortaleza, que beleza

Postou 17 dezembro 2009 - 04:37

blz... tou indo criar meu gif agora, se algo der errado eu te culpo xd.gif

#5 Jumbopaulo

    Eu estou no seu armário. Agora.

  • Download Machine
  • 1.589 Posts:
  • Gender:Male
  • Location:Fortaleza, que beleza

Postou 17 dezembro 2009 - 05:12

Imagem anexa: striderbyme.gif
ah muleque, deu certo post-513-1167229629.gif
(double post desnecessário xd.gif )

#6 BurnDinorex

    Você tem cheiro de pipoca

  • Members
  • 413 Posts:
  • Gender:Male
  • Interests:grilled food

Postou 17 dezembro 2009 - 05:16

QUOTE
ah muleque, deu certo


GAVETINHA DE MEDALHAS DO BURN:

#7 Godita

    Superávit

  • Members
  • 900 Posts:
  • Gender:Male

Postou 17 dezembro 2009 - 05:17

Uma observação que fiz é: se você recorta as imagens bem rente, corta elas com Fighter Factory ao adicionar no painel .sff ou usa a ferramenta "Cortar" ou "Cortar todas as imagens" as gifs
ficará cortada uma ou duas linhas cortadas na gif, mas também imagem cortada é bem mais fácil
para alinhar. tongue.gif

Ótimo tutorial BurnDinoex smile.gif, mas seria melhor se você o tutorial no WordPad ou em um editor de
texto avançado, assim ficaria mais fácil e não precisaria ficar abrindo imagens e já guada no PC
quando esta sem internet. tongue.gif

#8 BurnDinorex

    Você tem cheiro de pipoca

  • Members
  • 413 Posts:
  • Gender:Male
  • Interests:grilled food

Postou 17 dezembro 2009 - 05:22

Tentei fazer isso só que a PDM não deixou eu por as imagens do images hack diretamente. Apareceu um mensagem "você não tem permissão para blablabla..."
GAVETINHA DE MEDALHAS DO BURN:

#9 mabskmk

    Spam

  • Administradores
  • 4.069 Posts:
  • Gender:Male
  • Location:Innsmouth - MA
  • Interests:$$$ e meter o bedelho no perfil dos outros

Postou 17 dezembro 2009 - 06:06

Bom tuto mas quando você cria o gif e tenta editar em outro programa da um certo bug que aparecem todos os frames um por cima do outro. Comofas para consertar isso?

#10 BurnDinorex

    Você tem cheiro de pipoca

  • Members
  • 413 Posts:
  • Gender:Male
  • Interests:grilled food

Postou 17 dezembro 2009 - 06:20

Isso é um bug estranho que me encheu muito a paciencia, gifs são dificeis de serem editadas por que essa imagem e como um "monte-em-um-só" se voce altera alguma coisa acaba afetando tudo.
GAVETINHA DE MEDALHAS DO BURN:





1 usuário(s) está(ão) lendo este tópico

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)