Posts relacionados:

1. Illustrator – Color Guide
2. Illustrator – Transform
3. Illustrator – Blend e Opacity Mask

O Edge é um programa que a Adobe fez pra facilitar a criação de animações em HTML5, JavaScript e CSS3. Imagino que eles estejam admitindo a morte do Flash na web, e estão se preocupando com essas tecnologias que estão se tornando padrão nos browsers modernos. Mas isso não significa que quem já usa o Flash, ou quem ainda está aprendendo, tenha que parar tudo e olhar pro Edge. O Flash ainda é um software incrível de animação e dá saída pra vídeo, que pode ainda ser usado na web ou em outros meios.

Como a coisa ainda está muito no início (hoje o Edge só está disponível no Adobe Labs, pra teste), eu imagino que no futuro essa integração vai ser mais simples. No caso o que eu faço pra enviar uma arte pra ser animada no Edge é usar um script pra salvar cada camada do Illustrator como um arquivo SVG (Scalable Vector Graphic), que é o formato vetorial aceito pelo HTML5. Daí eu uso as ferramentas ainda rudimentares do Edge pra criar uma animaçãozinha básica.

Fiz esse vídeo porque senti um grande potencial no Edge, e acho que a Adobe deve continuar a investir seus esforços nessas tecnologias, pra não deixar a peteca cair como eles andaram fazendo com a insistência do Flash. O programa ainda é bem cru, mas não custa nada já conhecer o funcionamento, as limitações desse tipo de saída e o fluxo que isso pede, pra podermos explorar animação pra web de forma mais leve e seguindo os padrões de hoje em dia.

Baixe o meu script Save Layers as SVG aqui.

Posts relacionados:

1. Illustrator – Transform
2. Illustrator – Color Guide
3. Integração Illustrator / Flash

• Extremamente complexas;
• Matematicamente precisas;
• Com poucos cliques;
• De forma não-destrutiva.

Tudo de bom !

Posts relacionados:

1. Illustrator – Color Guide
2. Illustrator – Efeitos de preenchimento
3. Illustrator – Ferramenta de texto

A ferramenta é especialmente útil quando se tem uma arte com muitas cores, e você quer recolorir para respeitar uma determinada paleta, ou reduzir o número de cores. Ela permite que você faça isso de forma bem rápida, precisa e com possibilidade de experimentação.

Posts relacionados:

1. Illustrator – Efeitos de preenchimento
2. Illustrator – Ferramenta de texto
3. Illustrator – Halftones

Usando as actions de converter pra isométrico, fiz um ícone de livros pra mostrar essa técnica aplicada.

Posts relacionados:

1. Illustrator – Lettering para HQ
2. Illustrator – Halftones
3. Illustrator – Mesh Tool

Esse jeito de fazer, não requer que você entre no Photoshop pra criar o efeito. Tudo acontece no próprio Illustrator. É bem simples e automático, e dá um sentido interessante quando bem utilizado.

Posts relacionados:

1. Photoshop – Brushes para Illustrator
2. Illustrator – Pathfinder
3. Illustrator – Blend e Opacity Mask

Posts relacionados:

1. Photoshop – Extração
2. Photoshop – Droplets
3. Photoshop – Brushes para Illustrator

Só lembrando, pra quem tá gostando dos tutoriais, pra dar uma força e clicar nos anúncios que aparecem no meio dos vídeos… Não que eles sejam completamente inúteis e só sirvam de estímulo financeiro, alguns links são bem úteis. Mas num custa nada e o Revver vai me pingando uns trocados que me animam a continuar produzindo ! Valeu =D

Posts relacionados:

1. Photoshop – Brushes para Illustrator
2. Photoshop – Extração
3. Illustrator – Básico

Uma erratazinha, é lá pelos 4 minutos eu digo “nove centímetros”, mas na verdade é nove MILÍMETROS !

Outra coisa que esqueci de mencionar, é quando houver imagens no arquivo, vc deve conferir se ela está em CMYK 300dpi. Isso costuma ser feito no Photoshop, antes de vc colocar a imagem no Illustrator. Aí também tem que ter certeza que ela não está entrando maior do que 100% o tamanho original dela. Senão começa a ficar toda pixelada. Se a imagem estiver estourando esses limites um pouquinho, num tem problema. Mas se estiver entrando tipo a 150%, ou o dpi estiver a 200, dá pra forçar a barra no Photoshop com plugins como o AlienSkin BlowUp! ou o Genuine Fractals, que fazem um ótimo trabalho de resampleio forçado de imagem e já me salvaram de vários pepinos.

Posts relacionados:

1. Illustrator – Básico
2. Illustrator – Spray
3. Illustrator – Pathfinder

Usem com cuidado e não abusem da técnica do botão com reflexo, pois isso é uma tendência atraente da web, mas que em pouco tempo vai cair em desuso e quem sabe, virar um elemento kitsch no seu projeto.

Posts relacionados:

1. Illustrator – Brushes
2. Illustrator – Lettering para HQ
3. Photoshop – Brushes para Illustrator