Neste treinamento, enfrentamos um desafio clássico do cotidiano de uma agência, mas não se preocupe: não se trata do diário da loucura diária que gostaria de escrever agora, mas simplesmente do design moderno de um cartão de visita para um escritório de arquitetura fictício. E além do processo de design, também é importante criar um cartão de visita para toda a equipe de uma empresa.
O InDesign é um programa super poderoso e oferece diversas ajudas de automação, o que acelera significativamente o fluxo de trabalho. E é exatamente essas ajudas de automação que vamos aproveitar - mais especificamente, o processo de mesclagem de dados em cartões de visita. Com isso, será possível criar cartões de visita em grande escala com apenas um clique, seja para 10 pessoas, 20 pessoas, 50, 100 ou até mil ou mais - tudo sem problema algum.
Na última parte do treinamento, vou explicar também como preparar tudo isso para poder enviá-lo corretamente para a gráfica de confiança. No meu caso, faço referência ao viaprinto e detalharei o que é importante ao exportar: quais configurações devem ser obrigatoriamente consideradas e como o produto final deve ser preparado para que possamos enviá-lo depois?
Criar documento - atentar para as diretrizes da gráfica!
Antes de começarmos, precisamos descobrir quais são os requisitos de nossa gráfica. Por isso, visitamos o site da viaprinto (1). Aqui, vamos até o cartão de visita (2) e escolhemos o formato retrato (3). Aqui, verificamos os detalhes e modelos (4) e abrimos a ficha técnica (5).
Esses são os requisitos: Portanto, o formato final é de 55 mm por 85 mm. Além disso, a viaprinto solicita uma margem de segurança de 3 mm, que é a área sombreada em cinza, basicamente um complemento ao produto final, pois no processo de corte garante que não ocorram falhas nem outras surpresas desagradáveis nos aguardando. Portanto, adicione 3 mm de margem de segurança.
Além disso, a viaprinto nos alerta para projetar elementos de forma que, como dito, não haja falhas, mas também para manter uma distância de segurança em relação às margens de corte e de vinco, eles querem 4 mm aqui. "Permitir que as imagens de preenchimento total se estendam até a margem de segurança", também para evitar falhas. Como vocês podem ver: falhas não são bem-vindas não apenas nas ruas, mas também na área de impressão, elas simplesmente causam problemas e devem ser evitadas.
Além disso, podemos dar uma olhada mais de perto nas especificações do produto aqui e também considerar os 300 dpi, caso queiramos usar imagens.
Vamos então para o InDesign e criar o documento. Arquivo>Novo>Documento… O meio de saída é destinado à impressão (1), não precisamos de uma página dupla (2). Definimos um novo formato da página: 55 mm de largura e 85 mm de altura (3). Uma coluna está ok (4). Ajustamos as margens todas iguais usando o ícone de cadeia (5). Colocamos 4 mm em cada margem, conforme sugerido pela viaprinto. E então adicionamos uma sangria de 3 mm em todos os lados (6). Você poderia fazer isso dessa maneira agora, e de qualquer forma estaria tudo correto, mas gostaria de mostrar a vocês um caminho alternativo…
Isso nos leva novamente ao site da gráfica (1), pois lá temos a opção de baixar esses modelos facilmente. Acho isso bastante prático para quem não deseja se preocupar com como, o que, onde criar: Basta clicar em InDesign (2), salvar o arquivo e extrair. Eu abro o arquivo IDML…
… e veja só: a viaprinto se deu ao trabalho de fazer tudo por nós. Isso também é bastante prático, pois economiza todo o processo de criação. Obviamente, você não precisa excluir todas as informações que estão visíveis aqui agora - a viaprinto as colocou em um nível diferente. Podemos desbloquear tudo e simplesmente visualizar…
… e ocultar. Assim, temos as especificações disponíveis novamente. É bastante prático, vou manter assim por enquanto. E com esse esboço, o design pode começar.
Definir cores
O que não pode faltar são as cores da empresa: Para isso, criamos três novas amostras de cor através da paleta de cores. Menu Nova amostra de cor…
Estamos trabalhando no espaço de cor CMYK aqui, pois estamos preparando isso para impressão. Primeiramente, definimos dois tons de cinza: Para o Preto, ajustamos para 85% e adicionamos (1). Em seguida, escolhemos um cinza mais suave com 50% de Preto e adicionamos também (2). Em seguida, um verde maçã vibrante: Ciano em 53%, Magenta em 5%, Amarelo em 100% e Preto em 0% (3). Adicionar. E então temos nossas cores.
Criar linhas-guia
Em seguida, é importante trabalharmos com linhas-guia. Na frente, quero ter apenas duas linhas-guia que me ajudem a definir o ponto central exato. Para isso, posso clicar com o cursor na régua, manter pressionado o botão do mouse e puxar a linha-guia (1). Deixe-a cair (2) e aqui no menu superior (3), defino o eixo X exatamente no centro, digitando "55/2". Assim, acertamos exatamente o centro na vertical (4).
Agora farei o mesmo horizontalmente: clicar na régua, puxar uma linha-guia (1) e na Y-ane entrar com "85/2" (2).
Agora temos duas linhas-guia que se cruzam no centro da página (3).
Criar superfícies inclinadas
Agora precisamos de elementos para preencher o layout. Vamos dar uma olhada no esboço novamente: na frente, há áreas com bordas diagonais, mas também áreas retas, o logotipo ... Vamos começar com as áreas.
Para isso, vou dar um zoom, aliás, isso é possível com Alt e scroll do mouse, o que faz você aproximar facilmente do local onde o cursor está. Escolho minha ferramenta de retângulo (1) e desenho uma grande área (2) que preencho com a cor antracite (3).
Depois, uma borda, em verde maçã (1) com 3 pt (2).
Agora precisamos inclinar um pouco e aqui acima podemos definir um ângulo de inclinação: 49° (1). Depois eu ajusto um pouco mais.
Pressionando W, mudo essa visualização (2) e consigo avaliar melhor, sem ver o resto que não será impresso.
Precisamos do mesmo aqui em cima, por isso crio uma cópia. Selecione o objeto, mantenha pressionado Alt. Agora tenho uma seta dupla que me indica que criará uma cópia. Arraste o objeto para o canto superior esquerdo com o botão do mouse pressionado.
E assim temos nossas belas linhas diagonais instaladas.
Criar barras
Agora vamos olhar para o trilho central. Para isso, crio um retângulo novamente com a ferramenta de retângulo (1), desenho aqui (2) e insiro a altura de 12 mm (3). Além disso, a cor, o cinza escuro (4). Agora precisamos de uma borda, a mesma das outras áreas (5). Mas se eu simplesmente aplicar a borda ao retângulo, teremos o efeito desagradável de quebrar a linha (6). Não queremos isso.
Por isso, um truque: eu removo a borda novamente (1), copio o retângulo com Ctrl + C na área de transferência e o colo novamente na posição original (2, Editar>Inserir na posição original).
Agora temos uma cópia, ou seja, o objeto está sobreposto duas vezes. Nas camadas (1) posso observar exatamente: Este é o retângulo frontal (2), este é o traseiro (3). E agora mudo a cor para verde (4).
Na altura, aumento para 115% (1). O resultado: ele atravessa novamente o triângulo.
Mas agora temos a vantagem de poder mudar a hierarquia das camadas. Selecionei o retângulo traseiro e o movi para o fundo (2).
E assim temos bordas limpas e bonitas, como imaginamos.
Criar logotipo: Elementos básicos
Agora precisamos dar uma identidade a tudo isso. Para isso, criamos um logotipo. Não é tão difícil quanto parece. Aqui está o esboço novamente.
Começamos com um retângulo (1 e 2). Atribuo a ele uma cor (3). Com a Ferramenta Polígono (4), crio um triângulo. Para isso, clique uma vez no documento e abrirá a janela Polígono (5). O número de lados é 3, confirme com OK. Removemos o contorno, a cor é definida como cinza (6). Então, alinhamos isso à esquerda e esticamos (7).
O retângulo está muito grande para mim, estreito o triângulo um pouco mais (1).
Agora entra em cena o União. É bastante útil para combinar completamente dois objetos. Aqui na paleta está o União (2), mas também pode ser encontrado em Janela>Objeto e Layout>União.
Eu seleciono ambos os objetos (3). E agora clico no União neste símbolo (4), que significa que ambos os objetos devem se fundir em uma soma, essencialmente uma adição dos dois elementos. Nosso prédio está pronto (5). Vou movê-lo para a página por enquanto.
Agora vamos estilizar o fundo. Com a Ferramenta Moldura Retangular (1), crie um retângulo (2), também pressionando a tecla Shift para manter as bordas iguais. O retângulo ganha a cor verde (3). Crio uma duplicata dele (4) e de ambos mais uma vez (5).
E nessa "janela do Windows" (6), como quase parece, agora atribuo a Opções de Canto (Objeto>Opções de Canto…). Estamos no canto superior esquerdo do retângulo (7). Preste atenção para desativar o ícone de cadeia (8). Aqui simplesmente escolhemos um canto arredondado (9) e pronto, aí está (10).
Fazemos o mesmo no canto superior direito (1), canto inferior direito (2) e canto inferior esquerdo (não mostrado na imagem).
Assim temos os quatro retângulos arredondados (1). Eles podem ser um pouco maiores (2). Eu alinho os retângulos no meio da linha auxiliar azul (2). Coloco a casa em cima (2) e na frente (3 e 4).
Criar Logo: Usar União
Agora vamos dividir tudo isso. Para isso, precisamos novamente do União e precisamos começar a agrupar alguns grupos juntos novamente, ou seja: superior esquerdo e inferior direito (marcados como em 1) devem ser unidos em uma unidade através do União (2). Da mesma forma para superior direito e inferior esquerdo (marcados como em 3 e então pressione 2).
Se movermos isso agora, vemos: Tornou-se um objeto próprio (4) e também este (5). Com Ctrl + Z, retorno tudo para a posição correta.
E por que agora dois elementos de fundo? Isso ocorre porque queremos usar duas cores diferentes: o superior esquerdo e o inferior direito devem ser em um cinza suave (1). Os outros dois permanecem verdes. Vou mudar a cor da casa (2), para não confundir um pouco.
Seleciono ambos os objetos de fundo e os agrupo. Assim, temos uma unidade fechada, apenas a casa ainda está separada.
Agora vamos alinhar isso no meio: Seleciono ambos os objetos com Shift (1), então através de Alinhar e com estes dois botões (2) centralizo. A casa já estava quase centralizada, mas agora quero um pouco menor. Então: Ctrl + Shift + Alt faz com que tudo encolha para o centro quando diminuo no canto (3).
Dou uma cópia disso: Ctrl + C, então Editar>Colar na posição original (4). Agora temos duas casas.
Seleciono o grupo mais uma vez (1), pois agora posso simplesmente subtrair a casa da superfície verde usando o União (selecione a casa e as superfícies verdes, então pressione 2).
E posso subtrair a casa de baixo da superfície cinza (1). Agora temos o nosso belo logo, como imaginamos (2). Selecione tudo novamente e agrupe como um grupo (3).
É assim que tudo fica. E agora temos o logo como um grupo, podemos duplicá-lo, redimensioná-lo ou copiá-lo como desejarmos.
Adicionar Texto
Agora vamos dar um nome ao objeto. Para isso, basta eu arrastar um campo de texto aqui, bem grande. Eu escolho a fonte Akko Rounded Pro e escrevo: "estudo de arquitetura fictício". O nome próprio será exibido em tamanho grande, com 15 Pt, e o restante com 7,3 Pt logo abaixo. Escolhi isso de propósito para que a largura da segunda linha se aproxime da primeira em tamanho.
Vou mover tudo para baixo. Neste exemplo, estou me alinhando com a linha azul (1). Clicando duas vezes na alça aqui embaixo (2), o tamanho fica ajustado corretamente. Com Ctrl + A eu seleciono o texto e centralizo (3).
Agora centralizo tudo: selecionei meu campo de texto (1) e em seguida a margem (2). Usando a opção Alinhar, consigo centralizar corretamente (3). E agora coloco apenas o "estudo" em um verde vívido e o resto em um branco radiante (4).
Colocar Gráficos
É assim que o resultado está no momento. No final, só faltam nossos elementos ilustrativos. Através do Arquivo>Colocar...
... escolho os gráficos: a "caneta", o "apontador", a "régua" e o "compasso" (1). Agora todos os elementos estão no cursor carregado. Com as setas do teclado eu navego entre os elementos (2).
Coloco a régua embaixo, o apontador acima, a caneta ao lado e o compasso nesse local. A caneta eu ajusto um pouco. Estes são todos arquivos vetoriais, então eles podem ser escalados como desejar. Assim, a primeira página está pronta (3). Vamos salvar tudo por enquanto.
Criar Verso
Agora vamos para o verso. A viaprinto já nos providenciou uma segunda página para isso. Vamos trabalhar com ela no próximo passo.
Vou criar novamente linhas de guia. Aqui um pouco mais, pois na frente tínhamos que destacar a dinâmica extravagante, mas vamos agir um pouco mais estáticos na segunda página, já que temos muito texto. Então, vamos em Layout> criar linhas de guia… (1). Quero onze linhas de guia com um espaçamento de coluna de 0 mm (2). Isso já pode ser visto ao fundo se a função de pré-visualização estiver ativada (3). Confirmo (4). Agora podemos nos orientar por elas.
Aqui está mais uma vez o modelo que queremos replicar.
Começamos com as grandes barras verdes acima e abaixo. Para isso, vou novamente usar a ferramenta de quadro retangular (1), começo na borda de corte superior, desenho um retângulo (2) e preencho com a cor verde (3). Com Alt e Shift faço uma cópia do retângulo para a parte inferior (4).
Em seguida, precisamos da caixa cinza escuro, que desenho manualmente. Preencho com cor uma vez e pronto (1).
Vou roubar o logotipo da primeira página. Ctrl + C, e então colo na segunda página (Editar>Colar na posição original). Amplio um pouco mais, para nos guiar pelas linhas de guia (2). Alinho a borda superior a 5 mm (3).
Com o nome, estamos quase no resultado final. Desenho um campo de texto, mudo a fonte para Myriad Pro, pois a Akko Rounded Pro foi usada apenas para o nome próprio e a Myriad Pro está prevista para a correspondência. Centralizo o "Markus Mustermann" e aumento o valor do tamanho da fonte para 14 Pt. O nome é colocado em Semibold, sobrenome em Light. O espaçamento de linha é definido em 18 Pt. Na próxima linha, coloco "Diretor" em 10 Pt.
Aqui também teremos um destaque colorido. "Diretor" será cinza claro. O nome será em cinza escuro.
Vamos continuar com os restantes dados de contato, que ainda estão previstos. Vou fazer isso rapidamente, pois já preparei tudo em minha biblioteca. Não quero aborrecê-los mostrando como faço cada etapa. Basicamente são apenas campos de texto e alguns pictogramas. Vocês também podem fazer isso facilmente. Uma vez centralizado, está pronto.
Em nosso modelo, ainda temos essas linhas delicadas que se estendem para fora no final, tanto à esquerda quanto à direita. Vamos construir isso agora: Pegamos a Ferramenta de Desenho de Linha (1), mantemos pressionada a tecla Shift ao desenhar a linha para criar uma linha reta (2). Defino a espessura como 0,6 Pt (3). Não precisamos de cor, pois se trata apenas do contorno que aplicaremos ao cinza delicado (4).
E agora, prestem atenção: Abrimos a paleta de Efeitos (5) e aplicamos um Gradiente Suave (6). A única coisa que precisamos mudar aqui é selecionar a Radial (7) como Tipo. Confirmar.
E assim terminamos com o efeito. Com a tecla Alt e Shift pressionadas, faço uma cópia da linha, movo para baixo para a posição. E então faço uma segunda cópia mais abaixo.
E assim concluímos também esta página e nossas duas páginas estão criadas.
Fusão de Dados
Como podemos fazer com que, para uma equipe de dez pessoas, não precisemos criar novos cartões de visita sempre, mas podemos deixar o InDesign fazer isso com apenas um clique?
Na verdade, não é tão complicado. A única coisa que você precisa é um arquivo TXT com todos os dados mestres dos funcionários. Eu tenho isso aqui (1): Existem vários funcionários com um nome e sobrenome, função, rua, código postal, cidade, e-mail e ramal. A única coisa especial aqui é que as palavras são separadas por tabulações e listadas continuamente para baixo.
No InDesign, eu uso agora a Fusão de Dados (2). Se isso não aparecer do lado direito da tela para você, você pode abri-lo facilmente em Janela>Utilitários. E lá podemos selecionar a Fonte de Dados (3 e 4): "Ficha de colaboradores fictícia.txt" (5).
Agora ele reconhece: A primeira linha é a linha de origem e ele extrai todas as designações de lá (1), como "Nome", "Sobrenome", "Rua" e assim por diante.
Agora precisamos fazer o seguinte: Marcamos o "Mustermann" e atribuímos a ele a etiqueta "Nome". E com "Markus" atribuímos a etiqueta "Sobrenome".
Isso está um pouco grande agora, ele está mostrando um texto excessivo. Por razões de demonstração, eu aumento o texto para 13 Pt, então ele cabe legalmente em uma linha (2).
Pegamos também o "Diretor Executivo". Isso é a "Função". E assim fazemos com a rua, código postal e cidade. O site permanece o mesmo, trocamos o e-mail pela etiqueta "E-mail". Na número de telefone, adicionamos apenas o ramal. Com isso, temos todos os dados relevantes atribuídos.
Portanto, atribuímos todas as etiquetas. Agora podemos começar a Fusão de Dados. Para isso, clico uma vez na Fusão de Dados (1) e seleciono Criar Documento Mesclado (2 e 3).
Em seguida, há uma bela caixa de diálogo (4), onde você deve dizer o que fazer em caso de texto excessivo, etc. Eu apenas confirmo tudo (5) e o InDesign processa. Aqui está indicado para mim (6): "Nenhum texto excessivo foi criado ao mesclar registros de dados". Eu confirmo isso.
Através da visualização de páginas, podemos ver o que o InDesign fez: Ele criou os cartões de visita para todos os funcionários. Vamos dar uma olhada: "Albrecht Markus", diretor executivo. "ma" é sua abreviação para o endereço de e-mail e seu ramal é "11".
Vamos conferir os outros. Ok, acho que a única coisa que fiz errado aqui foi que o nome está ao contrário, mas não é algo sério, porque você certamente entendeu o princípio de poder criar tudo rapidamente com alguns cliques. Isso é o que eu queria.
Preparação para a gráfica (Exportar e Dividir)
Como devemos preparar tudo agora para que a viaprinto também possa processá-lo? Há algumas pequenas coisas nas quais devemos prestar atenção. O diabo está nos detalhes. Então vamos dar mais uma olhada no site da viaprinto e ver a ajuda:
Em Manuais (1), então Criar documentos de origem (2) e depois PC (3, ou talvez 4 para o Mac) você encontrará o item Adobe InDesign para PC (5). Lá você verá desde a criação até a exportação todas as especificações que devemos observar (6). E o que é mostrado de forma tão bonita aqui, eu vou seguir passo a passo.
No InDesign, eu abro primeiro a caixa de diálogo de exportação (Arquivo>Exportar…). Eu nomeio como "vcard.pdf" e salvo em uma nova pasta chamada "Export". Isso abre a caixa de diálogo de exportação ...
A gráfica viaprinto agora escreveram que gostariam de aplicar PDF/X-3:2002. Eu defino isso como Padrão. Em Geral, não precisamos fazer mais nada.
Na Compressão, a viaprinto menciona que devemos configurar a Reamostragem Bicúbica para os valores 356 e 534. Em seguida, devemos indicar também Automática (JPEG).
Em Marcas de Corte e Sangria, devemos escolher utilizar as Configurações de Sangria do Documento. Já temos 3 mm configurados lá e agora iremos exibi-los durante a exportação.
No Output, é crucial fazer a escolha correta, pois é preciso levar em consideração vários aspectos para garantir que a conversão seja feita para o espaço de cores correto. Neste ponto, a viaprinto sugere: Converter no Perfil de Destino (Manter os Valores). O Destino solicitado é ISO Coated v2 300% (ECI). "Coated" neste caso refere-se a um papel revestido, que é basicamente o oposto do papel não revestido, conhecido por ser mais poroso, como o usado em jornais.
Então, só precisamos selecionar a opção Avançado, escolher Redução da Transparência [Alta Qualidade] e ativar a caixa de seleção para Ignorar Configurações Diferentes nas Folhas de Impressão. E é isso. Vamos começar a exportação.
Agora temos 18 páginas (1). A barra verde aqui em cima (2) está tão alta porque a sangria foi exportada. Parece bem largo, mas o corte será feito mais abaixo.
Agora tenho todos os cartões de visita prontos, incluindo dois colegas que não estão em Munique... Uma vez chamado "Fels Friedrich" (3)...
... e uma vez chamado "Voigt Thorsten", ambos localizados em Erfurt. E o que é muito legal é que na viaprinto há a opção de realizar um envio múltiplo, ou seja, no exemplo, 90% da equipe está em Munique, mas os 10% restantes estão em Erfurt - basta definir facilmente durante o processo de compra: Eu gostaria que os dois últimos fossem enviados para Erfurt.
Para implementar isso, não precisamos fazer mais nada no Acrobat, apenas dividir este documento uma vez. Através de Exibir>Ferramentas>Páginas (1), podemos dividir o Documento (2).
Número de Páginas: Eu gostaria de ter 2 páginas em cada (1) e confirmo isso (2). Assim, o documento será dividido em nove documentos (3). Isso significa que teremos um PDF para cada conjunto de cartões de visita.
Agora na pasta "Export", temos um arquivo com todas as nossas páginas e então temos os arquivos com os cartões de visita individuais (4). Podemos excluir o que contém todas as páginas.
Configurar Envio e Upload
Agora voltamos para a página da viaprinto. Escolhemos novamente o Cartão de Visita (1), o Formato Vertical (2) e clicamos em Enviar Documento (3). Lá teremos um Gerenciador de Documentos (4) que orientará o carregamento de todos esses documentos sequencialmente. Isso levará um tempo (5).
Adicionei tudo ao carrinho. Aqui está o último cartão, o "vcardTeil9", que estou complementando. Na função de pré-visualização, já podemos ver ...
... o "Fels Friedrich", esse é o que está estacionado em Erfurt, e agora vamos adicioná-lo ao carrinho também, ele também receberá 250 unidades.
Agora tenho uma visão geral do carrinho, os dois últimos vão para Erfurt e os primeiros vão para Munique. Cliquei em Continuar.
Aqui podemos selecionar várias opções de endereços: Enviar para um ou mais endereços (1). Escolhemos os "Markus Albrecht" e "Friedrich Fels" (2). E agora podemos atribuir as posições. Portanto, "Friedrich" receberá sempre o número "0", mesmo nas outras posições (3). No entanto, as posições 6 e 7 irão para Erfurt, então ele receberá 250 unidades cada. Para o endereço em Munique, os números serão "0" (4). Em seguida, o custo do envio será calculado (5).
Eles serão cobrados duas vezes, é claro, pois serão enviados para dois endereços diferentes, cada um por 4,95 euros (1). Clique em Avançar (2).
"Entregas (Alemanha)" por 9,90 euros. Em seguida, clique em Avançar novamente (3) ...
... e pronto, temos um resumo de como tudo deve ficar. Agora está tudo configurado para que os habitantes de Erfurt recebam os seus cartões de visita e os de Munique recebam os seus.
Então, é possível confirmar tudo isso, mas dessa vez não vou fazer isso, senão os cartões de visita serão enviados para qualquer pessoa de um escritório de arquitetura duvidoso que nem existe de verdade.
Vocês puderam aprender bastante por aqui e espero que tenham gostado de desenhar, assim como da fusão de dados e desta janela de envio. Boa sorte ao implementar em casa! Experimentem por si mesmos.
Seu Stefan