Jump to content

Search the Community

Showing results for tags 'sprite'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • xTibia - Notícias e Suporte
    • Regras
    • Noticias
    • Soluções
    • Projetos Patrocinados
    • Tutoriais para Iniciantes
    • Imprensa
  • OTServ
    • Notícias e Debates
    • OTServlist
    • Downloads
    • Recursos
    • Suporte
    • Pedidos
    • Show-Off
    • Tutoriais
  • OFF-Topic
    • Barzinho do Éks
    • Design
    • Informática

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Sou

  1. Bom dia, Boa tarde, Boa noite galera do xtibia. Hoje venho passar para vocês um remake do pokemon "Digglet" feito por mim... Obs:essa foi minha primeira sprite, Aceito criticas construtivas ^^ Download: http://www.mediafire.com/download/08l4820ov72k2d2/Digglet_Remake.rar - Também esta incluso corpse do pokemon.
  2. Estou começando agora a trabalhar com sprites, ainda não crio sprites nem faço remakes, apenas estudei cores, estou praticando recolors, queria saber quais técnicas usar para deixar a sprite "meia de lado" para fazer os movimentos. Técnicas, dicas, sugestões? Qualquer informação é bem vinda Pretendo fazer o movimento dessa sprite, por isso vou usa-la como exemplo: Notem que ela já está "virada" um pouco para um lado, queria dicas de como fazer ela virada para o outro lado e parada Por exemplo, como devem ser os traços para uma perna aparentar que está mais atras do que a outra.
  3. Boa noite galera, vim compartilhar com vocês minha experiência frustrada tentando fazer minha primeira sprite. Eis o terrível resultado: v2 com cabelo Pode bater, mas bate pouco pf. uhaehuahe In game: Pensem pelo lado bom, acho que nunca mais vou me arriscar a fazer algo Vlw flw! ps: inspiração ->
  4. Sei que vocês gostam de zuar de mim e comigo então aproveitem a oportunidade... Feita por um spriter da pxg camarada meu. (JeeRenato)
  5. Artigo 1: Características Principais de um Sprite 1 - Tamanho 2 - Luz 3 - Perspectiva 4 - Edição Artigo 2: Começando um sprite 1 - Introdução ao PAINT 2 - Criação de um sprite 3 - Pintura 4 - Aprimoramento Artigo 3: Efeitos gerais - Módulo: Fireworks 1 - Magic Wand Tool 2 - Blur Tool 3 - Sharpen Tool 4 - Dodge Tool 5 - Burn Tool 6 - Smudge Tool Artigo 4: Efeitos gerais - Módulo: PAINT 1 - Como colorir um sprite 2 - Oficina de pintura 3 - Anti-Aliasing e suas aplicações 4 - Lista de cores Artigo 5: Efeitos particulares 1 – Jóias de enfeite 2 – Cavidades 3 – Rachaduras 4 – Sprites Envelhecidos 5 – Sprites brilhantes sem “Sharpen” Artigo 1: Características Principais de um Sprite 1- Tamanho Bom, pra galera que tá começando agora a fazer sprites e não sabe por onde começar, aqui começaremos com o básico do básico, a dimensão dos sprites: De fato é bem simples: Sprite pequeno porte (carregável) Todo sprite carregável deve possuir os padrões de sua Backpack e para isso, é preciso que ele tenha as dimensões 32x32 Pixels.. Veremos mais a frente como dimensionar sua página de edição.[Art2:1] Sprites de médio porte Geralmente outfits, monstros humanóides, e pequenas estátuas seguem padrões com dimensão32x32 Pixels no eixo de base(Chão) também, porém é preciso que eles se mantenham na perspectiva do Tibia Sprites de grande porte A grande maioria dos sprites de grande porte segue um padrão de 64x64 Pixels no eixo de base(chão), é o caso de Pedras, Estátuas, Mesas, e grande parte dos itens que compõe o cenário: 2 - Luz Direção da Luz Uma das regras mais importantes e obrigatória caso seu intuito em fazer sprites seja criar itens para o Tibia: A LUZ VEM DO NOROESTE, mas mesmo assim, ainda existe luz vinda das demais fontes naturais e refletidas pelas superfícies. Como no esquema a seguir: Sendo assim, seu sprite recebe luz de todas as direções, mas preferencialmente pelo Noroeste.3 - Perspectiva A perspectiva é teoricamente bem simples também, basta você seguir os padrões de formato estabelecidos pela Cipsoft[Art1:1] e desenhar seguindo uma orientação diagonal: Como no esquema: Artigo 2: Características Principais de um Sprite 1- Introdução ao PAINT Bom galera, é fato que muitos de nós ja abominaram o PAINT muitas vezes, mas uma prova de que ele é a chave para o sucesso de muitos é que, todo sprite é feito no paint, logo todos os itens mais belos bem desenhados que vcs ja viram vieram do mesmo lugar, e esse lugar é o Paint. Onde está o Paint? O primeiro de tudo é localizar o programa PAINT em seu computador, geralmente ele se encontra no seguinte endereço: Menu Iniciar/Todos os Programas/Acessórios/Paint. Configurando as dimensões da página Assim que abrir o PAINT, é preciso configurar a página para os padrões do Tibia. Para configurar a página siga o exemplo: IMAGEM/ATRIBUTOS E configure em: 32x32 Pixels para Itens de pequeno e médio porte(carregáveis e outfits/humanoides): 64x64 Pixels Para itens de grande porte: Principais ferramentas que utilizaremos no paint para fazer Sprites: - Lápis : Usaremos para desenhar e colorir. - Linha : Usaremos para dimensionar sprites(Perspectiva) e algumas vezes na pintura criando linhas. - Conta-gotas : Usaremos na pintura para captura de cores para o lapis. - Recorte Quadrado e Aleatório : Usaremos quando para movimentar o Sprite ou Parte dele ao longo da página - Lupa : Usaremos para aumentar seu sprite em duas, seis, oito e Doze vezes Criação de um Sprite Certo, finalmente deixar de teorias e vamos colocar a mão na massa. Começaremos desenhando um formato apropriado, como este Tutorial foi feito para um nível Básico e Intermediário de Sprite Art, vamos começar com um formato simples, utilizando a Lupa de aumento em 8x ou 12x. Para ficar mais fácil desenhar os pixels simetricamente, o melhor é Quadricular a página apertando CTRL + G. 8x + [ Ctrl + G ] 12x + [ Ctrl + G ] Para configurar o aumento de 12x é preciso clicar exatamente na linha que limita o quadro de aumentos: Bom, vamos começar com uma espada. Veremos que até o formato mais simples pode ficar muito bom se for bem trabalhado: Formato externo - Sempre Preto - Sempre dentro do espaço exigido pela Cipsoft Formato interno - Sempre usar cores escuras mas Nunca Preto - Dividir bem as partes a serem detalhadas Pintura - A pintura inicial deve ser simples para visualizar como o sprite deve ficar - Feito isso, segue-se para Aprimoramento e Oficina de Pintura ou para o Fireworks. - Aproveite para corrigir os pixels pretos que esqueceu dentro do Sprite ;D Aprimoramento - Se preferir desenhe alguns detalhes, como a divisória da lamina e jóias de enfeite - Feito isso: Sigamos para a Oficina de Pintura! Ou para o Fireworks... Artigo 3: Efeitos gerais - Módulo: Fireworks Bom galera, pra ser sincero com vocês, eu não começaria a editar os efeitos pelo Fireworks, mas não se pode negar o fato de que muitos sprites ficam "bacanas" quando feitos no fireworks, mas na minha opinião, ele deve ser um programa de edições finais...como "escurecer isso aqui e ali" "clarear aqui", "deixar com cores mais vivas lá". Porém muitas vezes as pessoas preferem utilizar o Fireworks ou o Photoshop pra edição de efeitos então vou dar essa opção a vocês. Efeitos Gerais - Magic Wand Tool: Usada para extrair o fundo do sprite, muito usado em fakes e outras edições como efeito de "Transparencia": - Blur Tool: Usada pra homogeinizar as cores, deixando-as com tons parecidos. Dando um efeito de Embaçado - Sharpen Tool: Usada principalmente para dar mais vida ao sprite, deixá-lo mais brilhante e com detalhes aparentes. O ruim é que em grande escala pode gerar riscos pretos indesejáveis. - Dodge Tool: Talvez, juntamente com a Burn Tool está seja a ferramenta mais utilizada no Fireworks. Utilizamos Dodge Tool sempre que quisermos clarear um sprite, tornando as cores mais próximas do branco: - Burn Tool: Usada para escurecer seu sprite, muito usado na porção direita dos escudos e outros equipamentos evidenciando a vinda d aluz ao noroeste. Por fim, juntando todo nosso trabalho no FireWorks é visível a diferença entre o molde e o sprite final. Basta lembrar que se a luz vem do Noroeste a parte Sudeste fica mais escura em relação a parte voltada para luz porem não fica PRETA já que os raios são refletidos para todas as direções Processo de edição pelo Fireworks: - Dodge Tool para clarear a ponta da lâmina e a lateral voltada para o noroeste. - Burn Tool para escurecer a porção que mais se aproxima do cabo com mais enfoce na lateral direita do sprite - Sharpen Tool para dar vida aos pixels mais iluiminados para torná-los consequentemente os mais brilhantes. Controle a transmissão da luz pensando nos reflexos da luz e na perda da força da luz ao longo da lâmina, já que onde a luz bate, ela é refletida aos olhos do observador, passando somente uma parte ao resto do sprite. Assim se segue em todos os pontos de luz: Artigo 4: Efeitos gerais - Módulo: PAINT 1 - Como colorir um sprite Certo galera, acho que finalmente chegamos no meu método pessoal e mais esperado do tutorial(por mim) Daqui para frente abordaremos todo o verdadeiro trabalho de um Spriter de acordo com o meu pensamento, é um método trabalhoso, realmente trabalhoso; mas um método que torna o sprite realmente Tibiano. E realmente bonito.Pintura PAINT x Fireworks Tudo na pintura se baseia na escolha das cores e dos tons, em matéria de sprites não basta somente escolher uma ou duas cores diferentes, colorir um sprite como fizemos na pintura básica [Artigo 2:3] e depois disso apenas usar Blur Tool(Clarear) e Burn Tool(Escurecer) do Fireworks no Sprite. Para nós o Fireworks será uma ferramenta básica de edição. A escolha das cores Bom, como dito anteriormente o mais importante na pintura de um sprite é sua cor e os tons dessa cor. Geralmente usamos tons diferenciados de uma mesma cor para gerar a idéia de sombreamento e luminosidade. A utilização destes tons, varia de acordo com 3 pontos importantes: Material a ser pintado: Metal, Bronze, Tecidos, Marfim, Ouro, Pele. Propagação de luz no material: Alguns materiais como pedras não polidas, troncos e materiais envelhecidos não propagam a luz muito bem devido a manchas e ao não polimento de suas superfícies. Reflexo da luz no Material: Tecidos, Peles, Materiais envelhecidos e pedras não polidas não devem refletir a luz como objetos polidos e bem trabalhados, essa diferença precisa existir.Ouro Cobre Túnicas Pedras Oficina de Pintura Bom a Oficina de Pintura foi um projeto meu, seguindo dicas de ótimos spriters do Mundo Fake como o Marcotonio e outros tutoriais, que continuo usando até hoje e que se baseia na reunião de várias cores e seus diferentes tons em volta do sprite a ser pintado. Sendo a pintura do sprite realizada pela captura das cores pré-definidas em Orbs coloridos com o conta-gotas. Tudo na pintura se baseia na escolha das cores e dos tons então Desenhei orbs coloridos para facilitar a captura de cores: Veremos mais pra frente como isso se aplica. Como fazer um Orb colorido: Na verdade é bem simples quando se tem o Fireworks, basta usar a Dodge Tool para clarear e aBurn Tool para escurecer. Mas basicamente o que se deve fazer é: - Escolher uma cor e fazer um círculo - Clarear a porção noroeste e um pouco da sudeste (para dar idéia de esfera) - Escurecer o meio para intensificar o efeito de esfera e refração da luz. - Pode-se fazer isso pelo paint selecionando uma cor e escolhendo diferentes tons desta cor para colorir o círculo em forma de esfera, mas utilizando as Ferramentas do Fireworks vai lhe poupar muito trabalho. Seguindo as etapas: Créditos: Redstrike Como organizar minha Oficina de Pintura: - O primeiro de tudo é vc desenhar seu sprite - Quando passar por todas as etapas abordades no Artigo 2, copie seu sprite e cole em um arquivo PGN ou BPM que vc chamará de Oficina de Pintura. - Lá vc deve colar também suas cores pré-definidas e deixá-las em torno do sprite. - Se tiver itens antigos com uma boa distribuição de cores e tons copie-os e cole todos na Oficina Em resumo: Créditos ao Leomage pelo axe Iniciando as etapas da pintura: Aproveitando que estamos trabalhando com uma espada, que é um sprite simples, vamos aproveitar para um minitutorial de espadas =D Bom, pra começar vamos às regras básicas: Regra número 1 - Toda espada possui uma linha média que definirá o corte da lâmina Regra número 2 - A porção esquerda da linha média recebe mais luz do que a porção da direita. Regra número 3 - A luz não é estática, ela se propaga ao longo de todo sprite porém alguns pontos são menos iluminados como regiões de cavidades na guarda, cabo e principalmente na porção da lâmina que está voltada contra a luz, tendo o corte como barreira. Certo, vamos clarear a mente de vcs Regra número 1: Linha média que define o corte Selecionei as cores que usaremos na pintura desse sprite. Certo, a Linha média não é nada mais do que uma reta diagonal formada por 4 ou 5 tons diferentes da mesma cor, logo consultaremos o mesmo Orb colorido no caso...o azul-acinzentado. Também pode-se capturar cores de seus antigos sprites ou imagens para possuir uma maior gama de opções. [ virei e pintei de marrom o fundo pra vocês poderem entender melhor com a lamina voltada pra luz ] -Depois pintaremos as laterais médias, lembrando sempre que a luz é dividida no local que eu chamo deSecção Transversal, ou simplesmente "ST" representado pela cor mais escura perto da ponta da linha média. - As laterais médias, são as laterais da linha média ( huaiua ) e geralmente seguem três regras: Regra número 1: A ponta da espada recebe mais luz, logo todos os pixels devem ter tons mais claros na ponta caminhando para tons mais escuros conforme se aproximem do cabo. Regra número 2: A lateral esquerda possui uma propagação maior da luz do que a lateral esquerda, logo os pixels são mais claros em relação a esquerda. Regra número 3: A Secção Transversal(ST) é de extrema importancia para o direcionamento do corte e da luz.No exemplo: E ao final da pintura das laterais médias: Certo, nosso Sprite está começando a ficar bonitinho hehe, agora o próximo passo é pintar as linhas das extreminades. Geralmente essa é a parte que entra o Anti Aliasing, um efeito usado muitas vezes para deixar o Sprite mais redondo( falaremos dele mais pra frente ) mas usaremos ele neste caso para deixar nosso sprite mais ponteagudo! Isso é feito utilizando Cores Escuras com Tons próximas do contorno, que no caso dos itens de Tibia éPreto. Faremos isso deixando alguns pixels mais claros perto do cabo para dar a idéia de uma superfície "Afiada". Como na imagem: - E ao acabar a lâmina partimos para a guarda. Seguindo mais três regras: Regra número 1: A porção esquerda da guarda recebe mais luz do que a direita. Porém há pouca diferença. Regra número 2: Cavidades, Jóias, Rachaduras e Cabos com guardas longas recebem sombreamentos à parte da guarda. Regra número 3: A guarda não segue padrões de Secção transversal.( pelo menos a maioria delas. ) Então vamos pintar a Guarda! Escolham cores também próximas do preto para o AA mas que mantenham a ideia dourada, reforce isso com cores mais vivas ao longo da guarda, utilizem para isso o Orb Coloridodourado. Exemplo: E por fim temos nosso Sprite totalmente feito pelo PAINT. Parabéns a todos que leram até aqui! Vejamos uma comparação rápida entre o nosso Sprite inicial e suas edições pelo Paint e pelo Fireworks: 1 - Formato Externo 2 - Formato Interno 3 - Pintura básica 4 - Aprimoramento 5 - Rota pelo Paint 6 - Rota pelo Fireworks Façam seus julgamentos! =D Eu pessoalmente diria que a espada 100% paint ficou muito melhor, talvez clareasse mais a lámina com o Fireworks ou usando uma técnica que vamos ver no tópico: Sprites brilhantes sem “Sharpen” [Art5:5] *OBS: Com laminas mais curtas em largura é mais fácil fazer AA ¬¬ Anti-Aliasing e suas aplicações O Anti-Aliasing é uma técnica muito utilizada para "arredondar" o sprite, e quando digo arredondar eu me refiro a Diminuição dos acidentes nas armações dos pixels Isto é: Algo pra disfarçar o fato de todos serem mini-quadradinhos haha. Isso se dá com o clareamento gradual da cor que mais se assemelha ao contorno e ao sprite, muitas vezes cinza, marrom ou até mesmo azul...todos em seus tons mais próximos do preto. Efeitos de Arredondamento Ao desenhar um círculo branco percebemos que existem muitos pontos brancos perto dos pixels pretos do contorno, isso faz om que o Sprite fique "quadrado" literalmente! haha. A correção desse efeito é fazer um pequeno degradê que parta do preto do contorno até a cor do fundo. Como no nosso caso estamos utilizando a cor branca...nada melhor do que fazer um degradê do preto para o branco usando a cor CINZA. Efeitos de Ponta-afiada Para fazer ponta não precisamos desenhá-la no formato mas caso preferirem assim; fiz essa imagem, bem ilustrativa ao meu ver da influencia do AA no Efeito de ponta dos Sprites Efeitos do AA na Pintura O Anti Aliasing é muito usado ( e bem usado ) na Alemanha e na Suécia para dar mais vida aos Sprites, evidenciando e enfatizando as cores vibrantes do interior ao invés de deixá-las soltas a mercê somente do contorno. A algum tempo fiz uma espada a qual dei o nome de Arectaris Fiz uma segunda versão dessa Sword utilizando duas técnicas de AA: A Primeira: no cabo, utilizando um marrom bem escuro para escurecer e um marrom-acinzentado mais claro para manter a cor escura. A Segunda: na lâmina, utilizando cores bem escuras na ponta, contrastando com a claridade dos ultimos pixels e gradualmente escurecendo os pixels para formar uma ponta. Observem atentamente a Ponta dos Sprites: OBS: Façam espadas com a largura da Arectaris no começo porque é muito complicado fazer AA de lâmina em espadas maiores a melhor que consegui acho que foi essa, preciso treinar e estudar mais isso haha creditos : galiant creditos ² : eu por postas acho que não tem ainda no forum (;
  6. Alguém teria a sprite de neblina ou está afim de fazer uma pra mim? também se tiver um piso que lembro tipo o paraíso eu tbm agradeço (:
  7. Golduck Victreebel Steelix ( Vaporeon / Jolteon ) Venusaur Charmander (SmokeScreen) Charmander (Scratch) Exeggutor Psychic Bulbasaur (Take Down) Venusaur (Take Down)
  8. Algúem poderia criar sprite igual essa ? Só que com o nome Dream e a fonte: http://www.netfontes.com.br/view.php/blazed.htm
  9. Olá Xtibianos. Bom gostaria de tirar algumas dúvidas e pedir algo. Por quê que quando se fala em sprite aqui no Xtibia, geralmente vem só uma foto e não uma sequência de fotos com movimentos do monstro(Pokémon)? Haveria uma maneira deu conseguir colocar esses tipo de arquivo no meu client (item 1)? Como eu criaria uma nova Sprite de Pokémon e colocaria no client? Criar que eu digo, seria colocar um pokémon inédito, afinal esperar pela disponibilidade de outras pessoas postarem aqui não rola. OBS: Meu client é com portrait icon, Pokemon Cyan, ou seja não basta só corpse, e o obd do Object Builder, na verdade n precisa nem ser um obd já pronto. Criar do 0 já serve.
  10. Alguém ai com tempo livre poderia recortar essa sprite do Sh. Xerneas para mim??
  11. Kakashi (100%) Maito Guy (80%) Jiraya (70%) Orochimaru (100%) Victreebel (100%) Machamp (85%) Weezing (100%) Gif Golduck ( Water Gun) Charmander ( Flamethrower ) Exeggutor ( Psychic ) Laxus
  12. Como posso mudar a sprite nova da magic wall pela antiga no my servidor ? Uso TFS1.0 e client version 10.8x How Can I Change a New Magic Wall sprite for old sprite in my server 10.8x ? I use Tfs 1.0!
  13. RESULTADO 1º lugar - Lumus (15 reps + medalha de ouro) 2º lugar - @Daniel & @The Jv (10 reps + medalha de prata) 3º lugar - @LinaInverse (6reps + medalha de bronze) Parabéns a todos que participaram do concurso, espero ver mais participantes no próximo!
  14. Eaw galera , minha outra galeria estava meio parada e queria dar uma atualizada então criei essa ... Bom ... Estou como spriter a um tempinho (uns 2 meses no maximo) , e gostaria que comentassem sobre meus trabalhos feitos até agora , a opinião de vocês é muito importante e é nelas que me construo . Pokémons feitos até agora : *Cryogonal . *Delibird . *Articuno . *Emboar . *Shiny Emboar . *Mega Pinsir ( Mais recente 09/10 ) .
  15. Fala galera, eu estou com um projeto novo e estou refazendo a sprites do zero. Queria a opinião de vocês para uma das primeiras sprites. Espero que gostem, começando claro com nosso grande héroi Goku Super Saiyajin. -> -> Goku normal style. >> Goku KAI-O-KEN! >> Goku Fury! Goku SSJ 3 Form Estarei postando novas sprites para sujestões em breve, obrigado desde já, aguardem. Comentem sujestões e elogios, att. Piques.
  16. Ya! Sou o LionM. Hoje vou apresentar um jeito que facilitará a vida de vocês, não vai precisar ficar exportando e importando suas sprites pra sempre. Vou disponibilizar todos os remakes da PXG 1 por 1 separadamente. Atualizando semanalmente. Sem papo furado, vamos ao que interessa! Absol Aggron Alakazam Ampharos Arcanine Blastoise Blaziken Bulbasaur Charizard Charmeleon Fearow Hitmonchan Hitmonlee Atualizado: 13/09/2015 Créditos: PXG Cada download contém: Corpo, Habilidades e Corpse.
  17. Área destinada exclusivamente para edição de sprites. Introdução:Para aqueles que querem descobrir as vastas possibilidades de sua sprite ou apenas deseja se desenvolver no mundo do spriting treinando através das edições ou apenas não passa de um preguiçoso nunca terminando aquilo que começa, essa é a área para todos vocês. Qualquer membro é autorizado para fazer as edições dos outros. Regras:Primeiramente por questão de organização, gostaria que se fosse criado um tópico apenas para o membro requisitar edições (e não sprites avulsas), irá funcionar como uma galeria, você cria o seu tópico e vai postando suas sprites em busca de edições. Não é necessário comentários, apenas edições (Simples/Direto). A diferença desta área para a galeria (show off) é que aqui não buscamos sprites finalizadas e muito menos feedback (opiniões) dos demais. Outras observações sobre esta área: Apenas outlines (contorno) não serão aceitos, ninguém precisa fazer a sprite por você e sim desenvolver a sua sprite. O fato de você ter editado a sprite de alguém, não significa que você se tornou o dono da sprite (e ou do seu edit). A sprite que você for postar requisitando edição deve ser de autoria sua. (Obs: Ao longo dos trabalhos, caso necessite as regras poderão ser modificadas) Atenciosamente, Lucas Melo.
  18. Eae Galera vim aqui mostrar pra vcs o Naruto e Sasuke do the Last Movie sprites feitas por mim. Obs: só vou mostrar a frente. Naruto e Sprite: Sasuke e Sprite: Mals pela formatação primeiro tópico Aceito Criticas Construtivas.
  19. Vamos lá, vou comentar rapidamente todos os pontos primordiais que você deve prestar atenção para ter um resultado final de sua sprite aprimorado. Siga os seguintes passos:Procure achar uma imagem referencia bem dinâmica para tentar representar todos os pontos característicos da imagem na sprite. Busque cores vivas, tente fugir de cores acinzentadas. Comece a sprite fazendo um rascunho em um fundo escuro, faça isso utilizando o pincel, ferramenta padrão do paint, fundo preto apenas para o rascunho, quando achar que o rascunho tem o formato que você imagina, troque o fundo para um claro e faça as alterações necessárias para arrumar o outline e comece a sombrear a sua sprite.(outline é o contorno da sprite e é necessário para objetos móveis [que se movem no caso]) Não fique preso ao outline, crie a sprite e ao longo do trabalho você vai ajustando o contorno da maneira que mais o agradar, se preocupando logo de cara com o outline você só irá perder tempo e ficar frustrado, ainda mais se você o estiver fazendo pixel por pixel. Você tem que ter um conjunto de fatores previamente trabalhados para que possa investir no outline, você precisa ter uma luz e sombra correta para entender/visualizar o formato que você quer alcançar e a partir dai trabalhar em um contorno final. No rascunho você pode já jogar as cores básicas e montar um esquema primário de volume (volume é utilizado para dar a ideia de massa na sprite, volume é feito adicionando tons claros sobre os escuros) no rascunho você também pode tentar adicionar as características da imagem referencia, mas nada muito trabalhado, você tem que ter uma visão da sprite primeiro, antes de sair trabalhando a fundo nela. Feito tudo isso, busque dar forma à sprite, lembre-se que a luz vem do noroeste e que o AA (Anti-Aliasing) é seu amigo, ele está ai para deixar suas bordas mais suaves, afiadas e server para criar elementos dentro da sprite de forma suave. Texturas vocês irão aprender com o tempo, busque texturas na internet.. jogue no paint, aproxime a imagem e analise e tente representar na sprite. Não crie sprites lado a lado com uma que você admira, sua mente vai fazer você copiar a sprite alheia e você será acusado de ripping por nada. Espero que meu comentário tenha servido para alguma coisa Meu video exemplifica tudo o que eu disse a cima. Atenciosamente, Lucas Melo.
  20. Essa será minha 3ª aula, e minha primeira de nível intermediário Eu usarei o programa Paint.NET para dar a aula, e recomendo vocês também usarem ele Download do Paint.NET A Parede em Si A parede, no Tibia, tem que possuir normalmente 64x32 de área (Largura x Altura) Fazendo uma parede normal Primeiro crie uma nova imagem de 64x32 (CTRL+N) Então comece fazendo uma linha diagonal na ponta de baixo da imagem até aonde chegar Complete em cima até chegar o máximo á esquerda Da ponta de cima até onde chegar, faça outra linha diagonal Termine a parte de baixo Se quiser pode destacar o meio Colorindo Primeiramente comece pelo verde, ponha a cor base e os detalhes As linhas vermelhas e azuis são das mesmas cores que o lado verde, então complete que nem estou fazendo: Primeiro pinte os detalhes Depois pinte as partes assim: A parte vermelha de cima ficará mais clara que as outras, que são a mesma cor base Percebeu que aonde estava a linha vermelha, está mais claro? Porque não tenta pegar as imagens e dar um zoom? Atenção, no meio da aula, eu me distraí e esqueci de mostrar uma coisa, quando você fizer os detalhes, faça de uma forma que uma linha azul se ligue com a outra Ex: Fazendo as bordas Pra começar, faça linhas para cima em baixo e na ponta, a largura você que decide, se for uma borda grande, será mais largura, se for pequena, menos. Então complete com uma linha diagonal ligando as pontas, é importantíssimo que elas tenham a mesma largura, se for uma parede reta. Depois, façam uma borda plana em cima (lembram da minha primeira aula, quando disse sobre as coisas planas sempre serem retas e estendidas?) Colora e deixe as linhas roxas com as mesmas cores, igual citei agora pouco A parte de cima ficará mais clara, pois é onde bate o sol Fazendo o suplemento de baixo Primeiramente, pegue a ferramenta varinha mágica , e lá em cima, clique na Lâmpada , que ficará assim. Nós clicamos na lâmpada, pois o globo, quando for clicar com a varinha mágica, selecionará as cores iguais de todo o desenho, e não só as ligadas, também funciona com o Preenchimento, ou "Balde de Tinta", que pintará as mesmas cores em todo o desenho. Segurando CTRL, clique nas cores da parede, até que fique totalmente preenchida, então copie (CTRL+C) Depois disso, Gire a imagem 90º (CTRL+H) e a inverta na horizontal (Imagem>Inverter Horizontalmente) Assim, nós mudamos o lado da parede de frente para o lado Após isso, cole a imagem que tínhamos copiado, e ficará assim Faça as devidas edições Fazendo o suplemento de cima Com a imagem que criamos, selecione de uma cor forte a parte que está juntando as paredes Então remova o que tiver fora da linha vermelha, recomendo colocarem o Preenchimento/Balde de Tinta e mudar a tolerância para 60% +-, fazendo assim que preencha as diferentes tonalidades de cinza, faça os devidos tests, se não der muito certo, desfaça o erro com um CTRL+Z Pinte igual as outras etapas Pronto, terminamos a parede e seus complementos! Quer ver como ficou? Não ficou lá essas coisas, pois eu me esqueci de dar aquela ligadura de detalhes, e eu não sombreei nem texturei a parede, mas isso fica pra aula de texturas, não é?! Tcharam Créditos: Danilonilo8
  21. Tema Archer Eskeleton Premiação 1° Colocado - 5 Reps + Medalha Regulamento Trabalhos Autor #1 Autor #2 Autor #3 Observações Aqueles que quiserem complementar em seus comentários o porque de estarem escolhendo o trabalho do "Autor. X", o comentário será muito bem vindo. Obrigado à todos aqueles que participaram, fiquei desapontado com as participações. Boa sorte a todos.
  22. Oi povo do Xtibia, sou o adm do PxC e vim aqui disponibilizar para vocês umas sprites de remakes da PxG em formato .obd .Arquivo contidos \/: Olha a Imagem e.e \/ .Downloads em .obd em png .Créditos .EdMignari por disponibilizar um MegaPack com todos as spr da PxG .Para Euzito por localiza-las, renomear e distribuir para vocês e.e .joaopera por colocar em formato de png Se Gosto agradeça sua mão não vai cair e.e
  23. Eae Galera Hoje Vim Aki Mostra Umas Das Minhas Primeiras Sprite Mostra a Gunbai e o Kisame ring em breve vo tentar por Katabara tentativa nidaime Creditos: DBKO Feita Por Min Eu postei está sprite no forum do dbo caso venha alguem falar besteiras falando que ja tava no forum do dbobrasil eu Pus Alta Assim Pra Voces Verem Melhor Quiserem Algumas Sprite Ou Ajuda Com Sprite Se tiver Algo Errado Ai pesso Pra que Min Ajudem so novato na Area De sprite Sou Mapper E Client Maker Querendo min Torna um Scripts Ateciosamente: Luan Mello
  24. Olá Xtibianos,meu nick é Madarada e hoje venho lhes trazer um tutorial básico de spriting.Pretendo elevar o nível de nossos spriters e por isso todos os meus tutoriais serão minuciosamente detalhados do começo ao fim.Algumas pessoas podem achar este tutorial desnecessário e muito simples,porém vamos lembrar que muitos membros estão iniciando e não sabem por onde começar então vamos engatinhando até aprender a andar e talvez até correr. Enjoy. Antes de começarmos quero deixar claro que : Neste primeiro tutorial iremos abordar um assunto muito importante que se chama outline.Futuramente virão tutorias de outline de monstros,armas,cenários mais por enquanto apenas humanóide. - Outline - (humanóide) # Outline o que é ? Outline do inglês (linha de fora) é o contorno do sprite l - Criando uma base - Primeiramente devemos localizar e abrir o Ms paint do windows,ele será nossa ferramente principal e nós ajudará em nossa jornada. - Antes de começarmos devemos habilitar nosso abiguinho "miniatura" ele fica no canto superior como na imagem abaixo.Com ele habilitado podemos usar a lupa em resolução máxima e ter uma visão de como está ficando nosso sprite: - Em seguida selecione uma sprite para usar como base,eu uso o citizen por ser bem simples contudo,algumas pessoas preferem fazer uma outline do zero o que eu acho que para um iniciante um tanto avançado.Seguindo o exemplo do citizen pinte o todo de vermelho (por ser uma cor bem saturada para diferir da roupa do citizen) porém, sem atingir as linhas principais que separam as pernas,cabeça,braço e olhos como no exemplo: - Feito isso contorne as linhas as principais de preto (são as linhas contornadas de verde) para limpar o sprite.Pinte a parte interna da arte de branco como no exemplo. ll - Aprimorando sua base - Agora temos nossa base,porém ela ainda é um citizen então iremos criar o nosso próprio personagem.Para isso precisamos nos basear em alguma imagem (se você tem o dom de desenhar pode criar uma roupa para sua base e pular esta parte).Vamos nos fixar em fazer os detalhes mais básicos,por isso eu peguei está de um camponês medieval bem simples: - Como próximo passo iremos analisar a roupa do campones e tentar reproduzi-la em nossa base.Para facilitar iremos copiar a imagem do campones para dentro do paint e coloca-lo de canto,dessa maneira podemos observar a todo instante se a reprodução da imagem está correta: - Iremos começar pelo cabelo,essa parte pode ser fácil falando,mais deve ser feita com atenção para um bom resultado mais tarde.Primeiramente iremos selecionar a cor azul e fazer um rabiscado de cabelo caindo sobre os ombros,aos poucos vamos adaptando ele á cabeça e criando forma. - Na sequência,devemos tirar a margem de erro melhorando o cabelo e arredondando-o de uma maneira coerente à nossa imagem.Os pixels vermelhos devem ser removidos e pintados de branco,e os pixels verdes devem ser adicionados e pintado de azul.Segue abaixo um ilustrativo: - Após feito isso devemos colorir a margem de preto para tornar o cabelo parte da outline.Em rosa estáo os pontos aonde devem ser adicionado os pixels preto: - Com o cabelo terminado agora iremos direto para a cota de malha e mangás da roupa. De início iremos fazer uma blusa na parte superior do corpo. - Com a primeira parte da cota de malha pronta seguiremos para a segunda parte.Vamos começar fazendo pequenas alças nos extremos da blusa,cor cinza para podermos diferir as partes da malha.Aos poucos vamos prenchendo e seguindo com uma gola V. - Finalizando iremos terminar a calça e a bota.Fazendo um traçado curvado vamos dando forma á bota e dividindo a calça. - Por fim adicionamos detalhes na bota dando um pouco de volume e melhorando sua aparência lll - Detalhes Finais - Usando o conta gotas conseguimos pegar o tom da cor exata da roupa do camponês - Finalmente está pronto nossa primeira outline de humanóide Esse foi o #l tutorial básico de spriting (outline) Se gostou da um rep ae tio Até mais próximo tutorial #ll tutorial básico de spriting (perspectiva) Este tutorial foi feito por Madarada Postado em 14.03.2014
×
×
  • Create New...