Pixel fonts embaçadas no Flash e no Photoshop
Por: Juliana Padron
Você também acha as pixel fonts mega cuti-cuti? Bem, o site Grixel™ – Greek Pixel Fonts possui Guidelines muito úteis para seu uso satisfatório tanto no Photoshop quanto no Flash. Por que satisfatório? Ora, quem ainda não passou pelo problema de visualização “embaçada” destas fontes num destes programas? No Illustrator, por exemplo, é dificílimo encontrar uma posição em que a legibilidade da fonte seja perfeita. Veja algumas dicas do Grixel™:
Macromedia Flash 8
- Utilize a fonte apenas com o tamanho de 8px ou seus múltiplos (16, 24 etc) com a opção “Bitmap text (no anti-alias) selecionada.
- Posicione seus blocos de texto em valores numéricos inteiros das coordenadas _x e _y. Por exemplo, utilize _x = 250 e _y = 150 ao invés de _x = 250.8 e _y = 150.4. Se você não posicionar seu texto numa posição inteira, ele ficará com aspecto embaçado (“blur”). Para facilitar, na opção View do menu, habilite Snap to pixels para on. Seus elementos serão posicionados em valores inteiros automaticamente.
- Ao posicionar seu texto dentro de um movieclip, este também deve ser posicionado em coordenadas de valores inteiras. Não altere a escala do movieclipe (aumentando ou diminuindo seu tamanho). Se você já alterou, não se desespere: vá até Modify/Transform/Remove Transform).
- Alinhe seus blocos de texto apenas à direita ou à esquerda.
- Evite fazer animações com textos em pixel fonts na timeline. Quando eles se movem, tendem a ficar embaçados devido à posição em valores não inteiros (o movimento no Flash não é a cada 1 px). Por outro lado, você pode tentar animá-los através de actionscript.
- Evite aumentar o tamanho do texto utilizando as ferramentas de escala. Se precisar de um texto em corpo maior, aumente a propriedade da fonte, lembrando sempre dos múltiplos de 8 para manter a qualidade.
- Certifique-se de que a visualização de seu stage/swf esteja em 100%.
Para Photoshop, considere as observações 1, 3 e 6 e mais esta: A resolução de sua imagem deve ser de 72DPI. Se esta não for a resolução que está utilizando, não tente alterá-la através da opção Image Size do menu. Você deve criar uma nova imagem com 72DPI. So sorry…
![Blog da JullieJoe Juliana Padron é DESIGNER, TRABALHA EM UM PROVEDOR DE HOSPEDAGEM DE SITES, ONDE TAMBÉM ADMINISTRA UM BLOG, ESCREVE PARA O iMASTERS, TEM COVINHAS QUE MAIS PARECEM CELULITES FACIAIS E GOSTA DE CACHORROS, DE DESPERATE HOUSEWIVES, MOUSSE DE LIMÃO, HÜSKER DÜ, SLAYER E DO GiL. NÃO TEM ORKUT, JÁ FOI BAIXISTA E ACREDITA QUE, UM DIA, TERÁ SEU NOME NA DEDICATÓRIA DE UM LIVRO DE STEPHEN KING [COITADA]. ABOMINA TEXTOS iXcLituX aXiM E TEM PAVOR, PÂNICO, FOBIA DE BORBOLETAS. SERES ASQUEROSOS. ADORA GIBIS DA TURMA DA MÔNICA. SÓ NÃO SAPATEIA E NEM DANÇA RUMBA, COMO A MÃE DO CASCÃO. [MAS CONTINUE LENDO]](http://jpadron.w3p.com.br/wp-content/themes/julliejoe/img/description.gif)

November 27th, 2007 at 4:33 am
Parabéns, perfeito!
November 19th, 2008 at 2:19 am
Parabéns pelo artigo, muito bom…me ajudou muito!