Pesquisar na Comunidade

Bom dia, tarde, noite caros usuários, creio que possa usar este post para postar algumas sprites ou videos de spriting as vezes. Espero que gostem.

Pokemons em perspecitva 45 graus! Como minha ultima dedicada para o Fórum do Xtibia eu estarei dando meu Adeus ao mundo dos Spriting aqui no fórum e em outros que participo mais como esse foi o que mais me abraço com varias coisas que não só Spriting deixo uma pequena Doação que antes eu estira fazendo para vender mais na falta de comunicação entre partes e quebra de confiança estou doando para qualquer usuário que queira usar esses gráficos. Sim gráficos de pokemons que avia feito, infelizmente não são todos mas ja da uma boa perspectiva do que poderia ser ou ter nos Servidores ATS de pokemons. Link Aqui (R-UP)! Amostra do que os aguarda no link! http://www.youtube.com/watch?v=lZafD9fnzsc Foi muito bom eguando estive no fórum. Um dia quem sabe eu volte mais como Programador e não como spriter, pois programação sempre foi minha meta!

Bom, dia/tarde/noite. Primeiro peço desculpa pela demora deste tutorial como alguns já sabem eu tenho uma vida bem agitada mas sempre que der eu passo para auxiliar e fazer uns tutoriais que me propus a fazer. Texturas (Detalhe) em Sprite de perspectiva 45º A arte do pontinho - 1.05 Texturas O estudo de hoje rodeia nos trará algo se não o mais complicado equivalente a tão temida perspectiva do Sprite que usamos em nossos projetos de Open Server (TIBIA). Sendo assim o trabalho será sempre efetivado com muito suor e dedos doloridos pois somente com a tentativa e que será feito um bom trabalho. Na imagem 01 temos cores básicas que já vem configurado no paint, a parte de Cores personalizadas pode ser colocada as cores que mais vamos usar ou mesmo podemos colocá-las na própria imagem para pegarmos com a ferramenta de Conta Gotas. Texura: não podemos dizer que um monstro a ser derrotado, mas sim uma habilidade a ser trabalhada sendo assim vamos pôr em pratica, mas como vamos fazer isso Sr. Insaend... Sabemos q os gráficos do tíbia antigos por volta de 7.1 não eram grandes coisas para os dias de hoje certo mas podemos ver que temos algo em comum todos nos traziam uma nostalgia próxima do que realmente seria o item que o jogo nos apresenta. Tendo em vista que todos os itens podem e devem sempre passar por uma suave atualização para melhoria dos gráficos podemos notar que a grande melhoria, isso se deve a textura pois cada item destes pode nos trazer em grande parte somente um rascunho do que realmente temos em mente para nossos gráficos. Tendo em mente Itens hoje vamos brincar com algo que poderia cair de Dragon (Escama/pele “Lizard Scale e Red Dragon Scale”) para itens meio planos e para o tão temido pelo vamos brincar com (Ape Fur e Bear Paw). 01 02 03 04 Então vamos iniciar. 1 / 2 - Lizard Scale (“Escala de Lagarto ou também conhecido como Escama de Lagarto”) Os lagartos contem uma pele que se pode dizer não ser lisa e com isso alguns teriam algo parecido com escama, tipo aquelas que sua Mãe tira do peixe, porem diferentes das do peixe. Para o seguimento em escamas de dragão vamos trabalhar com essa linha. Outline Sprite: Tentamos trabalhar um outline de escama de peixe onde cada escama cai sobre a outra assim como um telhado de casa. Pintura com Iluminação: Logo em seguida podemos pensar que estamos somente dando cor e um pouco de vida com iluminação. Detalhes: Nessa já fazemos a Iluminação suavizando junto com o que seria a textura (Iluminação + forma = Textura), a forma pode ser identificada nas linhas mais claras que destacara o item como se tivesse o relevo. Com isso podemos imaginar que este item poderia estar pronto mais e como aplicá-lo em criatura... podemos simplesmente olhar como está sendo feito no peixe a cima já mostrado que foi feita uma texturização bem legal pela CIP. 3 / 4 - Ape Fur (“Pele de Macaco”) O primeiro ponto a ser feito e a novamente a Outline. Outline Sprite: Nesta parte a outline para os itens somente nos dará a direção a que devemos fazer o uso da iluminação para aplicarmos os tons com sombras. Para que possamos fazer algo como pelos em seguida. Pintura com Iluminação: Logo em seguida podemos pensar que estamos somente dando cor e um pouco de vida com iluminação. Detalhes: Nessa já fazemos a Iluminação suavizando junto com o que seria a textura (Iluminação + forma = Textura), nada mais do que já dito a cima porem com um trabalho de AA junto com este pois o item vem pelo por cima de pelos. Um belo trabalho da CIP para caracterizar este item com riqueza de trabalho e o Bear (urso) e o Leão de montaria.... e outros que temos hoje em dia no projeto. Mas até onde podemos ir sem perde tempo ou mesmo sem ficar sem sentido essa ou demais texturas... o Sprite não precisa ser 100% idêntico ao original mais sim parecido fica a dica. Segue exemplo de criatura minha: Vídeo do tema. A arte do pontinho - Sumario A arte do Pontinho - Tom 1.04 A arte do Pontinho - Perspectiva 2.01

Bom, dia/tarde/noite. Primeiro peço desculpa pela demora deste tutorial como alguns já sabem eu tenho uma vida bem agitada, mas sempre que der eu passo para auxiliar e fazer uns tutoriais que me propus a fazer. Perspectiva (Modo de Visualizar) em Sprite de perspectiva 45º A arte do pontinho - 2.01 Perspectiva Bem-vindo senhores aspirantes a Spriter, hoje o estudo de hoje trataremos da perspectiva. Essa parte nos traz a inclinação que temos para nossos desenhos no mundo do Spriting temos vários modos e modelos para todas essas partes e vários tipos de games diferentes que são feitos com Pixel Arte; Resumo: A forma que você vê ou usa o gráfico relativo a vista do Usuario (jogador). As que vou representar são as mais conhecidas com seus nomes mais usuais porem dentre todas essa temos outros nomes mais difusos para cada. Com isso a perspectiva na mais e do que o ponto de visão entre os pontos 1, 2 e 3 sendo eles (X, Y e Z); Isométrica: Onde nosso eixo Y na imagem deve está inclinado a 30º graus para frente para que possamos considerá-lo uma visão Isométrica e como este não pode ser feito somente com 2 pontos de fuga este tipo de gráfico faz uso de 3 pontos de fuga. Sendo x, y e z. Imagem de game fazem parte do Jogo Luminous Arc para DS. Esta forma de isometria e a mais usada para jogos de RPG táticos tendo em vista que os gráficos podem ser facilmente construídos e encaixados ou mesmo os personagens sendo encaixados e sobre pontos uns nos outros sendo representados por profundidade e altitude. Tendo ainda o eixo Y inclinado a 45º graus da horizontal. Poucos games fazem uso desta perspectiva porem trago o com imagens a baixo (GBA); Top Down: que também podemos chamar de ¾, está para vários programas de Criação de jogos de RPG tais como RPG Maker (... extensões ...), e o tipo de gráfico ideal. Sendo o mais simples de ser representado na hora de fazê-lo aparecer para o jogador e o mais usado, para melhor entendermos o Eixo Y e Z se fundem para o Norte sobre o eixo X. Esta perspectiva pode ser a majoritária em quesito de uso para Games de RPG e até mesmo outros... segue a baixo creio que o mais famoso em todo o mundo; Sempre tendo em mente que nesta mesma perspectiva podemos ter outros resultados para o fundo com o ponto de fuga para paredes estilo Zelda e muitos outros... que não vou mostrar nem citar aqui. Agora que mostrei alguns dos possíveis trabalhos em perspectiva podemos ir para nosso ponto principal a nossa Perspectiva 45º derivada da Isometria junto com a ¾. O item da perspectiva 45 que usamos em nossos projetos pode ser interpretado como um item que sobre o eixo X se inclina para a Esquerda com o eixo Z em 135º graus. Todos os items (lados) tem a mesma proporção para termos de espaçamento, porem sobre o que terá dentro não temos este item como fixo e obrigatório... Exemplos podem ser dados como criaturas com corpo irregulares. Nossa perspectiva para criaturas e items com profundidade exemplo baús e ou até mesmo o já usado no tutorial anterior (Parcel). Também a transparecer essa igualdade, porem já na criatura (monstros/corpo) ele não nos mostra essa simetria. Vídeo com gráficos em Perspectiva 45 todos os gráficos são de minha autoria neste vídeo. No vídeo podemos ver como fazer uso dessa área interna... caso queira saber estará logo no fim do vídeo. att... A arte do pontinho - Sumario A arte do Pontinho - Textura 1.05 A arte do Pontinho – Outline 2.02 (em Construção)

Bom, dia/tarde/noite. Primeiro peço desculpa pela demora deste tutorial como alguns já sabem eu tenho uma vida bem agitada mas sempre que der eu passo para auxiliar e fazer uns tutoriais que me propus a fazer. Ton’s (cores) em Sprite de perspectiva 45º 1.04 - A arte do pontinho Tons O estudo de hoje rodeia sobre cores/tons. Sim felizmente hoje em dia temos mais cores para usar graças a evolução da tecnologia e qualidade das imagens com as quais nos trabalhamos. As Sprites podem ser feitas de diversas formas e cores porem quanto mais cores elas tem mais ricas será possível fazer a imagem, no entanto ter muitos tons para o tipo de arte que estamos fazendo que e a de Perspectiva 45 em pequenas imagens que rodeiam de 32x a 96x e melhor sabermos quais delas poderá nos ajudar. Cores básicas do Programa Paint do Windows XP. Imagem 01 Imagem 02 Imagem 00 (edit 26/04 - 20h40min) Na imagem 01 temos cores básicas que já vem configurado no paint, a parte de Cores personalizadas pode ser colocada as cores que mais vamos usar ou mesmo podemos colocá-las na própria imagem para pegarmos com a ferramenta de Conta Gotas. imagem 03 As ferramentas (imagem 03) que podemos usar no paint são de certa foram bem uteis e sabendo que o paint e o grande inicio para se trabalhar com cores pois nela você deve escolher manualmente ou ate mesmo usando a ultima função da caixa de cores a direita da Imagem 02 nos da a capacidade de escolher a tonalidade/luminosidade/Saturação (iluminação com que o tom vai ser usado). Tonalidade: e o mesmo que poder selecionar se você quer um cor clara ou escura.... Luminosidade: em uma imagem a cor influência com sua luminosidade para nos informa onde estamos recebendo mais luz e com isso perdendo sua características e sempre voltando para o branco. Saturação: também pode ser posta como ponto de Iluminação porem podemos ver um segundo fator que seria o ponto alfa onde a cor perde sua personalidade (matriz) e acaba se mesclando com outras cores havendo uma mistura de tons e possibilitando também o uso de tons diversos para mesclarem ou o nosso famoso AA (Anti-aliasing). Uma boa Observação e sempre procura ter uma base (pesquise sempre) para poder utilizar tons o mais próximo possível do tipo de arte que você esta criando. Na primeira fileira de cor vermelho temos uma cor que se assemelha ao marrom para mesclarmos (juntar) os dois tons de vermelho. Na segunda fileira temos o mesmo tom de marrom porem se sobre pondo ao tom abaixo dando assim vida a outra cor. Segue o mesmo efeito na terceira linha de cor porem com uma cor vibrante de azul forte. Porem ao se mesclar (juntar) ao vermelho abaixo tornasse parecido com roxo. PS: Todo o tutorial foi feito com conhecimento adquirido pelo usuário (Insaend) e também com breve pesquisas na própria internet. Sendo assim o tutorial pode ter sim e deve ter falhas para com Contexto usado e também algumas referencias. A arte do pontinho - Sumario A arte do Pontinho - Volume 1.03 A arte do Pontinho - Texturas 1.05

Ola Xtibia, hoje vamos ver Outline de itens. 1.01 - Vamos iniciar nosso Tutorial de Outline. A outline e também chamada de line Arte, a linha que define o desenho. Podemos dizer então que e o rabisco; porque sempre que um spriting e feito ela some ou então e substituída pelos tons (cores) do desenho(sprite). No nosso caso ela e mais como a linha que define o que e o que: onde e desenho, onde e cenário onde e outfit, etc. No tibia temos como itens que contem a outline fixa os Itens (Armaduras, itens Other, itens que podem ser carregados, etc...) a outline e primordial no item e aconselho que a deixem no resultado final menos a outline interno que sempre deve ser removido e trocado por cores menos luminosas para diferenciar e poder ter uma compreensão melhor do Item. Temos como dever entender que a outline e a parte final de um item, onde ele deixa de ser o item. Então sabemos que ele não deve ter defeitos e se tiver tentem corrigi-lo com o passar do tempo e trabalhando na sprite em questão. Passo um: Tipo e Tamanho da imagem: O tibia e outros jogos do mesmo gênero utilizam o sprite como sua forma gráfica salvando ele em aquivos de extensão .BMP ou .PNG. Em outros projetos podem ser feitos com outros formatos porem vamos explora sempre essas duas formas de salvar com seu editores de imagem. Aconselho que usem o Paint. Se já tiver experiencia para com outros programas usem não e proibido. ( gargalhada ) Tamanho da Imagem deve sempre ser salva de 32.32 x1, x2, x3 e por ai vai. Entenda que x1 e o mesmo que 32.32 e x2 mesmo que 64.64 x3 e o mesmo que 96.96. salve-os sempre com o máximo de qualidade. Topo: (.BMP ou .PNG) Tamanho: (32.32/64.64/96.96) sempre seguindo essa conclusão! Passo dois: A outline sempre e bom começar com o Pixel de tom preto, porque só iremos alterá-la para poder trabalhar melhor suas curvas e suavizá-la. Exemplos: 2: A imagem foi feita bruscamente como uma faca porem não esta correta pois a ponta dela tem que ser suavizada. 3: Apos termos modificado a imagem (Sprite Outline) para ficar mas agradável mostrando que a um corte melhor em sua ponta podemos novamente estudar se ela esta adequada. Notamos porem que sua guarda esta muito grossa e sua parte de cima também. Podemos diminuir ou deixar assim para trabalhara mesma. 4: Eu optei para que foce diminuído em um todo pois itens pequenos não devem se mostra grande em uma sprite! A parte de impacto da primeira imagem danificaria o corte da mesma ou ate mesmo toda a faca. A parte de impacto da segunda já suavizaria mais e aumentaria sua area de lesão sendo assim mais benéfica para seu usuário. Em todo caso o acerto da Outline pode ser primordial para um bom trabalho. Ate que coisa simples sejam realmente facies de serem feitas em outline e de serem terminas como uma sprite e seus procedimentos, eu peço que não tentem fazer detalhes complicados de se fazer pois a riqueza de uma Sprite (desenho) esta em passar para a pessoa que veja a riqueza de uma imaginação produtiva e não um desenho feio com defeitos! Evitando uma Outline Cerrilhada e com defeitos aparente. 01 02 03 Sempre a procura de uma boa qualidade em seus rascunho de Sprite (outline), procure melhora-la sem medo de modificar. Espero que tenham gostado da primeira aula do tema Item ( A arte do Pontinho - 1.01 Outline ) Vamos brincar de fazer Outline, bem galera eu agora peço que vocês façam outline de item detalhe vamos tentar não fazer anda em perspectiva pois ainda vamos chegar la e isso só veremos no segundo modulo de nossas aulas, peço que aguardem ate a hora de os fazermos. 1: Façam um Sprite dentro de 32.32 com curvas suaves pode ser uma lamina Imagem a cima 01 de faca, pode ser também uma lamina mais complicada tau como a do machado imagem 02 a cima e a mais complicada de todas em meu ponto de vista uma lamina com varias acentuações leves (imagem não disponível) modelo a baixo! PS: se não derem conta ou derem postem para que possamos corrigir aqui no tópico suas Outline. Usaremos elas no próximo tutorial para fazemos a Iluminação e sombreamento. ATT Insaend A arte do pontinho - Sumario A arte do pontinho - Iluminação/Sombreamento - 1.02

Spriting a Arte do pontinho. Seu mundo de muitos pontos Apresentação: Meu nome e Insaend ( Wanderson Carlos D. S. ) sou sprite a algum tempo frequento o xtibia a um bom tempo porem aprendi muitas das coisas que sei no fórum da Perspective45.org. Não venho fazer propaganda do fórum mas acho errado que aqueles que passaram por la o ignorem pois ele foi um marco na minha vida assim como o Xtibia foi para as outras áreas que gosto de fazer em relação ao Otserve. Venho por meio deste tópico mostrar e ensinar o que sei para todos os usuários ou não usuários do fórum. Não sou o melhor do brasil nem do meu estado não acho que eu nem vocês podemos dizer que não damos conta de chegar perto de quem admiramos Proposta: Quero ajudar todos os usuários a entender que a arte de pixel não e nada alem de dedicação e treinamento com orientação correta. Um pixel arte (Spriting/Sprite) nada mais e do que um retrato desenhado com pequenos detalhes que para o olho humano forma uma grande arte (desafio). Tendo em mente que teremos um longo caminho eu iniciarei esse trabalho assim como também iniciei a minha caminhada. Sim como pequenos itens e suas formas para que possamos depois melhorar ainda mais para outros itens (sprite) Spriteing “perspectiva 45ª” A forma com que vou tratar o trabalho da spriter e em perspectiva 45 graus então peço que tentem sempre acompanhar todo o contexto e absorver o máximo de informações que forem lhes passadas para que não percam tempo com outros tipo de sprite confundido assim suas mentes! Trabalhos/Tutoriais 1 - Iremos iniciar com tutorias sobre itens: 1.01 - Outline 1.02 - Iluminação/Sombreamento 1.03 - Volume 1.04 - Tons 1.05 - Textura PS: no tutorial estarei mostrando como fazer e não como colocá-las em seus projetos e Arquivos de jogos, fica para uma próxima! 2 - Trabalharemos o cenário com isso teremos que fazer vários tutorias essa no mais sera a parte mais complicada pois abrange muitos tipos de sprites e cada um com seu mode de fazer em um geral todos dentro de um só objetivo. 2.01 - Perspectiva 2.02 - Outline (Em construção) 2.03 - Iluminação/Sombreamento 2.04 - Volume 2.05 - Tons 2.06 - Textura · Trabalharemos em cenário com os temas: Piso(floor), natureza”plantas, arvores, relevos, pedras, paredes de pedras e terra”(nature), itens para enfeite(items for garnish). PS: no tutorial estarei mostrando como fazer e não como colocá-las em seus projetos e Arquivos de jogos, fica para uma próxima! PS: muitas das imagens contida nessa gif não são de minha autoria tendo vários membros do perspectiva45 como autores! 3 - Criaturas/monstros, estaremos trabalhando como fazer criaturas sejam elas monstros personagens: personagem para jogar (character), Monstros (creaturas)... 3.01 - Perspectiva 3.02 - Outline 3.03 - Anatomia 3.04 - Iluminação/Sombreamento 3.05 - Volume 3.06 - Tons 3.07 - Textura 3.08 - Movimento · Dentre muitas coisas pequenas que iremos trabalhar abordando ainda o tema de Criatura com toda certeza o mais complexo de todos devido cada individuo ter diferentes tipos de serem feitos e trabalhados. PS: no tutorial estarei mostrando como fazer e não como colocá-las em seus projetos e Arquivos de jogos, fica para uma próxima! Conclusão Espero ajudar o máximo de pessoas com os tutorias e peço que nas paginas que forem feitas com os tutorias cada um que tenha um duvida postem a no tópico correspondente que sempre que eu tiver um tempo ou puder ajudar eu ajudarei, não estarei respondendo perguntas por PM pois sua duvida também pode ser a de seu amigo usuário, não darei dicas fora dos tópicos e não responderem perguntas off! Estarei postando os link se assim for preciso com atualização deste tópico na primeira pagina sendo assim logo abaixo do agradecimento! Obrigado e aproveitem. ATT Insaend Links já upados: A arte do Pontinho - Outline 1.01 A arte do Pontinho - Iluminação e Sombreamento 1.02 A arte do Pontinho - Volume 1.03 A arte do Pontinho - Tom 1.04 A arte do Pontinho - Texturas 1.05 A arte do Pontinho - Perspectiva 2.01 A arte do Pontinho - Outline 2.02 (Em construção) Aguardem Mais link's...

Ola Xtibia, hoje vamos ver iluminação e Sombreamento de itens. 1.02 - Iluminação/Sombreamento A iluminação e sombreamento são praticamente a mesmas coisas como se um lado de algo pegar mas luz e o outro não tau como Iluminada e não Iluminada! devido a nossa iluminação (Luz) da perspectiva em questão 45º graus ter sua luz vinda do noroeste fazendo com que a imagem (sprite) receba mais iluminação na areá esquerda focando a parte de cima! ((Noroeste)) Exemplos de itens. Exemplo: infelizmente este tutorial sera focado mais em Iluminação para com Itens mais os bonecos a cima podem dar uma ideia do que sera tratado em um geral. A numeração pode indicar o quanto sera mais escuro ou mesmo o quanto ele esta mais escondido da iluminação ficando assim mais sombreado (escuro sem tom ou mesmo sem vida nas cores) tendo em mente que o sombreamento pode ser feito de varias formas... fazendo uso ou não de cores fortes ou mesclando estas. 01 Sprite: Na imagem 01 temos em mente que o amarelo e a parte que mais recebera iluminação e dividiremos ela do mais claro para o mais escuro que e o Azul cinza. 02 Sprite: Na imagem Dois sabemos que a Sprite tem dois lado e que cada lado apos sair do meio do item em questão diminui assim criando também Relevo sendo assim lado Leste ficando mais sombreado apos a linha vermelha. 03 sprite: Aplicamos agora o Beje e o Verde, O beje e como um suavizador entre o Amarelo que e o mais claro e o Azul que e mais escuro... O verde e a parte Iluminada do lado que não sofre tanto com a iluminação porem ainda sim não e todo preto tendo um reflexo natural. PS: sabemos que a luz alem de passar também reflete por qualquer tipo de objeto e superfície porem cada uma com seu nível de reflexo aqui poderíamos dizer que e um bem baixo... Sabemos que a imagem agora tem Luz, sombra, divisão, e a Luz fraca do lado da sombra. Amarelo, Azul, beje, verde. Com esses a nossa imagem 03 já esta pronta agora vamos para o acabamento na imagem 04 04 sprite: Nessa imagem usaremos mais um tom e trabalharemos mais a imagem com o Beje que alem de divisor também serve como suavizador em outras parte a não ser na lamina, usaremos o Azul cinzento para poder mesclar o verde com o Azul ( Anti-aliasing). PS: Ate o momento estamos com Iluminação e sombreamento para com a Sword caso queiram que eu demonstre para com outros itens ( machados ou ate mesmo armadura postem uma outline bem trabalhada e vamos aprender nesse tópico como fazer! Estarei usando outline de vocês para fazer esse tutorial então postem uma boa para com o item que tem duvidas! PS²: As cores citas em cima tem que ser removida para que sua espada tenha uma aparência mas bela as cores foram só para demarca onde teria o que, apos compreender isso tem que ser feito o trabalho em todo o item para que ele fique usável! Duvidas postem.... Zoom Imagem Tutorial: A arte do pontinho - Sumario A arte do pontinho - Outline 1.01 A arte do Pontinho - Volume 1.03

Nesse tópico vou postar alguns trabalhos.... e outro vou estar liberando... PS: não me peça sprites se eu libera use... Bulbasaur Liberado... PS² não fale se ta bom ou se ta ruim se não usar não pegue ^^. Video de um Goblin MEU! " não ta liberado o Goblin ok " Com o tempo posto mais.... Se o tópico não podia ser criado " so delete "!