segunda-feira, 7 de junho de 2010

Grafico 3D no Ilustrator

Olá galera ai vai mais uma coisinha sobre o ilustrator
Fácil fazer



Aplicação do 3D no CS5. Espero que gostem


1º Passo: Entendendo o gráfico de colunas

O AI tem uma ferramenta muito legal para criação de gráficos. Apesar de ser muito útil, os gráficos não são visualmente agradáveis.
Então vamos utilizar o gerador de gráficos padrão e depois alteramos o layout.
A ferramenta que vamos utilizar é a  Column Graph.
Se você observar existem vários tipos de gráficos dinâmicos no Illustrator, mas nesse tutorial vamos abordar apenas o gráfico de barras verticais.

Selecione a ferramenta e desenhe um retângulo que será a área do gráfico. Logo após aparecerá uma tabela onde você colocará os dados do gráfico:

Só para exemplificar vamos fazer um gráfico com os dados 40, 60 e 90.
Faça isso e clique em Apply. O resultado será este:







2º Passo: Construindo o design
Agora que nosso gráfico está montado vamos começar a construír o design das barras. Para ajudar na organização tire a visualização dessa layer e crie uma nova.
Agora desenhe um cubo para ser o padrão do nosso gráfico. Eu criei este que você pode ver:

3º Passo: Aplicando o padrão
A maior dificuldade que temos ao criarmos 3D nos gráficos é a distorção das formas. Se o padrão for aplicado direto no gráfico o resultado será algo assim:
A parte superior dos gráficos tende a ser distorcida, o que não é o ideal. Para que isso não aconteça nós precisamos dizer ao AI qual parte deverá ser 'estendida' e qual parte do padrão será mantida:

Para isso precisamos retomar ao nosso cubo (padrão criado) e criar uma guia que representará o limite do padrão que poderá ser esticado.








Desenhe uma linha onde deverá ser o limite, selecione a linha e vá em View > Guides > Make Guides. Depois agrupe todo o conjunto. O resultado será algo assim:

Agora vamos dizer ao programa que este será o nosso padrão para os gráficos. Selecione o grupo, vá em Object > Graph > Design e clique em New Design. Depois disso você pode Renomear este padrão para identifica-lo melhor depois.

Agora que o padrão foi salvo, vamos voltar ao gráfico que criamos no início.
Selecione as barras com a Direct Selection Tool e vá em Object > Graph > Column. Excolha o seu padrão selecione a opção Sliding e dê OK
O resultado deverá ser este:

O melhor é que agora podemos criar novas barras, alterar os valores e o padrão não será distorcido.

4º Passo: Inserindo valores externos
A ferramenta de gráficos do Adobe Illustrator também nos permite receber valores de documentos externos. Ele recebe arquivos de texto, então recomendo o *.txt (quando forem poucos dados) ou o *.csv gerado a partir do excel (quando a quantidade de dados for maior). Quando for utilizar o *.txt coloque os dados separados por uma tabulação (tecla TAB do teclado) e quando for utilizar o excel, coloque os dados na tabela e salve o arquivo como arquivo "separado por vírgulas" (*.csv).


Para importar no Illustrator basta selecionar a opção Import data:

Nenhum comentário:

Postar um comentário