IN

[Tutorial] A arte do pontinho - Iluminação/Sombreamento - 1.02

Por Insaend, 14 de abr. de 2013 em Tutoriais de Spriting

spriting
iluminação
sombreamento
insaend
otserv
tibia
14
2.9k
InsaendI
14 de abril de 2013 às 20:58

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:

e9jMWUV.png

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.

 

imagem10.png

01 Sprite:

 

0112.png

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:

0211.png

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:

0311.png

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:

0411.png

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:
zoom10.png

 

 

A arte do pontinho - Sumario
A arte do pontinho - Outline 1.01
A arte do Pontinho - Volume 1.03

 

 

Editado Junho 10 por Insaend

Correção ortográfica e remodelação para continuação das tutorias, e atualização de Imagens de link quebrados. Removido Imagens de alguns outros sprites...

ThiagoBjiT
14 de abril de 2013 às 21:01

Como sempre, ótimo tutorial Insaend! Obrigado pelo tutorial/conteúdo! :)

Depois vou estudar todos os seus tópicos, ai vou ficar fodinha em spriting, pois, seus tópicos são sensacionais. :)

 

Você já atingiu seu limite de reputações positivas para hoje

AlexclusiveA
14 de abril de 2013 às 21:15

Bom, bom, bom!!

Sempre ótimos seus tutoriais!

Parabéns!

GorennG
14 de abril de 2013 às 21:18

Bom queria saber como fazer com colares ?

 

post-366678-0-44317400-1365985116.png

PsyMcKenzieP
14 de abril de 2013 às 21:31

Achei que nunca fosse sair.

Muito bom cara!

Parabéns!

InsaendI
14 de abril de 2013 às 21:40

Bom queria saber como fazer com colares ?

post-366678-0-44317400-1365985116.png

Isso e um joia uma medalha ou so uma linha... na parte de baixo cada um tem seu tipo de Iluminação!

 

Achei que nunca fosse sair.

Muito bom cara!

Parabéns!

 

KKKK maus tava cheio de trabalho para fazer e o trampo RL (vida real) ta consumindo muito mais de mim do que deveria AUSUAHS!

vou tentar sempre postar as 6 feiras que não tenho aula de manhã!

PsyMcKenzieP
14 de abril de 2013 às 21:55

Eu também to fudido, trabalhando de dia e estudando a noite --'

Mas posta sim cara, seus tutoriais são foda!

AlexandreKGA
15 de abril de 2013 às 08:15

Belo tutorial,estou pensando em estudar spriting.Talves eu pegue seus tutoriais como exemplo!

 

Flw

InsaendI
19 de abril de 2013 às 08:58

bom galera a participação esta critica em... ate mesmo os Usuários que vieram participando não estão mais!

 

Na esperança de que aja mais envolvidos esperarei ate semana q vem para lançar o próximo se ouve mais agitação... continuaremos!

 

Abraço espero respostas com sprites do material que passei!

AlexandreKGA
19 de abril de 2013 às 10:16

Estou com pouco tempo,provas,trabalhos,muitas coisas da escola...

rDs7008R
20 de abril de 2013 às 10:55

Insaend, eu to tentando fazer uns itens com os teus tutoriais, clica aqui pra ir pro meu tópico.

llgeovanillL
20 de abril de 2013 às 13:10

Porque nao tem as cores de uma espada

InsaendI
20 de abril de 2013 às 19:21

Porque nao tem as cores de uma espada

 

Devido eu esta mostrando onde via a iluminação correta...

 

não to ensinando a pintar mais sim a saber onde e mais claro ou escuro!

2 semanas depois...
WebTutoriaisW
29 de abril de 2013 às 09:23

Ótimo Tutorial Cara , Nóvamente Te Dou Parabéns! , Continue Assim (Aguardando O Novo Tópico!) Congratulations!