Introdução à AA (anti-aliasing)

Introdução
Aliasing é geralmente conhecido como serrilhado,
é o efeito em forma de serra que se cria ao desenhar uma linha em diagonal.
A técnica anti-aliasing é o que suaviza este serrilhado dando um melhor
contraste entre as cores.
Esta técnica apenas é, o ato de "embaçar"
a linha com tons médios de cor dando a impressão de suavidade.
Veja abaixo uma forma geométrica antes e após o uso de anti-aliasing:

Entendendo o AA
Obs.: O AA usado nos exemplos foram criados automaticamente por um programa de
computador, por isso não se desanime se não conseguir um resultado tão
"perfeito".
Como já foi explicado acima, AA é a técnica que dá contraste entre as cores,
mas para aplicar esta técnica em uma pixel art - como é o nosso caso - você
deve conhecer as três etapas:
Escolha de tonalidade: Para
realizar um bom AA, é muito importante uma boa escolha de tonalidade de cores.
Os tons devem ser intermediários, ou seja, devem fazer uma transição entre as
cores. Ex.: Se você estiver fazendo um objeto com o contorno preto e
preenchimento branco, você deverá fazer a transição entre as duas cores certo? Mas
para fazer isso você deverá descobrir a cor intermediária entre preto e branco,
e qual é? Cinza, com tons de cinza você consegue fazer um bom AA (olhe a figura
acima para compreender melhor).
Sim, eu sou péssimo professor... Mas ficou perdido? não entendeu nada ainda? Se
sim, talvez isso se resolva nos próximos tópicos.
AA interno: Tem a função de
eliminar serrilhados internos do desenho, fazendo com que as sombras, luzes e
transições de cores fiquem melhores, veja exemplos abaixo:



AA externo: Tem a função de eliminar o serrilhado externo, geralmente se o objeto for mais escuro que o fundo, o AA deve ser feito de uma tonalidade de cor escura para uma cor clara, até se "encaixar" ao fundo de uma melhor maneira. Se o objeto for mais claro que o fundo se faz o mesmo processo ao contrário. Veja exemplos:


Esta é apenas uma introdução, para que todos possam intender melhor oque é AA, se você ainda não tiver entendido me faça perguntas, pode me contatar por email.
Atenção:
Conteúdo da Legal Games, se copiar, coloque os créditos e o link para esta página!

tutorial muito bem explicado, parabéns xD

err... não tem muito o que falar, o tuto ta ótimo, ja sabia fazer AA, mas não sou muito bom xD

anyway, belo tuto

Eu gostei,bem legal e eu vo ja refazer os meus sprites.kkk
eu pensava que anti alisng(acho que eassim)
eu pensava que era algum efeito pra video
as ultimas 3 imagens eu demorei pelomenos uns 5 minutos para entender
que programa vc usa,quero pra mim
nao me diga que e o paint(nao diga)








to falando nao me diga que e o paint
>_<

Muito bom mesmo Alfredo , seus tutoriais como sempre são muito bem explicativos e tem qualidade.

Está de Parabens , Creio que houve bastante trabalho para fazer os AAs mostrados no tutorial , não só no tutorial mas em tudo que você faz utilizando AA no paint

vou ver se eu fasso un tuto ´´igual``
mas voltado pro photoshop

eheh valew gente!
deu trabalho para fzr o AA, apenas na imagem ali de sombras e luzes q eu tive o auxílio do photoshop, pq ia ser MUITO difícil usar tantas cores como foi feito ali neah?
flw

Agora ja dá uma ajuda pra quem quer ser Spriter.
muito bom, gostei mesmo xD