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

[Insaend 155]

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

 

 

Editado Junho 11, 2017 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...

[ThiagoBji 146]

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

[Alexclusive 687]

Bom, bom, bom!!

Sempre ótimos seus tutoriais!

Parabéns!

[Gorenn 6]

Bom queria saber como fazer com colares ?

 

[PsyMcKenzie 150]

Achei que nunca fosse sair.

Muito bom cara!

Parabéns!

[Insaend 155]

Bom queria saber como fazer com colares ?

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ã!

[PsyMcKenzie 150]

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

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

[AlexandreKG 134]

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

 

Flw

[Insaend 155]

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!

[AlexandreKG 134]

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

[rDs7008 47]

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

[llgeovanill 2]

Porque nao tem as cores de uma espada

[Insaend 155]

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!

[WebTutoriais 34]

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