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

Aproveitando o assunto, recomendo a seguinte leitura:

The Animator’s Survival Kit
Richard Williams
Ed. Faber and Faber

Essa é a bíblia da animação de personagem, essencial tanto pra animadores tradicionais, quanto pra animadores digitais. É aquela fonte de referência que é sempre bom ter na prateleira pra quando precisar retomar um pouco os princípios de animação.

Mudando um pouco de assunto, mas também aproveitando o post, venho a anunciar que eu comprei um microfone e uma boa placa de som, então de agora em diante o audio dos tutoriais vai ser mais limpo e de melhor qualidade. =D

Posts relacionados:

1. Illustrator – Mesh Tool
2. Integração Illustrator / Flash
3. Flash – Básico

Os atalhos que eu mostro são os seguintes:

M – Ferramenta retângulo
L – Ferramenta elipse
T – Ferramenta texto
P – Ferramenta bezier
A – Ferramenta de seleção de pontos
V – Ferramenta de seleção de objeto
Shift + C – Ferramenta de transformação de ponto
D – Aparência básica (contorno preto, 1pt, preenchimento branco)
X – Alterna o foco de edição entre contorno e preenchimento
Shift + X – Troca o contorno com o preenchimento
/ – Aplica preenchimento/contorno transparente
Ctrl/Cmd + ] – Ordena objeto um nível pra cima
Ctrl/Cmd + Shift + ] – Ordena objeto pra cima de tudo
Ctrl/Cmd + [ – Ordena objeto um nível pra baixo
Ctrl/Cmd + Shift + [ – Ordena objeto pra baixo de tudo
Ctrl/Cmd + 2 – Tranca o objeto
Ctrl/Cmd + Alt/Option + 2 – Destranca todos os objetos trancados
Ctrl/Cmd + 3 – Oculta o objeto
Ctrl/Cmd + Alt/Option + 3 – Exibe todos os objetos ocultos
Ctrl/Cmd + F – Cola em frente
Ctrl/Cmd + B – Cola atrás
R – Ferramenta de rotação
S – Ferramenta de escalonagem
Ctrl/Cmd + D – Repetir última tarefa
Ctrl/Cmd + Alt/Option + Shift + D – Transformar cada objeto
Shift + O – Ferramenta de edição de artboards

Posts relacionados:

1. Illustrator – Mesh Tool
2. Illustrator – Básico
3. Illustrator – Ferramenta de texto

Texto em linha, área, objeto, path, as paletas de caracter e parágrafo, estilos de caracter e parágrafo, e no fim como expandir o texto para manipular sua forma.

Aproveito pra convidar todos que curtem os tutoriais pra conhecerem e favoritarem a minha página no Facebook. Basta clicar no botão “Curtir” aí do lado, ou lá na página mesmo. É mais um canal de feedback, e me permite enviar anúncios pros fãs, e saber o que vcs estão achando e precisando.

Posts relacionados:

1. Illustrator – Lettering para HQ
2. Photoshop/Illustrator – Integração
3. Illustrator – Blend e Opacity Mask

Posts relacionados:

1. Illustrator – Brushes
2. Illustrator – Básico
3. Illustrator – Lettering para HQ