Jow Leite 2 #1 Posted December 24, 2008 (edited) Vamos começar neah! 1° passo abra no paint esta imagem que você vai copiar para o seu computador pq rosa? pq é facil de tirar, você vai aprender a fazer isso no fim do tuto pq 32x32? pq são as dimensões do metro quadrado tibiano, e é isso um sprite, um iten que caiba em um metro quadrado tibiano pronto, agora você já pode começar a desenhar, o que é o segundo passo 2º passo coloque a imagem no paint, e coloque a lupa no 8, para você poder ver melhor o que está fazendo, ficará assim: então vamos a parte em que você pega o lapis e risca! uhul! /o/ antes de fazer isso você aperta ctrl+g e o paint exibirá uma grade, isso ajuda na simetria, e eu considero otimo, feito isso comece a desenhar o contorno do que vai fazer, todos os sprites tem contorno, por mais fino que seja feito isso você vai começar a colorir o seu sprite, eu sugiro que comece de baixo pra cima, no caso começando pelo cabo e subindo, mas fica ao seu criterio 3º passo agora você começa a colorir, isso você pode fazer livrimente, como quizer, mas cuidado, lembre-se que a luz vem do noroeste, isto é do canto esquerdo superior da tela, então você vai começar a colorir sua sprite da direita pra esquerda, obviamente indo do escuro para o mais claro, não é obrigatorio, mas uma dica é fazer cada linha de uma cor, a primeira linha que é paralela ao contorno é sempre mais escura que a linha que se situa a sua esquerda, e assim sucessivamente até chegar ao outro lado após ter colorido e tirado a grade (ctrl+g) eu não gostei das cores então resolvi mudar agora ta melhor mas não pode ser ! Nossa Senhora dos spriters! será possivel? é a irmã mais nova da sov !! 4º passo pronto, se você só vai fazer sprite no paint acaba aqui, você só tem que aprender a tirar o fundo gayzinho, ops o fundo rosa, então vamos lá, fazer o sprite no fundo rosa é bom porque quando se baixa todos os sprites do tibia eles vem todos em um fundo rosa, e é assim que tira ó você clica com o botão direito no rosa que está na paleta de cores e coloca a segunda opção na ferramenta de recortar, isso faz com que a cor rosa fique branca, a cor rosa é usada nos sprites porque não é usada no tibia, porque fazer isso faria com que todo o rosa presente na tela sumisse também, então não podemos usar uma cor que pode estar na fake, não é mesmo? acabado! você tem sua sprite e pode coloca onde quizer, juizo.... 5º passo agora é a parte em que você melhora o sombreamento, para isso vai precisar do firework, o qual eu não vou manda link pra baixar, porque tem direitos autorais, mas não é dificil de se conseguir por aí... bem, vamos lá, você abre a sprite no firework e aperta R, isso aciona a ferramenta que você vai usar pra sombrear, a lupa da tons claros, e o quadradinho com cabo, da tons escuros, para mudar de ferramenta vá apertando R até chegar na que você quer, então comece a passar as ferramentas na sprite, lembrando que a luz vem do canto esquerdo superior da tela <- /\ vá fazendo isso até ficar com um tom legal, não tem como definir melhor que isso a minha fico assim ó: pronto, uma sprite usando apenas paint e fw fica +/- assim Segunda parte do tuto, para quem ainda não sabe como uplodar as imagens das sprites, embora ache que todo mundo aqui já sabe isso, creio que o melhor é ensinar, então vamos lá! 1º passo após ter feito a sua sprite abra o site http://www.imageshack.us/ e clique em arquivo, então selecione no seu computador a imagem que quer uplodar (hospedar), depois de selecionar a imagem clique em host it espere alguns segundos(acho que não demora muito mais que um minuto) e o site vai abrir uma nova pagina com varios links, o que você quer é o ultimo, este marcado na ss, veja: agora que você já tem o link você aprenderá como fazer com que o forum carregue a imagem, isso é, você vai aprender a postar imagens no lugar de links de imagens 2º passo você escreve o link fica entre os cochetes ]<-link->[ acabo essa parte ae /o/ COMO FAZER UM SPRITE ANIMADO NO FW Olá amigos spriters ! agora vou ensinar como se faz um sprite animado, embora o sprite que usei no tuto tenha ficado um LIXO, HORRIVEL, TOSCO, ASQUEROSO eu vou usar ele msm, então vamos aos passos 1º passo abra a sprite no fw e tire o fundo, para fazer isso use a magic wand tool, você clica com ela na parte rosa (deixe a tolerancia a 25%) e vá em : select>select similar e pronto toda a parte rosa estará marcada, então aperte delete e o fundo magicamente sumirá ! 2º passo vá no quadrinho que a seta está apontando, se não tiver isso no seu fw você aperta shit+f2 que ele aparece, selecione as opções mostradas nas imagens vai aparecer essa janela 3º passo agora você já tem varios frames, no caso eu fiz 3 veja ali do lado direito, abaixo da barra de frame and history, agora imagine que cada frame é um quadrinho que vai passar no seu sprite, então você colore fazendo o efeito que você quer, aqui no meu caso é um efeito meio estranho, sem definições parece mais purpurina... ¬¬ pronto após você colocar o efeito que quizer você vai pro 4° passo 4° passo agora você vai animar a sprite \o\, vá em file, e selecione export preview, ou se for um fw mais novo a opção será apenas export aí abrirá essa janela e você escolherá animated gif, como mostrado, e siga as instruções que estão nas imagens depois de ecolher essa opção vá para aba animation, lá você vai animar a gif de verdade, as setas mostram tudo, as frames você clica nelas e depois escolhe mais em cima o tempo, o tempo que ficará em cada quadrinho (frame) esse tempo é contado em centesimos de segundos,coloque o tempo desejado, para vizualizar clique no play, para salvar clique no export, e tem um quadrinho no canto direito inferior que seleciona se a gif passa pra sempre (forever) ou uma vez (since) aí quando você clicar no export abrirá um quadrinho para salvar a imagem selecione em que pasta do seu computador quer salvar, confirme e pronto! sua sprite estará prontinha e animada, sprites animadas tbm podem ser feitas no ps, mas depois falarei disso sprite pronta: <nossa ficou horrivel > agora que já ensinei a fazer um sprite e sombrear ele vou ensinar como você deve imaginar a luz que clareia o sprite e como se fazem sprites no ps. Muito simples você sobreia da seguinte maneira, pega e clareia a sprite do noroeste até o sudeste, mas não é exatamente isso, isso seria um efeito de luz muito simples, o efeito de luz que se usa é um efeito que considera o sprite com um certo volume, isso quer dizer, você não simplesmente clareia tudo de qualquer jeito, até metade esquerda da lâmina você coloca clara, a metade direita você coloca escura, eu estou usando espadas nos meu tuto pq são o tipo de sprite que considero mais fáceis de se fazer, mas funciona para tudo, aqui to usando um outro sprite que fiz agora mesmo olha só, na lamina a luz fica "caindo de um lado e do outro" a luz que define como é o formato da espada, quando for sombrear imagine a luz como uma água escorrendo na espada, a luz modela a espada, então ela não pode ser apenas uma parte mais clara que a outra, uniformemente, é muito importante lembrar que a luz da metade esquerda é mais forte, porém você joga uma luz na parte direita tbm, porque a lamina "divide a luz no meio", veja na ss a seta amarela e mal feita mostra aonde a luz se divide Não é uniforme, não é uma especie de degradê, Cometi um erro, na parte esquerda do cabo a "zona clara" ta escrita em vermelho, mas era pra tar em verde, é a parte clara de fato. Não é muito aconselhável, já que os sprites são para ser usados em fakes, mas é um efeito de luz então eu vou falar dele, é uma espécie de poder que as pessoas gostam de fazer, esse "poder" chama glow e da pra fazer usando blending options no ps (forma mais fácil, as outras formas não ficam boas então não vo fala delas) olha só você clica com botão direito na camada da sword, vai em blending options e escolhe as configurações da ss vai ficar mais ou menos assim caso você queira só na lamina, você faz uma outra camada, só com a lamina, mas já vou te dizendo, esse tipo de efeito não fica legal, e fica horrível de recortar, então EU prefiro sem ele, como quase todo sprite meu, eu coloquei uma pedra, como forma de detalhe para não ficar uma parte sem nada -Xedre! chega de espada plzz!!!- ok ,ok então chega de espadas vamos aprender a fazer outros tipos de sprites, começando por esse shied aí pra começar você não precisa perder seu tempo fazendo pixel por pixel no ps, faça o sprite no paint dps salve e abra com ps mesmo que fique feio, depois melhora Agora faça os efeitos de luz, imagine que a luz é como um jato de água que passa por cima do sprite, e que da o formato a ele, a imagem mostra onde está claro onde está escuro e onde se divide a luz (as setas amarelas mostram a divisão da luz) Para clarear use a dodge tool, para escurecer use a burn tool, Fica mais ou menos assim (para abrir essa janela clique com o botão direito na ferramenta que estou usando na ss abaixo) E no tamanho normal assim um pouco mais escurecido fica assim Bem eu acho que já ensinei como se faz os sprites, mas agora vamos ter uma noção melhor de generos especificos e animações ARMADURA não tenho muito a dizer, a imagem mostra como a luz atinge a armadura, ou seja você observa pra depois conseguir fazer uma armadura com bom efeito de luz, e observe bem o formato das ombreiras, elas são muito importantes e muito utilizadas, lembre-se que a maioria das armaduras fazem os contornos dos peitos, mas não é regra em tamanho normal MACHADO novamente não há o que ser dito, mas vale lembrar que a parte de baixo da lâmina fica com menas luz, e que a parte oposta a lâmina também fica iluminada em tamanho normal ANIMAÇÕES então vamos lá, como fazer sprites animados no ps, muito simples, é muito importante saber o seguinte, que no quadro de layers do ps, a layer que vai ser riscada é a marcada de azul, e as layers que estão sendo vistas ficam com a marcação de um olhinho, ou seja quando você for riscar um layer coloque a marcação azul nela e desative os olhinhos das outras para você ver o que está fazendo eu não tinha muitas ideias de efeito, então resolvi fazer o axe pingando sangue nessa parte eu apenas colori de vermelho a lâmina do machado, e tinha apenas uma layer que eu copiei mais quatro veses (aperte ctrl+j para duplicar as layers) agora que já copiei a layer 4 veses eu fui riscando de vermelho como queria cada uma delas agora vamos ao image ready, para fazer a animação, para isso basta clicar na opção que a ss está mostrando no image ready, você vai de fato animar a sprite, caso a janela de animação não esteja aberta faça como na ss agora você vai fazer os quadrinhos, você clica no icone que a imagem ta mostrando, aí vão aparecer outros quadrinhos, e do lado você vai selecionando qual layer você quer que apareça naquele quadrinho, ou seja vai colocando o olhinho naquela layer, mas lembre-se de desmarcar os outros, a ss mostra onde clicar pra fazer mais quadrinhos e essa mostra onde você coloca o olhinho pra aparecer aquela layer no quadrinho, é a janelinha do lado, caso ela não esteja lá vá em windown lá em cima e procure por ela, eu não sei o nome dela, e no momento não tenho paciencia de descobrir então vá fazendo mais quadrinhos e colocando as layers que você quer feitos os quadrinhos a sprite ta quase pronta, agora falta você selecionar o tempo de cada quadrinho, a imagem mostra como se faz isso, você clica naquela parte onde está escrito 0 sec, e então abrirá aquela janelinha que a ss tbm ta mostrando, na janelinha você seleciona quanto tempo quer, caso não seja nenhum daqueles você clica na opção other se você clicar nessa opção aparcerá uma nova janela pra você digitar quantos centezimos de segundo quer que fique em cada quadrinho, no caso eu usei 0,7 centezimos de segundo após selecionar o tempo de cada quadrinho esta pronta a sua sprite! agora falta você salvar, é claro, faça como na ss, depois selecione a pasta que você quer que a sprite seja salva, e clique em salvar, e pronto ! acabou totalmente! em tamanho normal Pronto amigos, acabei meu tutorial, espero que isso ajude a todo mundo que ainda não sabia como fazer uma sprite abraços Pessoal esse tutorial não é meu então não são meu os creditos só trouce aqui pra vocês aprenderem Créditos: Forum TibiaBr Edited December 24, 2008 by Jow Leite Share this post Link to post Share on other sites
Lion~ 0 #2 Posted December 24, 2008 .●๋•¤ A я T н υ я ¤•๋●. diz:Avaliame please http://forums.otserv.com.br/showthread.php?p=548131#post548131 legalzão você, pede pra te avaliar e posta um tutorial de outra pessoa, que alias, já vi várias vezes... Sprites feias avaliando: Pessoal esse tutorial não é meu então não são meu os creditos só trouce aqui pra vocês aprenderem seu português é deplorável, sugiro que faça a segunda série antes de abandonar a escola. Share this post Link to post Share on other sites
Jow Leite 2 #3 Posted December 24, 2008 Sim eu falei pra você avaliar o tutorial que eu postei E naum que eu fiz Mais ou menos assim auhsuah' Sobre a Segunda serie talvez eu volte e de sua nota Share this post Link to post Share on other sites
Lion~ 0 #4 Posted December 24, 2008 cara, esse tutorial é do ano passado, quase dois anos atras. eu já vi ele DEZENAS de vezes, ele é fraco, vago e com sprites feias. esse subfórum é pra exposição de sprites, não de tutoriais, isso é pro "manipulação gráfica" Share this post Link to post Share on other sites
Jow Leite 2 #5 Posted December 24, 2008 Cara não vamos se referir com o topic que eu peguei de "2 anos atras" Se eu postei em algum lugar errado que por favor o MOD ponha no lugar certo E outra man É pra os Newcomers de Sprites tentarem aprender. Obrigado Chega de Papo Share this post Link to post Share on other sites
FakLess 0 #6 Posted December 24, 2008 Nossa Apesar De Suas Sprites Estarem Otimas(se forem suas) O tutorial esta muito bom. Valeu Ai E Continue A Fazer Tutoriais Assim Para A galera da OtNet ;] Flw Share this post Link to post Share on other sites
Mk4 0 #7 Posted December 24, 2008 Papo furado aí em cima não?! :loool: O tutorial está de parabéns, serve para criar novas coisas. Era o que faltava para mim. Valeu Jow Leite. Anteciosamente, ■●•▪Maeokarox Share this post Link to post Share on other sites
Jow Leite 2 #8 Posted December 24, 2008 Foi nada man, Só estou ajudando as pessoas aqui da otnetworks Obrigado por comentar Ty all Ty Lion~ Share this post Link to post Share on other sites
FakLess 0 #9 Posted December 24, 2008 Papo furado aí em cima não?! :loool: O tutorial está de parabéns, serve para criar novas coisas. Era o que faltava para mim. Valeu Jow Leite. Anteciosamente, ■●•▪Maeokarox Papo Furavo NaaaDa.Meu Tipo De Comentario Serve Pra Mostra Que Ele feiz/fazera otimo's Tutorial's e etc xD Flw Share this post Link to post Share on other sites
Sand Fox 0 #10 Posted December 24, 2008 Papo Furavo NaaaDa.Meu Tipo De Comentario Serve Pra Mostra Que Ele feiz/fazera otimo's Tutorial's e etc xD Flw O tutorial não é dele, seu animal. Incrivel o fato de as pessoas postarem respostas sem nem ao menos ler os outros posts. Btw, velho e ultrapassado, alem de estar na seção errada... Share this post Link to post Share on other sites
Jow Leite 2 #11 Posted December 24, 2008 Sand Fox~ Valeu pelo post sem ter conteudo Pode até não ser meu e estar velho Mais ninguem postou aqui certo ? Intão porque você não faz um melhor! Aceito suas criticas na boa Chamar os Membros de animal tbm naum pode sabia Vlw Share this post Link to post Share on other sites
GawaiN~ 0 #12 Posted December 24, 2008 E cade o nome nos creditos do verdadeiro autor do tutorial ?? Tu pelo menos pediu para o criador para postar o tutorial aqui ?? É ninguém postou aqui, por que no meu ponto de vista é praticamente desnecessário já que muitos não tem cérebro para entrar em outros foruns sobre o assunto imagina então entender um tutorial. E ainda tem os piores que copiam o tutorial e não colocam corretamente os creditos. Share this post Link to post Share on other sites
Jow Leite 2 #13 Posted December 24, 2008 Se você sabe de quem é os creditos que bom, Eu não puis nem meus creditos, Porque logico não fui eu mas poderia por meus! Se você é tão bom assim Faz um tutorial cara ja era! Agora postar sem nessecidade nem vira Abraço Share this post Link to post Share on other sites
SvkE 1 #14 Posted December 24, 2008 parem de enche o saco do kra...tem mto novato que gosta desses tutoriais...se for pra reclama nao posta que eh melhor jow leite...pq vc simplesmente nao edita o topico e poe os creditos do autor... Share this post Link to post Share on other sites
Majesty 1,759 #15 Posted December 25, 2008 Próximos comentários desnecessários e floods os senhores serão alertados. Share this post Link to post Share on other sites
sussumu 0 #16 Posted January 11, 2009 Simples rápido e bonito, tudo que a OTnet precisa XD Share this post Link to post Share on other sites
Rubiswaldo 0 #17 Posted January 12, 2009 Nossa Apesar De Suas Sprites Estarem Otimas(se forem suas)O tutorial esta muito bom. Valeu Ai E Continue A Fazer Tutoriais Assim Para A galera da OtNet ;] Flw E apesar de seu topico estar totalmente non-sense eu acho que ainda tem salvbação. @topic Favor fechem o topic, pq apesar dos creditos, tenho certeza que ele nao pediu autorização. Share this post Link to post Share on other sites
Disouza.maia 0 #18 Posted February 17, 2009 Você é um mito xD..sério tuto muito loko aprovado muito bem explicado... irmã + nova da sov kkkkk Share this post Link to post Share on other sites
Tozim 0 #19 Posted February 17, 2009 cara este tutorial esta otimo para iniciantes como eu, mt facil de se entender!! Share this post Link to post Share on other sites
etchebeur 0 #20 Posted February 17, 2009 haha, lixo no tbr e consegue ser lixo aqui tambem :laugh: aqui é o pyro ponha os devidos creditos, poderia ser qualquer um do TBR entao larga mao de ser troxa e adicione os devidos creditos corretamente. Ok, ensine como montar um carro de 2010 com um de ano 1970 Share this post Link to post Share on other sites
