Fazendo sprites no Fireworks.
Olá amikenhos, hoje vamos aprender o básico de como fazer sprites no fireworks.
Para organizar melhor , vamos dividir em partes.
1.0 - Ferramentas usadas
2.0 - Esboço
3.0 - Pintando
3.0 - Sombras
1.0 Ferramentas usadas
Bom , as ferramentas que eu uso são
- Pencil Tool (B)
- Dodge Tool (R)
- Burn Tool (R)
- Paint Bucket Tool (G)
- Eyedropper Tool (I)
- Eraser Tool (E)
- E , raramente , Brush Tool (B)
Essas são as únicas que eu uso.Talvez , em alguma necessidade uso smudge tool (R) e Blur Tool (R)
2.0 - Esboço
Bom , nessa parte aprenderemos como fazer o contorno do objeto desejado
Mas primeiro vamos aprender que ferramentas usar nisso.
http://img231.imageshack.us/img231/6...osprite3vq.png
Nao use vector , elas são feias e malvadas , e ainda fodem tudo.
Pra começar vamos aprender as linhas a usar.
http://img81.imageshack.us/img81/2259/tutosprite5as.png
nunca faça do jeito da direita , fica feio.
2.1 - Fazendo um círculo
Agora vamos aprender a fazer um círculo "Nossa , que noobice , até um retardado faz um círculo" , você que pensa , meu jovem padauám.
Para faze um círculo sem usar vector é mais complicado que parece , e usar vector estraga tudo , pois nao poderemos usar ferramentas de bitmap nelas depois.
Primeiro faça uma reta com 4 pixels pra cima(exemplo) após isso , faça uma reta um pixel menor, na diagonal dessa, também pra cima.
O resultado deve ser esse:
http://img210.imageshack.us/img210/2...osprite2ts.png
Agora vá fazendo assim , sempre diminuindo um pixel.
Quando chegar em um pixel , faça a mesma coisa só que para o lado , como mostra na imagem abaixo:
http://img73.imageshack.us/img73/1227/tutosprite0ep.png
Agora vá fazendo isso até obter o seguinte resultado:
http://img211.imageshack.us/img211/1...osprite4et.png
ótimo , agora você sabe fazer um circulo
E agora , vamos aprender a fazer uma espada.
2.2 - Fazendo uma espada
Agora você fala
"Abili seu nub!!1 já tem umn tutorial de fazer espada no fôrumMm!111one"
Maas aquele é realmente mal detalhado.
Vamos fazer mais detalhadamente :P
Primeiro , faça um quadrado (em vector) sem preenchimento e em uma cor de contorno que se destaque bastante , como azul ou verde.
agora vá alí em baixo nas propriertes e ponha ele com 32 pixels. Deve ficar mais ou menos assim:
http://img47.imageshack.us/img47/6504/tutosprite2ph.png
Agora você se pergunta "Abili , seu nuber , pra que eu vou usar isso?????/" e a resposta é simples , meu caro padeiro , digo , padauan.(HoHo , que engraçado)
Você tem que se lembrar que o tamanho padrão das armas no tibia é de 32 pixels.
Agora desenhe um cabo , que nao pode variar muito , normalmente ele é parecido , mas você tem que usar sua criatividade.
Exemplo:
http://img230.imageshack.us/img230/2...osprite2tp.png
(lembre-se que eu estou usando zoom)
Agora faça a lâmina.
http://img147.imageshack.us/img147/5...osprite9hp.png
(experimente fazer lâminas de outro jeito também.)
Agora você tem o seu rascunho!!!!1one
3.0 - Pintando
Bom , agora vamos aprender a pintar , lol.
Para pintar , você deve usar a ferramenta Paint Bucket Tool (G).
Ponha tolerance 0 e com a opção fill selection deselecionada.
Agora , clique no baldezinho que aparece no lado esquerdo da tela e veja que vai aparecer uma tabela de cores , como aparece aqui no tibiabr para escolher as cores ,só que com algumas cores a mais
http://img73.imageshack.us/img73/5931/tutosprite3be.png
Agora repare que no canto superior direito da tabela tem uma flexinha pro lado , clique nela e vai aparecer várias opções , experimente elas.
Eu uso a "color cubes" , e de vez em quando "continuos tone"
Mas isso nao importa agora. Olhe que alí em cima aparece o código da cor , que é composto por letras (A até F) e números (0 até 9) Sendo os menores os mais escurs e os maiores mais claros.
Tá , escolha a cor do cabo , normalmente é marrom , mas depende de você.
Agora use o Paint Bucked (G) e pinte aquela área.
Deve ficar assim:
http://img149.imageshack.us/img149/4...osprite4zz.png
La vem o "Nossa, Abili , você é noob mesmo , acha que fica bonito desse jeito?"
Calma , meu jovem empadão, digo , padawan , vamos por partes.
Agora pinte o resto , deixando mais ou menos assim:
http://img91.imageshack.us/img91/6827/tutosprite4wr.png
ótimo , agora essa parte está no fim , voltem sempre , vocês são boas pessoas , jesus amam vocês.
3.0 - Sombras
Agora vem a parte lekalws , fazer as sombras no seu item.
Para isso você usa Burn Tool (R) e Dodge Tool(R também).
Primeiro , veja as propriedades , tem Size , Edge , Shape , Range e Exposure , como você pode ver na imagem abaixo.
http://img134.imageshack.us/img134/9...osprite4bm.png
Size serve para definir o tamanho , Edge para definir a consistencia , ou sei lá o que , Shape é a forma , Range eu nao sei direito , mas eu dexo sempre em Shadows e Exposure é para escolher a força da luz / sombra , eu normalmente deixo em 50, e de vez em quando e 25 , nunca mais forte que isso.
Pronto , agora que entramos num acordo , você vai aprender como sombrear.
Primeiro , pegue a parte de cima, ou de onde deve estar iluminado e forre ela com a dodge tool , deve ficar mais ou menos assim:
http://img145.imageshack.us/img145/8...osprite6vl.png
Agora , com a dodge tool , passe nas extremidades, aonde a luz é mais forte.
Repare que vai ficar uma luz mais clara no local. Faça isso com alguns cliques.
Deve ficar algo parecido com isso:
http://img236.imageshack.us/img236/1...osprite9aj.png
Agora com a Pencil Tool (B) na cor preta reforce as linhas , que ficaram muito claras
http://img20.imageshack.us/img20/945/tutosprite2on.png
ótimo , agora você tem as luzes.
Pegue a ferramenta Burn (R) e forre as partes escuras.
http://img20.imageshack.us/img20/5229/tutosprite8mp.png
Dê uma escurecida nas partes que você achar que devem ficar mais escuras .
http://img149.imageshack.us/img149/85/tutosprite9yr.png
Agora você tem a sua espada
Você pode tentar outros efeitos , mas seja feliz e lembre-se: Quem canta seus males espanta.