Atendimento via WhatsApp Atendimento via WhatsApp

Blog Tecnológico

Dados variáveis no Adobe Illustrator CC

Igor Catarino • 27 mar 2018 • Adobe Illustrator

Dados variáveis no Adobe Illustrator CC

Um recurso muito prático na hora de produzir dezenas de materiais padronizados com informações variáveis (como crachás, cartões de visitas etc.) é a janela “Variáveis”. Ela existe para que você economize tempo e de forma automatizada modifique arquivos com velocidade.
Você precisará de um Arquivo Mestre, com um Layout definido, onde iremos inserir os dados. Além dele usaremos uma tabela feita no Microsoft Excel, contento os dados, que importaremos para o Illustrator em forma de xml.
Aqui utilizei um modelo de cartão de visitas como exemplo, mas você pode utilizar os Dados Variáveis pra outras demandas. Como, por exemplo, crachás, imagens para Redes Sociais etc.

cartao-de-visita-eng-dtp-multimidia

Após finalizar o layout do Arquivo Mestre crie uma tabela no Microsoft Excel. Você deve adicionar as mesmas informações do Arquivo Mestre.

excel-tabela-eng-dtp-multimidia

Preencha as informações com seus respectivos dados.

excel-preencher-dados-eng-dtp-multimidia

Não há necessidade de retirar os hiperlinks. Mas, se você quiser, basta selecionar o texto com o botão direito do mouse e selecionar a opção “Remover Hiperlink”.

hiperlinks-eng-dtp-multimidia

remover-hiperlinks-eng-dtp-multimidia

Para adicionar as imagens na lista selecione o caminho do arquivo na barra de navegação. Copie o endereço e cole na tabela do Excel.

endereco-eng-dtp-multimidia

endereco-pasta-eng-dtp-multimidia

cole-link-eng-dtp-multimidia

Troque as contra barras ( \ ) por barras ( / ).

troque-as-barras-eng-dtp-multimidia

Agora adicione uma barra, após o final do endereço, e escreva o nome da imagem e também ao extensão.

/Nome_da_foto.png
/Nome_da_foto.jpeg  
/ Nome_da_foto.gif

extensao-foto-eng-dtp-multimidia

extensao-excel-eng-dtp-multimidia

 

A ultima parte, antes de exportamos a lista para o Illustrator, é adicionar  file:///  antes do endereço.

file-eng-dtp-multimidia

O formato de XML que o Illustrator lê é especifico e diferente do que o Excel salva seus arquivos. Por isso precisaremos de um conversor de arquivos CSV (Comma separated values, ou em português, valores separados por vírgulas) para XML.

Utilizaremos o Mr. Data Converter (https://shancarter.github.io/mr-data-converter/).

mr-data-converter-eng-dtp-multimidia

Selecione os dados na tabela do Excel. Copie e cole no campo “Input CSV or tab-delimited data.” no Mr. Data Converter.

selecione-dados-excel-eng-dtp-multimidia

mr-data-converter-cole-excel-eng-dtp-multimidia

Altere a opção em “Output as” para XML – Illustrator.

xml-illustrator-eng-dtp-multimidia

xml-illustrator-mr-data-eng-dtp-multimidia

Clique sobre o campo do XML e copie.

cole-mr-data-eng-dtp-multimidia

Agora abra um bloco de notas. Cole o XML nele.

bloco-de-notas-eng-dtp-multimidia

bloco-de-notas-xml-eng-dtp-multimidia

Faremos algumas alterações no código XML. Clique em Editar>Substituir (ou utilize o atalho Ctrl + H).

editar-e-substituir-eng-dtp-multimidia

substituir-eng-dtp-multimidia

Para que nosso XML seja legível precisamos substituir as informações e referentes às imagens.

substituir-bloco-de-notas-eng-dtp-multimidia

Esse indica a existência de um parágrafo. Como queremos uma imagem devemos retira-lo.

Selecione file e cole no campo localizar da janela Substituir. No campo Substituir por: escreva file. Confirme em Substituir Tudo.

localizar-file-eng-dtp-multimidia

substituir-file-eng-dtp-multimidia

substituir-tudo-eng-dtp-multimidia

Todas as instancias foram alteradas. Agora faremos o mesmo processo com o final da frase. Selecione a extensão da sua imagem mais o final

(nome_da_foto.png). Copie e cole em Localizar. Em Substituir por: coloque apenas a extensão de sua imagem. Confirme em Substituir Tudo.

extensao-imagem-eng-dtp-multimidia

substituir-extensao-eng-dtp-multimidia

substituir-tudo-imagem-eng-dtp-multimidia

Pronto. Agora podemos salvar o arquivo. Vá a Arquivo>Salvar Como. Insira o nome que quiser e adicione .xml: Nome_arquivo.xml . Altere a Codificação para UTF-8.  Salve o arquivo.

mr-data-converter-salvar-eng-dtp-multimidia

utf-8-eng-dtp-multimidia

Nesse momento volte para o Illustrator. Antes de inserirmos os dados precisamos preparar o arquivo mestre. Vá a Janela>Variáveis. Agora indicaremos para o programa quais serão as informações variáveis.

variaveis-illustrator-eng-dtp-multimidia

variaveis-illustrator-botao-eng-dtp-multimidia

Selecione o texto e, na janela Variáveis clique no botão (uma pecinha de lego e uma engrenagem), na parte inferior, Tornar o texto dinâmico.  Agora temos uma variável criada com base em nossa caixa de texto. Faça o mesmo processo para as outras variáveis. Lembre-se, o nome da Variável deve ser igual ao dos títulos da tabela do Excel.

tornar-texto-dinamico-eng-dtp-multimidia

nome-variavel-igual-eng-dtp-multimidia

alterar-variavel-eng-dtp-multimidia

Chegamos à parte da imagem. Para que o processo funcione sua imagem base no layout deve ser um link. Para isso basta arrastar a imagem para dentro do Illustrator.

arrastar-imagem-eng-dtp-multimidia

arrastar-imagem-illustrator-eng-dtp-multimidia

Selecione a imagem e clique em Tornar arquivo vinculado dinâmico e altere seu nome para o mesmo da tabela.

selecione-imagem-eng-dtp-multimidia

vincular-arquivo-dinamico-eng-dtp-multimidia

alterar-nome-eng-dtp-multimidia

Clique no menu de hambúrguer, no canto superior direito da janela Variáveis, e selecione “Carregar biblioteca de variáveis”. Selecione o arquivo XML que salvamos há pouco. Clique em “Sim” e confirme a substituição de variáveis.

biblioteca-de-variaveis-eng-dtp-multimidia

arquivo-xml-eng-dtp-multimidia

confirmar-opcao-eng-dtp-multimidia

A variável da foto foi convertida em variável de texto. Para corrigir o erro clique no menu de hambúrguer e selecione a opção “Opções de variável.

variavel-texto-eng-dtp-multimidia

opcoes-de-variavel-eng-dtp-multimidia

opcao-de-variavel-eng-dtp-multimidia

Modifique o tipo para Arquivo vinculado e confirme em ok. Clique mais uma vez em Tornar arquivo vinculado dinâmico

modificacao-eng-dtp-multimidia

arquivo-vinculado-eng-dtp-multimidia

tornar-arquivo-vinculado-dinamico-eng-dtp-multimidia

arquivo-vinculado-dinamico-eng-dtp-multimidia

Clique na setinha, ao lado de “Conjunto de dados:” e veja todos os dados importados da tabela.

seta-conjunto-de-dados-eng-dtp-multimidia

conjunto-de-dados-eng-dtp-multimidia

importar-dados-eng-dtp-multimidia

Pronto. Seu arquivo está configurado. Agora vamos à exportação dos arquivos. Para automatizar o processo e não precisar fazer um por um iremos criar uma Ação. As ações existem também no Photoshop.

Uma ação é uma série de tarefas reproduzidas em um único arquivo ou lote de arquivos — comandos de menu, opções de painel, ações de ferramenta e assim por diante. Por exemplo, é possível criar uma ação que altera o tamanho de uma imagem, aplica um efeito na imagem e, em seguida, salva o arquivo no formato desejado.

Clique em Janela>Ações. Na Janela das ações, no canto inferior direito, clique em Nova Ação (ícone de folha com ponta dobrada). Na janela de Nova ação coloque o nome desejado. Confirme em Gravar. Suas ações já estão sendo gravadas.

janela-acoes-eng-dtp-multimidia

nova-acao-eng-dtp-multimidia

nova-acao-salvar-eng-dtp-multimidia

salvar-pdf-eng-dtp-multimidia

Para salvar o arquivo pressione Shift+Ctrl+S, ou clique em Arquivo>Salvar como. Depois de selecionar a pasta em que o arquivo será salvo modifique o tipo do arquivo para Adobe PDF. 

Confirme a ação em Salvar. Se o arquivo for para uma gráfica você pode mudar a Predefinição de Adobe PDF para [PDF/X-1ª:2001]. Confirme na opção Salvar PDF. Pressione o botão stop para finalizar a gravação da Ação.

Para que os arquivos sejam exportados, respectivamente utilizando a ação que gravamos, clique no menu de hambúrguer da janela ações. Selecione a opção Em lotes.

Mantenha Ações Padrão em Conjunto. Em Ação selecione a ação que criamos. No tópico Destino habilite a opção Substituir comandos “Salvar” da ação. Clique em Escolher para direcionar o local final dos arquivos e confirme em OK.

salvar-como-eng-dtp-multimidia

em-lotes-eng-dtp-multimidia

em-lotes-salvar-eng-dtp-multimidia

em-lotes-opcoes-eng-dtp-multimidia

escolher-pasta-eng-dtp-multimidia

Se os arquivos não forem salvos com pdf há varias formas de corrigir. Uma delas é adicionar o .pdf após o nome dos arquivos. Mas em uma situação onde você tem dezenas de arquivos isso não é viável.

corrigir-para-pdf-eng-dtp-multimidia

Portanto vamos renomear os arquivos de uma vez. Utilizaremos o Adobe Bridge. Abra o programa e vá à pasta onde seus arquivos estão salvos.

adobe-brigde-arquivos-eng-dtp-multimidia

Selecione-os e clique em Ferramentas > Renomear em Lote. 

adobe-brigde-ferramentas-eng-dtp-multimidia

adobe-brigde-renomear-em-lote-eng-dtp-multimidia

No tópico “Novos Nomes de Arquivo” Mude a opção “Texto” para “Nome de Arquivo Preservado”. Assim os nomes dos arquivos permaneceram os mesmos. Remova as outras caixas de texto clicando no botão “-“.  Mude a opção “Data/hora” para “Nova Extensão”.  

Digite a extensão desejada.  Confirme em Renomear.

 

Finalmente, acabamos.

Saiba mais sobre o Treinamento Oficial do Adobe Illustrator CC

Gostou deste conteúdo?




 

 

Igor Catarino

Igor Catarino

Designer de Animação, Espcialista em Tecnologias Adobe; e Instrutor de Graphic Design na ENG DTP & Multimídia - São Paulo.

ENG DTP & Multimídia - Logo

 

 

ENVIE SEU CONTATO e SEUS COMENTÁRIOS


LinkedIn da ENG DTP Multimídia
     Facebook da ENG DTP Multimídia     Instagram da ENG DTP Multimídia

 Jornad Graphic Design