Posts relacionados:

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

Opacidade padrão

No momento que você tiver objetos sobrepostos, e mudar o Blending Mode do objeto que está no nível mais alto pra outro diferente de “Normal”, suas cores começam a interagir com as cores dos objetos que estão abaixo.

Se você conhece Blend Modes através do Photoshop, vai perceber uma grande diferença entre ele e o Illustrator. Enquanto no Photoshop os Blend Modes só podem ser aplicados a camadas inteiras (e alguns efeitos e operações), no Illustrator eles são aplicados em cada objeto. E mais – você pode definir um Blend Mode para o objeto inteiro, e também ter diferentes Blend Modes em cada preenchimento e contorno desse objeto, criando aparências complexas mas simples de manipular.

Para entender como funciona cada Blend Mode, podemos separar a lista em 5 grupos e simplificar a operação básica que cada um faz:

Note que o funcionamento dos Blend Modes é universal, então essa referência também serve para outros programas Adobe que os oferecem. Vou exemplificar cada um usando uma camada com dois degradês em cima de uma arte com variações de tom :

Modos de escurecimento

Modos de clareamento

Modos de contraste

Modos comparativos

Modos de componente

Esse post é uma referência pra você ter uma noção de como funcionam os blend modes, e saber como usá-los nos seus projetos. Se quiser ver um exemplo aplicado, assista o vídeo Illustrator – Efeitos de Preenchimento, onde eu mostro como usar blend modes pra criar efeitos compostos de preenchimento em objetos no Illustrator.
 

Posts relacionados:

1. Illustrator – Efeitos de preenchimento
2. Illustrator – Blend e Opacity Mask
3. Illustrator – Atalhos e dicas

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 – Color Guide
2. Illustrator – Transform
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 – Efeitos de preenchimento
3. Illustrator – Ilustração a partir de foto

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

Apresento então as novidades que achei interessantes na nova versão do Illustrator.

Destaque especial pro Width Tool, e os aprimoramentos do multi artboards.

Posts relacionados:

1. Illustrator – Mesh Tool
2. Illustrator – Ferramenta de texto
3. Illustrator – Atalhos e dicas

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