Lucasmml

Obrigado BrenoNeto , e para terminar meus trabalhos de hoje.. uma sword atoa que eu fiz aqui.. Swordzinha:

Nildson, Obrigado cara ;D Vital900, A gente faz o que pode para tentar ajudar Desnecessário, este seu tile está mais para madeira do que pedra.. essa textura é próxima a de madeira, e um piso de pedra não teria um formato tão perfeitinho assim e seria uma textura mais complexa, envolveria volume e tal, mas pra isso você tem que criar um novo formato.. Tile edit (rápido):

Você poderia investir em tabuas com tons diferentes, e uma textura um pouco mais trabalhada. tente dar uma randomizada nos tons das tabuas e poste aqui pra eu ver. tipo, umas do jeito que estão (mas com uma textura mais forte) e outras tabuas aleatorias com tonalida mais escura.

Poh Beeki, realmente obrigado. Sobre as respostas, eu até achei na hora da entrevista que eu estava falando demais e quase não respondi ao certo as perguntas (eu acho)kkkk mas vlw , e estou tentando ajudar (no meu tempo) o pessoal interessado a evoluir na área de spriting, tento dar uma atenção especial para aqueles que se esforçam, mas é isso ai, em um futuro próximo será eu anunciando sobre o meu game por aqui . E novamente obrigado Beeki pelo comentário assim como todos outros.

Wesleyt10, Eu não me esqueci de você, apenas tenho que te explicar sobre pillow shading e AA para você investir em um próximo edit. Mas pode ver que esse pequeno edit que você fez, já deu uma melhorada.

Desnecessário & SUJA, A suas duvidas são em textura, Para se entender a textura de algum material/substancia, você precisa estudar o modo como os pixels se comportam para formar tal textura e formar a imagem, você então precisa transportar essa ideia para a sprite desejada, mas claro, seguindo os passos de criação de uma sprite.. AA, iluminação.. essas coisas. Mas os dois se for possível, postem as sprites aqui mesmo na minha galeria que nós vamos trabalhar em cima delas..

Obrigado a todos pelos elogios. Fiz um edit de uma armadura do membro "Suja" para demonstrar para ele como funciona o danado do volume.. e o resultado do edit foi: Armor edit:

Suja, nada melhor que um edit para explicar o tutorial do Insaend, bom fiz um edit da sua armadura, mudei alguamas coisas da sua armadura mas preservei a essência dela. E sim, eu mudei a ombreira para melhorar a aparência da armadura. Armor edit:

OK breno, aqui está então.. Como eu disse é bem old, faça o que quiser com ele ;D

Tenho um busão, se quiser ele para trabalhar/editar, te mando por pm...mas lembrando que é algo bem old meu..

Os pontos escuros que eu estou falando é o AA dos músculos que estão com muitas camadas, diminua as camadas de AA e aumente a luminosidade dos músculos, trabalhe nisso que você vai gostar do resultado ;D, depois do seu edit (não precisa ser agora), dependendo se você não tiver entendido eu faço um edit para você entender..

Kkkk, boa Wesley gostei da sua ousadia de tentar fazer algo dessa proporção, e pelo visto fez olhando para o meu gigante, já pegou algumas noções de anatomia e tal , agora temos que trabalhar em tirar essas manchas pretas que você acabou fazendo utilizando muitas camadas de AA, acabou gerando um efeito chamado Pillow Shading, no caso, pintura de travesseiro. Eu realmente gostaria de ver pelo menos um edit do braço, isso é crucial para você não pegar manias e ter problemas no futuro com isso.. Melhore apenas o braço, tente não olhar nenhuma referencia e ache o concerto sozinho, ok?

Você tem um espaço de 32x32 para trabalhar, entendeu? você amplia a imagem, e trabalha pixel por pixel.

Insaend, eu posso sim te ajudar a continuar seus tutoriais, mas eu tenho em mente no caso do Cesta Basica, montar tipo uma compilaçao em um unico topico para nao perder tempo como se fosse uma apostila mesmo, quero colocar nesse topico coisas auto explicativas que o cara já sai daqui spriteando coisas maneiras, vou refazer esse meu tutorial ainda, deixa-lo mais explicado..

Cara sugiro que você procure os tutorias... Isso é uma sprite, mas nao é esse tamanho que nós trabalhamos, nós usamos pixels e essa sua base nao foi trabalhada em pixels, nao estou dizendo que esteja errada pois nao sei para o que você pretende fazer. Obs: eu estou olhando pelo iphone, se eu estiver errado eu corrijo o meei comentario.

Obrigado pessoal, e só para avisar que dentre essa semana eu vou atualizar o tutorial com mais algumas coisas úteis que o pessoal pede muito...

Ah que isso Wanderson, nem é pra tanto, você só tem que se dedicar um pouco mais para melhorar sua pintura e pronto. Você já destrói nos formatos, você faz criaturas colossais com facilidade (eu não consigo kk), mas você peca na pintura/textura no caso. Cara o dia que você pegar o jeito, ninguém te segura.

Wesley, Você não acha que poderia fazer essa espada um pouco mais ousada, no caso um pouco mais trabalhada.. vamos tentar melhorar os traços da lamina, e a iluminação da guarda (guarda é toda essa parte abaixo da lamina), tente melhorar a divisão de luz (Volume) da lamina e da guarda (creio que vai dar um efeito melhor). Caso queira tentar editar melhorando nesses pontos que eu disse, seria um grande avanço.. Mas se não entendeu as coisas que eu falei, dê uma olhada no meu tutorial (Cesta Básica)e do Insaend que acabou de sair do forno, com o tema Volume.

Resumindo galera, Utilize cores mais claras para se fazer volume, lembrando que a luz vem do Noroeste, ou seja, canto superior esquerdo, juntado tudo isso você pode representar quase qualquer coisa com o uso do volume, exemplo: "Ahh luquitos, eu quero fazer um machado e entalhar alguns desenhos em sua lamina" isso é volume, aprique-o bem e terá o resultado que deseja. E Insaend, como sempre parabéns por trazer ótimos conteúdos aqui para o Xtibia, e por ser essa humilde pessoa que você é, continue assim ;D

aushhasuhasuahs, a feira não ficou como eu imaginava, ela deveria continuar seguindo essa montanha atrais, ia ficar tipo uma favela, e ficou muito sem teto essa versão da feira ;/ mas vou fazer vocês dois arrumarem isso amanha --"

Acabei de começar a fazer algo atoa aqui, era pra ser uma Axe, acabou virando uma junção de mace com axe, e wand sla.. Sprite atoa:

Isso garoto, percebeu a diferença né? agora você pode tentar ajeitar mais ainda o AA até você achar que está tudo liso, e agora pode investir em uma iluminação melhor ;D

Psy, pode reforçar mais o AA ai heim, e faça ele não só de um lado do arco, mas dos dois, ok? tente e me mostre o resultado

Psy, acabei de postar um tutorial com algumas coisas importantes de se saber e de se fazer em uma sprite, vá na área de aprovação de tutoriais, leia e tente editar suas sprites com base nas coisas que eu disse no tutorial, logo após o edit eu irei te ajudar a continuar melhorando sua(s) sprite(s). Caso realmente queria treinar..

Olá comunidade, O meu nome é Lucas Melo, conhecido como LuquitossML, eu recebo muitas mensagens aqui no fórum de membros que gostariam de auxilio para a criação/edição de uma sprite e outros com interesse de aprender a spritear, como eu não tenho tempo para ajudar todo mundo, decidi fazer um tutorial, neste tutorial eu vou compilar tudo aquilo que você precisa saber para começar a arte da perspectiva 45°. Aqui nós vamos aprender passo a passo para a criação de uma sprite. Tutorial Básico sobre quase tudo aquilo que você precisa saber. Introdução: Definição Geral.No Tibia, assim como todos os jogos, os elementos gráficos são chamados de Sprites. Para criar estes sprites, utilizamos uma técnica de design gráfico conhecida pelo nome de Pixel Art. Pouca gente conhece essa arte, que surgiu com os primeiros videogames. Pixel art significa fazer Arte através da utilização de Pixels. Pixel são os pequenos quadrados que compõe as imagens gráficas de qualquer sistema televisual. A organização correta de pixels pode gerar formas que podem ser reconhecidas como animais, objetivos, fotografias, plantas, animações variadas, etc. Técnicas de pixel artPixel art conta com algumas técnicas diferentes de qualquer outro tipo de arte, por ser uma arte de baixa resolução. Dithering: É o uso de padrões de pixels para se criar a ilusão de que existem mais cores do que realmente se estão sendo usadas. Também é usado para se fazer texturas. Anti-Alias (ou AA): Técnica para se suavisar linhas, usando tons médios para reduzir o contraste entre a cor da linha e a cor que envolve a linha. Sombreamento: O sombreamento em pixel art deve ser feito como em objetos reais, com base em uma fonte de luz. Sombrear a figura das bordas para o centro é um erro bastante comum, chamado de Pillow Shading (ou sombreamento 'travesseiro') Salvando deu Trabalho:Para se salvar um trabalho seu no computador, deve-se usar o formato correto. JPG é um formato que usa um tipo de compressão bom apenas para imagens suaves e contínuas. Se usado no pixel art, causa uma enorme perda de qualidade BMP é um formato que apesar de manter a qualidade, acaba resultando em um arquivo muito pesado GIF e PNG são os formatos mais apropriados. GIF, com uma paleta limitada a 256 cores, é o formato ideal, já que é o menor e dificilmente o pixel art terá tantas cores. Se você usa o programa Paint para fazer pixel art, salve como PNG, pois quando o Paint salva como GIF, ele usa uma paleta de cores padrão, e causará alterações de cores no seu pixel art. Categorias:Pixel art é normalmente dividido em duas categorias. Isométrico é o pixel art que imita uma visão em 3 dimensões, mas que não possui perspectiva. Não-isométrico é qualquer outro tipo de visão como Front View (frente) ou Top View (de cima) Como começar a fazer Pixel Art? Existem vários programas para se fazer Pixel art. O mais simples deles é o conhecido Microsoft Paint, ou como dizem: MS Paint. A interface do Paint, é muito muito simples, e com o tempo você entenderá cada uma das funções que ele é capaz de realizar. Ferramentas Básicas:LUPA - Amplia ou reduz o CANVAS (Área onde se desenha ou Área selecionada). LÁPIS - Ferramente capaz de pintar um pixel por vez. BORRACHA - Apaga o que foi desenhado. LATA DE TINTA - Preenche formas com cores. Controles Básicos. CTRL + A = Seleciona todo o Canvas. CTRL + C = Copiar Canvas. CTRL + E = Abre a Janela de Atributos do Canvas. CTRL + F = Fullscreen CTRL + G = Cria uma grade de pixels nos aumentos de 6x e 8x da LUPA CTRL + R = Abre Janela de Inverter ou Girar o Canvas. CTRL + T = Ocultar Barra de Ferramentas. CTRL + V = Colar Canvas. CTRL + Z = Desfazer ação. Desenvolvimento: Agora que já temos uma abordagem geral sobre o tema, vamos aprofundar nossos estudos. Luz e Sombra na perspectiva 45°.Para quem está começando é essencial ter noção de como a luz se comporta na perspectiva que focamos. De modo simples, a luz tem sua fonte a 45 graus acima do objeto, ou seja, a parte "noroeste" do sprite precisa sempre estar mais iluminado do que a parte "sudeste". Vejamos: Obs: Virar a sprite horizontalmente permite verificar se a luz está se comportando da maneira correta (Vindo de uma fonte que está a esquerda e acima do sprite - ou seja, a noroeste ) Lembrem-se de sempre considerar que a parte sudeste não é totalmente escura. Pois a parte da luz que vem do noroeste e chega até sudeste cruzando o sprite, pode refletir/refracionar e iluminar a parte sudeste, mas lógicamente, essa luminosidade será menor. Uma das regras mais importantes e obrigatórias caso seu intuito seja seguir o padrão Tibia: A luz vem do noroeste, mas mesmo assim, ainda existe luz vinda das demais fontes naturais e refletidas pelas superfícies. Sendo assim, seu sprite recebe luz de todas as direções, mas preferencialmente pelo Noroeste. Anti-Aliasing (AA). Quando trabalhamos com pixels percebemos que as bordas dos desenhos costumam aparentar muito o fato de que os pixels são de fato quadrados. O problema de muitos desenvolvedores gráficos no começo do pixel art, foi justamente no momento em que precisavam desenhar elementos que não seguissem o padrão quadrado dos pixels, como por exemplo Círculos, Esferas, e bordas redondas. Para muitos, a solução desse problema surgiu com a criação da ténica de Anti-Aliasing ou simplesmente AA. O AA foi um grande avanço no desenho de formas esféricas ou outras que precisassem passar a idéia de uma superfícia lisa, sem irregularidades. Mas como isto é possível se todo sistema televisual utiliza PIXELS para formar gráficos? A resposta é simples: O AA utiliza pixels que misturam as linhas com o plano de fundo em que elas estão. Quando isto é feito, nossos olhos não conseguem distinguir as irregularidades dos pixels. Em primeiro lugar devido ao tamanho dos pixels e segundo lugar devido a uma boa suavização de bordas. Vejam no exemplo: http://img507.imageshack.us/img507/8484/aaexampleok2zl9.png Obs: Créditos da imagem: Galiant Na esquerda da 2° imagem, vemos o circulo formado de vários pixels pretos. Suas bordas estão "cruas" e sem AA. Assim, mesmo no aumento menor é possível perceber as falhas de suas bordas redondas. Na direita da imagem vemos o mesmo circulo após a aplicação da técnica de Anti-Aliasing. E agora, no aumento menor, não se pode mais ver as falhas das bordas. Como fazer Anti-Aliasing? O Anti aliasing é simples apesar de não parecer. Tudo se baseia em 3 passos: 1 - Observar primeiro o desenho que se quer suavizar. 2 - Observar o fundo no qual este desenho está inserido. 3 - Adicionar cores que simbolizam a mistura das cores do desenho, com o seu fundo. No exemplo acima (dos circulos) tinhamos um circulo PRETO, num fundo BRANCO, então apenas adicionamos tons de CINZA (PRETO + BRANCO) para suavizar a borda. No caso de uma sprite, o AA é feito internamente, ou seja, é feito dentro do outline/lineart da sprite, isso é feito utilizando no caso tons mais escuros nas partes cerrilhadas da sprite. Vejamos: Como podem ver na direita, a disposição dos pixels escuros nas partes mais cerrilhadas é o chamado AA, não é necessário que seja utilizado apenas preto para se fazer o Anti-Aliasing. Exemplo: "Ahh luquitos, eu quero fazer algo roxo, como eu faço AA nele?" Simples, apenas faça os passos iniciais para se fazer uma sprite: Faça um outline (contorno do sprite) Comece a pintar. comece a fazer o AA. (no caso do meu amigo da sprite roxa, utilize tons roxos escuros nas partes cerrilhadas da sprite) Logo depois do AA pronto faça a Iluminação, no caso, Luz e Sombra. Depois de todos esses passos, veja se não há mais nada para arrumar e "Voilá" Sua sprite está pronta. Conclusão: O Investimento do Tempo e Esforço. Trabalho em pixel art é demorado e muitas vezes de difícil processo. Quanto mais tempo você gasta trabalhando, e, em seguida, um pedaço de refino, Melhor será sua aparência. Isso muitas vezes pode levar horas, mas as recompensas valem a pena. Se você não está preparado para investir o tempo em seu trabalho, Ele não ira fluir, independentemente do número de tutoriais que você lê. Nada da certo na primeira vez? As primeiras interações com o seu outline/lineart ou imagem (sprite) sombreada pode muitas vezes ser frustrantes. Não desanime, mesmo os erros aparentemente mais hediondos podem ser editados em algo decente. Uma vez que a última versão de sua sprite é completa, sentar e dar uma boa olhada nela é essencial. Este reajuste geralmente divide-se em um simples ciclo de 3 etapas: 1 - O que aparentemente há de errado? 2 - Como posso corrigir? 3 - A fixação dele. O uso de referências. Muitas vezes, você pode compensar a falta de conhecimento sobre algum objeto através de imagens. Estes podem ser encontrados a partir de uma variedade de fontes, a mais imediata a ser através de um motor de busca na internet.Você também pode encontrar cores novas e interessantes a partir de fotografias e arte dos outros pixel. Lembre-se que o plágio direto, incluindo a edição do trabalho de outras pessoas, é distintamente ilegal. Espero que o tutorial tenha sido útil para alguém, caso o tutorial tenha uma grande repercussão e o pessoal mais duvidas, eu irei continuar atualizando ele com um conteúdo mais aprofundado sobre o tema. Obrigado a equipe do Xtibia pelo espaço. Atenciosamente, LuquitossML.