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

O script que eu usei pra dividir a linha em seções idênticas é esse:

Divide Length

Quem ainda não viu o vídeo de scripts, vale à pena conhecer!

Posts relacionados:

1. Illustrator – Scripts & Scriptographer
2. Illustrator – Ilustração a partir de foto
3. Illustrator – Color Guide

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

Scripts são como plugins, que extendem a capacidade do Illustrator e o tornam um programa muito mais versátil e customizável. Eles estão aí pra facilitar tarefas tediosas ou repetitivas de modo inteligente e rápido. Usar scripts é justificar o propósito do computador, e explorar seu potencial de processamento a favor do seu trabalho.
Imagine só … Por que você ficaria horas contando quantos objetos existem na tela, quando um script pode fazer isso pra você em poucos segundos ?

Além de demonstrar como scripts de Illustrator podem ser incorporados no seu fluxo de trabalho, eu apresento também o Scriptographer, um plugin que extende mais ainda as funções do programa, através de scripts interativos e bastante sofisticados.
Créditos pro Felipe Pinto, por ter me apresentado o Scriptographer !

Aqui algumas das maiores fontes de scripts que eu conheço:

• Adobe Exchange › Illustrator › Scripts
• Illustrator Praxis

E aqui alguns dos scripts que eu mais uso. Pra baixar, clique na imagem com o botão direito e selecione “Salvar destino como”:

Adjust dashes

Muito útil pra quem usa Illustrator pré-CS5, em que não havia ainda a função nativa de ajustar as linhas pontilhadas aos vértices do objeto.

Count selected objects

Conta quantos objetos estão selecionados.

Arc correction

Transforma linhas irregulares em arcos regulares.

Common tangents

Calcula e traça as tangentes comuns entre os objetos selecionados.

Metaball

Cria uniões curvas entre objetos, de acordo com o raio desejado.

Round any corner

Arredonda somente os cantos dos vértices selecionados, de acordo com o raio desejado.

Divide Length

Divide uma linha n vezes, em segmentos idênticos.

Divide text frame

Separa as linhas de uma caixa de texto em linhas individuais.

Join text frames

Une linhas de texto separadas em uma só caixa de texto.

Delete fluff

Exclui todas as paletas, símbolos e estilos gráficos não utilizados, a fim de diminuir o tamanho do arquivo.

Reverse

Inverte o sentido de um traço. Bom para controlar brushes, ou na hora de exportar para animação.

Extend handles

Extende simultaneamente os manipuladores dos vértices selecionados em x porcento. Valores podem ser negativos também …

Size by luminance

Redimensiona os objetos selecionados de acordo com a luminosidade do seu preenchimento.

Specify

Desenha cotas de dimensão, pra especificações técnicas.

Vary hues

Aleatoriamente varia a matiz de preenchimento ou contorno, ou a transparência dos objetos selecionados, em x porcento.

Package

Salva seu arquivo, e junto reúne todas as imagens linkadas em uma pasta “links”

Save docs as PDF

Salva todos os documentos abertos como PDFs separados.

Save docs as small PDFs

Salva todos os documentos abertos como PDFs separados, configurados para resultarem em arquivos mais comprimidos, para mandar por email.

Save layers as JPG

Salva cada camada como uma imagem JPG separada. O tamanho do JPG é o tamanho da camada.

Save layers as PNG

Salva cada camada como uma imagem PNG transparente separada. O tamanho do PNG é o tamanho da artboard.

Save layers as PNG 300dpi

Salva cada camada como uma imagem PNG transparente a 300dpi separada. O tamanho do PNG é o tamanho da artboard.

Dance

Cria dançarinos aleatórios, usando somente linhas com contornos de diferentes espessuras. Tá bom, eu nunca uso esse script, mas vai falar que não é engraçado !

—

Update: A pedido do Yuri Basilio, fiz um zip com todos os arquivos. Clique AQUI para baixar.

Posts relacionados:

1. Illustrator – Básico
2. Illustrator – Ilustração a partir de foto
3. Illustrator – Efeitos de preenchimento

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. Illustrator – Lettering para HQ
2. Illustrator – Brushes
3. Illustrator – Básico

Comentários SEMPRE abertos, pra eu saber o que vocês acharam e o que tá faltando. Mandem por email, ou no Facebook tbm alguma dúvida que eu possa incluir em outro vídeo.

No related posts.