- As notas personalizadas do Project Afternight usam recursos de imagem para visuais de julgamento, números e indicadores extras.
- Prepare PNGs transparentes a partir do template fornecido antes de enviar cada recurso.
- Envie os decals pelo Roblox Creations e copie o ID de cada recurso de imagem.
- Aplique os IDs com cuidado nas configurações de julgamento do jogo para que cada visual aponte para o arquivo correto.
- Use texto adequado para pixel art e teste a legibilidade antes de finalizar seu conjunto de avaliações personalizadas.
Explicando as notas personalizadas do Project Afternight
Project Afternight é um jogo de Roblox baseado em Friday Night Funkin’ com uma grande coleção de conteúdo de mods, cosméticos desbloqueáveis, noteskins, notesplashes, ícones e outros recursos visuais. Neste contexto, notas personalizadas do Project Afternight se referem ao fluxo de personalização visual usado para avaliações personalizadas, números personalizados e elementos extras de julgamento, e não a uma nova chart de gameplay ou a um pacote de notas para download.
A configuração é baseada em recursos. Você cria ou edita arquivos de imagem, salva-os como PNGs transparentes, envia-os como decals do Roblox, copia os IDs de imagem resultantes e insere esses IDs nas configurações de julgamento apropriadas. O fluxo básico de avaliações personalizadas descrito pelo tutorial disponível não exige o Roblox Studio.
Avaliações personalizadas
Crie imagens de julgamento substitutas para o feedback visual exibido quando as notas são acertadas. Use textos, desenhos ou imagens, desde que os arquivos finais preservem a transparência.
Números personalizados
Crie os gráficos numéricos usados junto ao feedback das avaliações. Fontes pixeladas, letras temáticas e numerais desenhados de forma simples podem funcionar, desde que permaneçam legíveis.
Indicadores extras
Adicione pequenos visuais de apoio, como um traço ou outros elementos simples. Esses recursos devem combinar com o restante do conjunto em escala e estilo.
Destaques do vídeo:
- O fluxo usa IDs comuns de recursos de imagem do Roblox em vez de um projeto do Roblox Studio.
- Um template pode orientar o posicionamento das avaliações, dos números e dos elementos extras.
- A exportação em PNG transparente ajuda a evitar fundos indesejados ao redor dos gráficos.
- Os IDs de imagem enviados são inseridos pela interface de configurações de julgamento.
O conjunto visual pode ser desenvolvido com praticamente qualquer tema. O tutorial demonstra uma direção inspirada em Minecraft, mas o mesmo método pode ser usado para pixel art, letras manuscritas, designs monocromáticos, motivos de personagens ou um estilo baseado em um mod jogável favorito. A diferença importante é que o tema muda a arte, enquanto o fluxo de envio e aplicação dos IDs permanece basicamente o mesmo.
| Grupo de recursos | Função principal | Foco de design recomendado |
|---|---|---|
| Avaliações | Exibir feedback de julgamento | Silhueta marcante, letras claras, fundo transparente |
| Números | Exibir valores de combo ou acerto | Fonte consistente, espaçamento legível, escala correspondente |
| Extras | Adicionar pequenas marcas de apoio | Formas simples, bordas limpas, consistência visual |
Comece com um tema simples antes de tentar criar gráficos animados ou muito detalhados. Avaliações claras são mais úteis durante músicas rápidas do que artes que ficam difíceis de ler.
Prepare os arquivos de recursos personalizados
Antes de enviar qualquer coisa, organize as artes em arquivos separados e confirme se cada elemento está posicionado corretamente dentro do template. O fluxo de referência usa um pacote de template com guias e pode incluir formatos de imagem ou PSD para diferentes programas de edição.
Você pode trabalhar no Photoshop, em outro editor de imagens ou em uma ferramenta de modelagem e design, como o Blockbench, se ela for adequada ao estilo visual. O editor é menos importante do que o resultado da exportação. Cada imagem final deve ser salva como um PNG com fundo transparente para que o jogo não exiba um retângulo sólido atrás do gráfico personalizado.
Escolha um tema visual
Decida se o conjunto usará pixel art, texto simples, desenhos, capturas de tela ou outro estilo. Mantenha as avaliações, os números e os elementos extras visualmente relacionados para que a interface pareça intencional.
Abra o template
Posicione cada recurso dentro das guias do template fornecido. Use camadas separadas sempre que possível, especialmente para textos, contornos, sombras e remoção do fundo.
Aperfeiçoe o texto e as bordas
Verifique o tamanho da fonte, o espaçamento e a qualidade das bordas na escala usada dentro do jogo. Para fontes pixeladas, desativar o antialiasing pode produzir formas de letras mais nítidas e detalhes pequenos mais limpos.
Exporte PNGs transparentes
Salve cada avaliação, número e recurso extra concluído como um PNG individual. Confirme se a tela possui transparência em vez de um fundo branco ou colorido.
Um sistema de arquivos compacto facilita muito a etapa posterior de envio. Use nomes que identifiquem o recurso e seu estado, como rating-good.png, rating-miss.png ou number-01.png. Os nomes exatos servem apenas para sua organização; o jogo usa os IDs inseridos posteriormente.
| Verificação de preparação | Por que isso importa | Correção se estiver incorreto |
|---|---|---|
| Fundo transparente | Evita retângulos visíveis ao redor dos gráficos | Remova a camada de fundo e exporte novamente |
| Arquivos PNG separados | Facilita a atribuição individual dos IDs | Separe a arte combinada em arquivos diferentes |
| Dimensões consistentes | Mantém o equilíbrio visual da interface | Reposicione ou redimensione os elementos no template |
| Letras legíveis | Ajuda a identificar o feedback durante charts difíceis | Aumente o contraste, o tamanho ou a espessura do contorno |
| Bordas pixeladas nítidas | Preserva o estilo de pixel art pretendido | Desative o antialiasing quando apropriado |
Não dependa apenas da prévia ampliada do editor. Revise as imagens em um tamanho menor e compare o peso visual de cada recurso. Uma avaliação que parece atraente em uma tela grande pode ficar fina demais, apertada ou com pouco contraste quando for exibida durante uma música.
Um fundo não transparente pode fazer um recurso personalizado parecer uma caixa grande dentro do jogo. Inspecione o próprio PNG exportado antes de enviá-lo ao Roblox.
Envie decals e aplique os IDs de imagem
Quando os arquivos PNG estiverem prontos, envie-os pelas ferramentas de criação do Roblox. O fluxo documentado usa a área Roblox Creations, especificamente os itens de desenvolvimento e decals. Depois que um envio for concluído, abra a entrada da imagem e copie seu ID de recurso.
Cada gráfico precisa de sua própria atribuição de ID. Isso inclui cada estado de julgamento, grupo de números e elemento extra. Manter um registro escrito relacionando os nomes dos arquivos aos IDs reduz a chance de colocar um gráfico de “miss” no campo de “good” ou atribuir uma imagem numérica ao campo de um indicador extra.
| Etapa do envio | Ação | Resultado esperado |
|---|---|---|
| 1 | Abra o Roblox Creations | Acesse seus itens de desenvolvimento |
| 2 | Selecione Decals | Inicie o processo de envio da imagem |
| 3 | Envie um PNG | Crie um recurso de imagem a partir do arquivo preparado |
| 4 | Abra a imagem enviada | Visualize os detalhes do recurso |
| 5 | Copie o ID do recurso de imagem | Obtenha o valor necessário nas configurações |
| 6 | Repita para cada arquivo | Monte o conjunto completo de recursos personalizados |
Abra o Roblox Creations
Acesse a área de criação e itens de desenvolvimento conectada à sua conta do Roblox. Selecione o fluxo de decals em vez de tentar importar os arquivos pelo Roblox Studio.
Envie cada PNG
Adicione os arquivos de avaliações, números e elementos extras um de cada vez. Aguarde o processamento completo de cada imagem antes de passar para o próximo arquivo.
Registre os IDs dos recursos
Abra a imagem enviada, use a área de visualização ou detalhes da imagem e copie seu ID de recurso. Relacione-o ao nome do arquivo local em uma anotação ou planilha.
Abra as configurações de julgamento
No Project Afternight, acesse a área de configurações dos julgamentos. Cole o ID correto no campo correspondente.
Teste o conjunto
Aplique todos os IDs, entre em uma música e verifique se as avaliações, os números e os elementos extras aparecem nas posições esperadas.
A lista de IDs deve ser tratada como uma pequena tabela de configuração. Um exemplo útil é mostrado abaixo; substitua as descrições de exemplo pelos IDs reais dos recursos enviados por você.
| Campo de configuração | Arquivo correspondente | Pergunta de verificação |
|---|---|---|
| Estado da avaliação | PNG da avaliação | O julgamento correto aparece após um acerto? |
| Conjunto de números | PNGs dos números | Os dígitos estão claros e alinhados? |
| Elemento extra | PNG do elemento extra | A marca aparece sem cobrir o feedback? |
| Estado alternativo | PNG de avaliação adicional | O visual corresponde ao estado de precisão pretendido? |
A configuração está pronta quando cada campo aponta para a imagem enviada pretendida, todos os arquivos mantêm sua transparência e os visuais permanecem legíveis durante uma música real.
Solução de problemas e dicas de qualidade
A maioria dos problemas com visuais de avaliação personalizados vem da preparação dos arquivos, do mapeamento incorreto dos IDs ou de uma incompatibilidade entre a arte e sua escala de exibição. Resolva os problemas em um recurso por vez, em vez de substituir todo o conjunto imediatamente.
Se um gráfico não aparecer, primeiro confirme se o valor copiado é um ID de recurso de imagem e se foi colado no campo de julgamento correto. Se a imagem aparecer com um fundo, volte ao arquivo de origem e verifique se a camada de fundo estava oculta antes da exportação. Se a arte estiver borrada, revise a resolução da origem e o método de exportação.
Imagem ausente
Verifique novamente o ID de imagem copiado, confirme se o envio foi concluído e certifique-se de que o valor foi inserido na configuração pretendida.
Fundo visível
Remova a camada de fundo, preserve a transparência alfa e exporte o PNG novamente antes de enviar uma substituição.
Texto borrado
Use letras de origem maiores, formas mais limpas e uma escala de exportação adequada. Fontes pixeladas podem se beneficiar do antialiasing desativado.
Visual incorreto
Compare o nome do arquivo local com sua lista de IDs e substitua a configuração incorreta pelo recurso correto.
Use a seguinte ordem de revisão ao aperfeiçoar um conjunto:
- Legibilidade: O julgamento pode ser reconhecido rapidamente durante uma chart intensa?
- Contraste: A arte se destaca contra diferentes fundos de palco?
- Espaçamento: Os números e as avaliações estão separados o suficiente para evitar excesso de elementos?
- Consistência: Os contornos, as sombras e as escolhas de fonte combinam em todo o conjunto?
- Moderação: Os elementos decorativos extras ajudam a interface em vez de cobrir informações?
| Sintoma | Causa provável | Resposta recomendada |
|---|---|---|
| Caixa branca atrás da imagem | O fundo foi exportado junto com o PNG | Remova o fundo e envie novamente |
| Avaliação pequena demais | A arte não preenche a área das guias | Aumente o gráfico mantendo as margens |
| Bordas do texto suaves | Antialiasing ou origem de baixa resolução | Use configurações de texto mais nítidas ou uma origem maior |
| Estado incorreto aparece | Os IDs foram mapeados incorretamente | Compare cada ID com o registro de envio |
| Elemento extra sobrepõe a avaliação | O elemento de apoio é grande demais | Simplifique ou reposicione o gráfico extra |
O Project Afternight também faz parte de uma cultura mais ampla de personalização envolvendo ícones, noteskins, notesplashes e conteúdo temático. Os gráficos de avaliação personalizados funcionam melhor quando complementam o restante da configuração visual do jogador, em vez de competir com ela. Uma paleta moderada e um tratamento consistente dos contornos geralmente produzem um resultado mais limpo do que adicionar efeitos desconexos a cada recurso.
Para saber mais sobre o contexto geral do jogo, consulte a página do Project: Afternight na Funkipedia Mods Wiki. Para o passo a passo visual do envio, use o tutorial relacionado sobre avaliações personalizadas do Project Afternight.
Checklist final e perguntas frequentes
Use esta checklist antes de considerar o conjunto visual personalizado concluído. Ela se concentra nas partes mais propensas a afetar o resultado final dentro do jogo.
Checklist de recursos personalizados:
- Escolha um tema consistente para avaliações, números e elementos extras
- Posicione cada gráfico dentro das guias do template
- Exporte todos os recursos como PNGs transparentes
- Envie cada PNG como um decal do Roblox e registre seu ID de imagem
- Cole e teste cada ID na configuração de julgamento correspondente
| Revisão final | Condição para aprovação |
|---|---|
| Tema | Avaliações, números e elementos extras compartilham um estilo reconhecível |
| Formato dos arquivos | Os recursos são PNGs transparentes individuais |
| Registro de envio | Cada arquivo possui um ID de imagem claramente identificado |
| Configurações | Cada ID está atribuído ao campo correto |
| Teste de gameplay | Os visuais aparecem claramente sem fundos indesejados |
Q: O que são as notas personalizadas do Project Afternight?
Neste contexto de configuração, o termo se refere aos recursos visuais personalizados usados para avaliações, números e elementos extras de julgamento. Ele não descreve uma nova chart ou um sistema de notas separado para download.
Q: Preciso do Roblox Studio para criar visuais de avaliação personalizados?
O fluxo básico descrito aqui não exige o Roblox Studio. Você prepara as imagens em um editor, envia-as como decals do Roblox, copia os IDs de imagem e insere esses IDs nas configurações de julgamento do Project Afternight.
Q: Por que os arquivos devem ser PNGs transparentes?
A transparência remove o fundo indesejado da tela ao redor da arte. Sem ela, um gráfico de avaliação ou número pode aparecer como um retângulo visível durante o gameplay.
Q: Posso usar textos, desenhos ou imagens nos recursos?
Sim. O fluxo aceita diferentes abordagens visuais, incluindo camadas de texto, desenhos e imagens. Os principais requisitos são uma arte legível, posicionamento adequado e um ID de imagem enviado corretamente.
Mantenha uma pasta local contendo os PNGs finais e seus respectivos IDs de recursos. Se você revisar um gráfico posteriormente, esse registro tornará a substituição e a solução de problemas muito mais rápidas.