Jump to content

[GUIDE] Spriting 101: Creating A Sprite and Act File


Recommended Posts


  • Group:  Members
  • Topic Count:  3
  • Topics Per Day:  0.00
  • Content Count:  20
  • Reputation:   2
  • Joined:  06/21/14
  • Last Seen:  

I wanted to make an custom headgear sprite. The first three frames converted perfectly in 256bmp, but the last two always save in 16bmp instead of 256... 

I'm using GIMP, does someone have a solution? :c

Link to comment
Share on other sites

  • 1 year later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  11/16/16
  • Last Seen:  

I`m new here in Rathena so i`m going to try this guide to make a sprite .. BTw thank you for the guide.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  1
  • Topics Per Day:  0.00
  • Content Count:  1
  • Reputation:   0
  • Joined:  12/09/16
  • Last Seen:  

Is there any more info on .PAL files?

Link to comment
Share on other sites

  • 2 weeks later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  12/23/16
  • Last Seen:  

thanks for your guide! :)

Link to comment
Share on other sites

  • 2 months later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  02/09/17
  • Last Seen:  

Is the id in the ACCESID.lua a fixed one or its up to you on what ID number you put on it??

sorry im a newbie in this field...

Link to comment
Share on other sites

  • 1 year later...

  • Group:  Members
  • Topic Count:  1
  • Topics Per Day:  0.00
  • Content Count:  9
  • Reputation:   2
  • Joined:  06/24/18
  • Last Seen:  

On 7/6/2015 at 3:04 PM, Berry said:

I wanted to make an custom headgear sprite. The first three frames converted perfectly in 256bmp, but the last two always save in 16bmp instead of 256... 

I'm using GIMP, does someone have a solution? :c

I know this post is very old and I hope anyone needs a solution for this:

Step by step guide:

  1. Import a bmp sprite file into GIMP
  2. Save as PNG (Not sure if anything else will work, but this is the way it works for sure)
  3. Import the PNG to Photoshop (I think you can use the free one that's 10 years old)
  4. Now if Image->Mode->Indexed Color is checked, leave it like it is (Don't change anything)
  5. File->Save As->BMP
  6. Use SPR Conview BMP->SPR
Link to comment
Share on other sites

  • 1 month later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  08/22/18
  • Last Seen:  

Hi im spriting hair/head.  whenever i open the spr file on Actor, the bmp images do show on the bottom list, yet does not show on black view screen.  it does not show the horizontal and vertical red lines either.  can anyone help? 

Also when spriting hair, is 24 colors max?

 

thank you in advance!

Link to comment
Share on other sites

  • 4 weeks later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  2
  • Reputation:   0
  • Joined:  07/29/17
  • Last Seen:  

nice guide, thank you!

Link to comment
Share on other sites

  • 2 years later...

  • Group:  Members
  • Topic Count:  14
  • Topics Per Day:  0.01
  • Content Count:  134
  • Reputation:   115
  • Joined:  10/20/17
  • Last Seen:  

Thank you so much for this guide /lv
I'm going to try this soon/pif

Link to comment
Share on other sites

  • 3 years later...

  • Group:  Members
  • Topic Count:  0
  • Topics Per Day:  0
  • Content Count:  1
  • Reputation:   0
  • Joined:  05/12/24
  • Last Seen:  

On 4/16/2012 at 12:08 PM, sizenine said:

A seguir está um guia que minha amiga, Vi, criou principalmente para os jogadores do meu antigo servidor durante seus primeiros dias de spriting. Ela não está mais ativa na cena de RO e meu antigo servidor não está mais ativo, então eu só pensei que seria um grande desperdício não compartilhar isso com a comunidade. Ao passar esse conhecimento para aqueles que estão interessados em aprender o básico de spriting, espero que mais artistas talentosos surjam nesta comunidade e mais trabalhos profissionais possam ser vistos. Por favor, abstenha-se de rasgar imagens deste guia e dê a Vi créditos completos se você decidir repostar isso em outro lugar.

p.s. Estou apenas compartilhando essas informações, portanto, nenhum apoio pode ser dado por mim sobre este guia, então por favor, não me faça perguntas. ^^

--------------------------------------------

Olá!

Neste guia, abordarei o ponto após o qual você completou seus quadros e deseja fazer a transição de seus quadros .bmp em arquivos viáveis para o Ragnarok Online. Esta é talvez a parte mais cansativa da criação de trabalho personalizado para RO. Eu não sou de forma alguma um especialista (eu sou simplesmente um novato, ainda sempre aprendendo) e simplesmente escrever isso para ajudar qualquer um que deseja sprite. Este é dedicado smexy Lexy. ^_^

Antes de começar, você precisará destes programas:

  • Qualquer software de edição de imagem, eu pessoalmente uso o Photoshop para fazer a arte.
  • actOR para editar seus arquivos .act.
  • SPRconview para converter seus arquivos .bmp para arquivos .spr e vice-versa.

 

Você pode obter actOR e SPRConview na página de ferramentas de RO do ratemyserver aqui.

Coisas a saber

Neste ponto, você deve ter a arte para o seu capacete feito. Isto é o que vou usar como exemplo para este guia, Lady's Sailor Hat:

2.gif

Dependendo do seu chapéu, você pode ter de um a quinze quadros (se este não for um capacete animado). Geralmente, coisas como "GF Wanted", "Notice Board", etc. chapéus têm uma moldura. Os chapéus geralmente têm cinco + quadros. Chapéus com cinco molduras geralmente só têm trabalho de arte feito para os cinco primeiros ângulos do chapéu, enquanto aqueles com quinze quadros têm arte feita para todas as poses/ângulos. O Chapéu de Marinheiro da Senhora tem quinze quadros.

O que determina quantos quadros você tem é o .act que você escolhe para trabalhar para o seu capacete. Eu não sei como criar um .act do zero, eu normalmente escolho um capacete mais próximo / mais parecido com o chapéu que eu fiz.

O arquivo .act contém as informações de posicionamento para seu capacete, ele faz referência ao arquivo .spr para as imagens. O que faz o arquivo .spr? O arquivo .spr contém todas as informações visuais para o seu capacete. Os arquivos .act e .spr funcionam lado a lado. Vamos começar.

criando seu arquivo .spr.

Hora de fatiar seu trabalho artístico original em seus quadros individuais. Certifique-se de que todas as armações do seu capacete estão no tamanho correto. Se o tamanho escolhido for muito grande, você encontrará problemas ao criar o arquivo .spr. Ele fará coisas como distorcer ou se repetir no quadro.

Portanto, fatie sua obra de arte. Eu escolhi o tamanho 31 x 31 para o Chapéu de Marinheiro da Senhora.

Você precisa salvar cada um dos arquivos de quadro como um .bmp indexado. No Photoshop, você deve ir para Modo > Imagem > Cor indexada... Ele pedirá que você achate camadas, clique em OK. Esta janela irá aparecer:

3.gif

Agora você quer ir para o menu suspenso onde diz "Exato" e selecione Personalizado. (Certifique-se de que, antes de selecionar Personalizado, o menu suspenso já esteja definido como Exato. Caso contrário, selecione Exato e vá para Personalizado.) Uma segunda janela irá aparecer e você verá todas as cores usadas em seu capacete. Esta etapa é crítica, ou então seu capacete aparecerá com cores loucas quando você convertê-lo em SPRConview.

Agora, você tem que denotar qual cor vai ser transparente. Nesta segunda janela, que é chamada de Tabela de cores, a primeira caixa é a cor que diz ao arquivo .spr o que tornar transparente. Eu escolhi essa cor verde menta.

4.gif

Então, clique na primeira caixa e o seletor de cores aparecerá. Basta clicar na cor de fundo. Agora você quer salvar sua Tabela de Cores. Clique em salvar no lado direito da tabela de cores. Este também é realmente um arquivo .act, mas não se confunda! Isso é diferente do seu arquivo para ser usado com RO. Salvei meu arquivo de paleta como "palette_ladyssailorhat.act". Agora que você tem todas as informações de cor feitas, salve seu arquivo. Salve-o como um arquivo .bmp de 8 bits.

  • Convenção de nomenclatura No Ragnarok Online, cada gênero tem seu próprio conjunto de arquivos SPR/ACT. Se você vasculhar os arquivos sprite em sua pasta de dados, notará ¿ © e ³² como um sufixo para seus nomes de arquivo. © ¿ denota feminino, enquanto ³² denota masculino. Geralmente, eu salvo meus arquivos como suffix_headgearname00xx.bmp.

 

Então, continue salvando seus quadros. Lembre-se de verificar se a paleta de cores do seu capacete está carregada em cada quadro. Você pode carregar sua paleta de cores indo para o menu suspenso "Personalizado" e clicando em "Carregar..." no lado direito para selecionar o arquivo de paleta.

Depois de terminar, sua pasta deve ter a seguinte aparência:

5.gif

Agora entre na sua pasta de dados de sprite e escolha um capacete que você sinta que esteja mais próximo do capacete em que você está trabalhando. Para o Chapéu de Marinheiro da Senhora, escolhi o Orgulho do Pirata. Portanto, copie e cole os arquivos .act/.spr do capacete na pasta do capacete em que você está trabalhando.

Agora abra o SPRconview. Agora vá para Converter > Bmp para Spr. Você receberá outra janela pop-up. Adicione todas as molduras do seu capacete e certifique-se de que estão em ordem numérica. Abaixo de onde diz Sprite, pressione Procurar e navegue até onde você salvou o arquivo .spr do capacete que você escolheu. Lembre-se, eu escolhi o Orgulho do Pirata. Depois de fazer isso, clique em Converter. Feito com seu arquivo .spr!

6.jpg

Quando você fizer isso, o SPRconview substituirá as imagens do capacete original pelas que você fez. Abra o arquivo .spr e verifique se está tudo bem. Percorra-o e certifique-se de que as cores também não estão todas apagadas, bem como a transparência.

7.gif

É isso para o seu arquivo .spr.

Hora de editar seu arquivo .act

Agora volte para sua pasta e abra o arquivo .act que você copiou e colou para seu capacete com actOR.

8.jpg

Na maioria das vezes, quando você abre seu .act pela primeira vez, você pode receber uma mensagem dizendo que a largura e a altura não estão corretas. Basta clicar em Sim e continuar. Agora você deve ver o seguinte:

9.jpg

Agora olhe para a direita. Em referência, marque a caixa ao lado de "cabeça". Você vai ver que a cabeça aparece, mas o chapéu está atrás da cabeça! Então olhe para a esquerda, onde diz "Alterar prioridade ref. spr..." Uma janela aparece. Debaixo da "cabeça" bateu na bolha para trás. O chapéu agora está na frente da cabeça. Olhar:

10.jpg

Você pode alterar a cabeça de referência sempre que quiser, substituindo os arquivos ref_head act/spr no local onde instalou o actOR. Basta substituir esses arquivos.

Agora, temos que editar o arquivo .act. Mas primeiro, aqui está um diagrama rápido explicando os fundamentos do actOR.

11.jpg


  • 01 ação Refere-se a cada um dos atos que correspondem a uma ação em Ragnarok. No menu suspenso, são 13 atos, indo de 0 a 12. O ato 00 é o ato para ficar em pé, o ato 01 é para andar, o ato 02 é para sentar, etc. Você tem que verificar cada ato e cada direção para se certificar de que o chapéu fica na cabeça corretamente. É daí que vem a maior parte da mão de obra.
    02 direção clicando através deste rola através de todos os ângulos da cabeça e chapéu.
    03 barra de rolagem para cada pose/ângulo, existem vários quadros. Esta barra de rolagem percorre todos eles. Você deve verificar tudo isso para se certificar de que o chapéu fica na cabeça corretamente.
    04 referência é simplesmente onde você liga e desliga a cabeça e o corpo de referência através das caixas, x está ligado e uma caixa em branco está desligada.05
    x offs esta é a coordenada x do capacete. Você pode editar esse valor clicando e arrastando o capacete à mão ou tocando duas vezes no valor em Xoffs com um determinado tempo para alterá-lo numericamente.
    06 y offs esta é a coordenada do capacete. Você pode editar esse valor clicando e arrastando o capacete à mão ou tocando duas vezes no valor em Yoffs com um determinado tempo para alterá-lo numericamente.
    07 EXT refere-se simplesmente ao sprite de cabeça/penteado de referência.
    08 x offs esta é a coordenada x da cabeça. Você pode editar esse valor clicando e arrastando o capacete à mão ou tocando duas vezes no valor em Xoffs com um determinado tempo para alterá-lo numericamente.
    09 y offs esta é a coordenada y da cabeça. Você pode editar esse valor clicando e arrastando o capacete à mão ou tocando duas vezes no valor em Xoffs com um determinado tempo para alterá-lo numericamente.

 

Isso é basicamente tudo o que você precisa saber de actOR para fazer o trabalho. Pessoalmente, não sei o que tudo o resto faz!

Agora você deve passar por todos os ângulos e quadros do .act para garantir que o chapéu fique corretamente na cabeça do personagem. Quando terminar, basta salvar seu arquivo.

E pronto! Agora você tem o arquivo .act e .spr do seu capacete.

A pasta de dados

12.jpg


  • 1 Sprite Esta pasta principal é onde seus sprites residem. sob esta pasta é duas outras pastas.
  • a. 3/4ÆÀÌÅÛ contém o .spr/.act da miniatura do seu capacete.
  • b. 3/4Ç1/41/4»Ç ̧® onde residem os seus capacetes. Abaixo desta pasta estão duas outras pastas.
  • c. ¿ © a pasta feminina
  • d. ³² A Pasta
    Masculina 2 Textura Esta pasta principal é onde residem suas .bmp imagens para seus itens. sob esta pasta é duas outras pastas.
  • a. À ̄ÀúÀÎÅÍÆäÀÌ1/2º esta pasta contém duas outras pastas sob ela.
  • B. Collection É onde a arte do seu capacete reside como uma imagem de bitmap de 75 x 100.
  • c. item é onde reside a .bmp miniatura da sua imagem; A imagem é a mesma que a miniatura .spr do seu capacete e tem 24 x 24 de tamanho.

 

anotações

Eu geralmente trabalho com os arquivos .act/.spr femininos primeiro. Depois, eu simplesmente copio e colo esses arquivos na pasta masculina e cole, depois, eu os renomeio. Muitas vezes, o .act feminino não será suficiente para o .act masculino, já que os penteados masculinos tendem a ser menores que os femininos. Você terá que voltar e editar o arquivo .act masculino depois de copiar e colar.

A maneira como você posiciona seu capacete pode não funcionar em todos os penteados também. Você quer escolher uma posição que possa ser viável na maioria dos penteados.

Muito Obrigado! Tive esse problema das cores serem distorcidas e depois que segui esse tutorial, deu tudo certo!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...