Criar modelos de arrastar e soltar

Antes de começar

• Os modelos de arrastar e soltar estão vinculados ao sistema da sua marca. Portanto, os logotipos, as cores e as fontes que foram definidos por você podem ser usados.
• O recurso arrastar e soltar ainda está amadurecendo como uma tecnologia e não oferece suporte:
  • tipos de entrada avançados, incluindo conteúdo dinâmico e que pode ser repetido.

Criar seu modelo

Criação

1. Navegue até o menu do lado esquerdo e selecione Templating.
2. Na página Modelos, selecione + Novo modelo.
3. Escolha a opção Construir seu próprio sistema.

Duplicar um modelo existente

Você pode duplicar um modelo existente de arrastar e soltar ou codificado. Na biblioteca de modelos, localize o modelo e, em seguida, selecione o menu de elipses à direita e selecione Duplicar. Digite um nome para o novo modelo e selecione Duplicar. O modelo inteiro (incluindo todas as variações, designs, conteúdo, informações e equipes) é duplicado. O status Published (Publicado) não é duplicado, assim você pode fazer as alterações necessárias antes da publicação. 

Os modelos do InDesign não podem ser duplicados. 

Navegando no editor de modelos

Depois de criar o modelo, você verá o editor de modelos. Ele é dividido em 4 componentes principais.

• Barra lateral de camadas/entradas (objetos): no lado esquerdo. 
  • Variações/camadas: Os construtores podem definir uma ou várias Variações com muitas camadas de objetos.
  • Entradas: Permite que os criadores definam áreas de personalização para os usuários finais.
• Canvas: no centro, essa área é onde você pode criar seu modelo. Atualmente, ela exibe apenas um layout por vez.
• Barra de ferramentas: na parte superior, inclui suas ferramentas, controle de zoom e controle de salvamento.
• Barra lateral de atributos: no lado direito, permite que você personalize os atributos de uma camada de objeto específica (ou seja, cores, texto, tamanho/posição). 

Variações

Um novo modelo sempre terá uma variação padrão de um bloco quadrado do Instagram. Você pode criar um modelo ou editar o que já existe.

Criar um novo modelo 

1. Na opção Criar seu próprio sistema, selecione Criar novo
2. Dê um nome ao modelo e selecione o formato.
   1. Escolha entre os formatos sugeridos ou crie seu próprio. 
   2. Se você escolher o formato PDF, poderá definir as configurações de impressão profissional e aumentar o número de páginas.
3. Selecione Criar modelo.

Criar novas variações

1. Selecione + New variation (Nova variação ) na barra lateral Objects (Objetos).
2. Escolha na lista de opções de layout predefinidas ou defina um tamanho e um nome personalizados.
3. Se desejar, ative a opção Ativar impressão profissional e ajuste o tamanho da sangria.
4. Selecione Criar.

Editar uma variação existente

1. Passe o mouse sobre a variação existente por meio do painel Layers (Camadas) na barra lateral Objects (Objetos).
2. Selecione o menu kebab. 
3. Selecione Edit.
4. Ajuste o nome e os valores e selecione Edit Variation (Editar variação). 

Excluir uma variação

1. No mesmo menu acima, selecione Delete Variation (Excluir variação).

Impressão profissional

Quando você ativa a renderização de impressão profissional em uma variação:

• a impressão profissional adiciona espaço de sangria; você pode editar o valor em milímetros nas bordas superior, inferior, direita e esquerda;
• a impressão profissional adicionará marcas de recorte (corte) ao PDF ao exportá-lo;
• o espaço de cores é convertido para CMYK;
• o PDF agrupa tudo na exportação, incluindo imagens e fontes;
• o pressionamento da tecla W no teclado mostra/oculta a sangria e o transbordamento da página.

Adicionar páginas

É possível adicionar páginas extras a variações com um formato PDF. Selecione + Nova página na barra lateral de objetos.

Variações com formatos PNG ou JPG não podem ter várias páginas. Ao criar uma variação e copiar o design de uma variação em PDF de várias páginas, apenas a primeira página será copiada. 

Limites de modelo e variação

Os modelos de arrastar e soltar podem ter até 30 páginas por variação e um total de 200 páginas em múltiplas variações. O número de variações em um único modelo não pode exceder 30. 

Criar seu modelo

Obras de arte de referência 

A adição de arte de referência permite incluir uma versão transparente da arte para fácil referência enquanto recria seu modelo.

1. Navegue até a barra lateral do atributo no lado direito. 
2. Alternar na obra de arte de referência. 
3. Selecione Select Artwork. 
4. Selecione o ativo que deseja usar como referência. 
5. Crie seus componentes de modelo usando a barra de ferramentas. 

A barra de ferramentas

Depois de definir o tamanho da tela, você pode começar a criar o modelo usando a barra de ferramentas. 

Texto (T)

1. Selecione o ícone T na barra de ferramentas ou use a tecla de atalho (T).
2. Selecione e arraste na tela ou clique em qualquer lugar da tela.
3. Ajuste o tamanho da caixa de texto selecionando a borda e arrastando-a, ou use a ferramenta de transformação.

A barra lateral do atributo no lado direito inclui:

• Tamanho e posição
• Conteúdo do texto
• Configurações de fonte, incluindo família de fontes, peso, tamanho e altura da linha
• Cor da fonte
• Listas formatadas: listas ordenadas e marcadores
• Alinhamento: alinhamento horizontal e vertical 
• Limpar formatação
• Overset Text Warning (Aviso de excesso de texto): informa ao usuário final que apenas o conteúdo que se ajuste ao tamanho alocado para esta caixa de texto será aceito. É exibida uma mensagem de erro, e a caixa de texto fica vermelha.

Integrações e opções

• Sistema de marcas: Todos os tipos de fontes configurados serão automaticamente transferidos para o editor de modelos e estarão disponíveis para seleção de família de fontes e peso
• Fontes do Google: O editor de modelos está integrado ao Google Fonts. Para configurar o Google Fonts, selecione a engrenagem de configurações e ative a opção Allow Google Fonts. 
• Entradas: Entradas de modelos personalizados podem ser definidas em objetos de texto por meio do ícone Command ao lado dos estilos de texto e fonte no painel de atributos.
  • Atualmente, as entradas podem ser configuradas nos atributos Conteúdo do texto e Tamanho da fonte
  • Você pode ter até 50 entradas em um único modelo, mesmo que sejam usadas em múltiplas variações. 

Retângulo (R) / círculo (O)

1. Selecione o ícone da ferramenta retângulo ou círculo na barra de ferramentas ou use as teclas de atalho (R) ou (O).
2. Selecione e arraste na tela para criar sua forma.
3. Para obter um quadrado ou círculo perfeito, clique na tela. 
4. Redimensione selecionando a borda e arrastando ou usando a ferramenta de transformação.

A barra lateral do atributo no lado direito inclui 

• Tamanho e posição
• Preencher
• Derrame

Imagem (I)

1. Selecione o ícone de imagem na barra de ferramentas ou use a tecla de atalho (I).
2. Selecione e arraste na tela para criar o contêiner de imagem.
3. Depois que um contêiner inicial for criado, a biblioteca de ativos da Content Automation será exibida.
4. Selecione sua imagem. Não é possível adicionar novas imagens aqui; você precisa fazer isso na biblioteca de ativos. 

Ajuste de imagem

Você pode definir como a imagem deve caber no contêiner com as seguintes opções: 

• Ajustar: Contém a imagem inteira no contêiner (isso pode criar um espaço em branco se o contêiner tiver uma proporção diferente da imagem). Essa opção é ideal para imagens de produtos, ícones e logotipos.
• Preencher: preenche todo o contêiner com a imagem.
• Cortar: Clicar duas vezes na imagem permitirá que o usuário reposicione a imagem no contêiner ou ajuste o tamanho do contêiner de imagem para exatamente o que ele deseja. 
  • Para entrar no modo de corte: clique duas vezes na imagem.
  • Para sair do modo de corte: Selecione enter ou clique fora da imagem.

Mascarar uma imagem

Você pode mascarar imagens usando formas específicas.

1. Crie uma forma.
2. Crie uma imagem sobre a parte superior da máscara.
3. Selecione as duas camadas.
4. Clique com o botão direito do mouse sobre elas e selecione Convert to Mask (Converter em máscara).
5. Isso criará um grupo de máscaras.

Integrações e opções

• Entradas: As entradas de modelo personalizadas podem ser definidas em imagens por meio do ícone de comando ao lado dos estilos de imagem no painel de atributos.
  • Atualmente, as entradas podem ser configuradas na fonte de imagem. 

Caneta (P)

A caneta permite criar formas simples de polígonos.

1. Selecione o ícone da ferramenta caneta na barra de ferramentas ou use a tecla de atalho (P).
2. Clique na tela para adicionar um ponto para iniciar a forma de polígono.
3. Continue clicando para adicionar mais pontos à forma do polígono.
4. Quando terminar, clique no ponto original ou selecione a tecla Enter/Return para finalizar a forma.

Para criar uma linha reta, mantenha a tecla Shift pressionada. 

A barra lateral de atributos no lado direito inclui

• Tamanho e posição
• Preencher
• Derrame 

Logotipo (L)

1. Selecione o ícone do logotipo na barra de ferramentas ou use a tecla de atalho (L).
2. Clique e arraste na tela.
3. Um novo modal aparecerá e você poderá escolher logotipos do sistema da sua marca. Ajuste o tamanho do logotipo selecionando a borda e arrastando ou usando a ferramenta de transformação.

QR code (Q)

1. Selecione o ícone de QR code na barra de ferramentas ou use a tecla de atalho (Q).
2. Clique e arraste na tela para criar um contêiner de QR.
3. Ajuste o tamanho e a posição do contêiner de QR. 
4. Na caixa Value free text (Texto livre de valor ), digite o URL ou o texto ao qual você deseja que o código QR seja conectado. Você também pode alterar a cor do texto e do fundo conforme necessário. 

Se você quiser oferecer aos usuários finais a possibilidade de alterar o QR code no nível do documento, clique com o botão direito no espaço reservado para o QR code, selecione “Assign value input” (Atribuir entrada de valor) e “+ New input” (+ Nova entrada) e nomeie a entrada.

Cor de fundo

Você pode aplicar uma cor de fundo ao layout definindo a cor de preenchimento. 

Barra lateral de camadas/entradas

Ao adicionar formas, textos e logotipos ao layout, você os verá no painel de camadas. 

Reordenação de camadas

• Arraste as camadas no painel para indicar a ordem correta.
• Você também pode selecionar a camada com o botão direito e escolher entre estas quatro opções:
  • Enviar para trás
  • Enviar para trás
  • Trazer adiante
  • Trazer para a frente

Exclusão de camadas

• Exclua camadas selecionando o objeto no layout e pressionando a tecla delete/backspace
• Você também pode selecionar a camada com o botão direito do mouse no painel de camadas e selecionar Excluir. 

Agrupamento de camadas

• Selecione as camadas que deseja agrupar e pressione CMD/CTRL + G ou clique com o botão direito do mouse nas camadas e selecione Group layers (Agrupar camadas)
• Para desagrupar, selecione o grupo e pressione CMD/CTRL + SHIFT + G ou clique com o botão direito do mouse nas camadas e selecione Ungroup layers (Desagrupar camadas)

Duplicação de camadas

• Para duplicar uma camada ou um grupo, selecione os objetos na tela ou a camada no painel de camadas e pressione CMD/CTRL + D ou clique com o botão direito do mouse e selecione Duplicar

Atalhos de teclado

• Mantenha pressionada a barra de espaço para deslocar o espaço de trabalho.
• Cmd+Z (Ctrl+Z Windows) para desfazer, Cmd+Shift+Z para refazer (Ctrl+Y Windows).
• Cmd+S (Ctrl+S Windows) para salvar.
• Cmd+D (Ctrl+D Windows) para duplicar um objeto.
• Mantenha pressionado Cmd (Ctrl Windows) e role para aumentar e diminuir o zoom.
• Com um trackpad, aperte/espalhe para aplicar zoom e dois dedos para fazer panorâmica.
• Atalhos de ferramentas
  • T (Texto)
  • R (Retângulo)
  • O (Círculo)
  • I (Imagem)
  • P (Caneta)
  • L (Logotipo)
• Del para excluir um objeto.
• Cmd+G (Ctrl+G) para agrupar objetos, Cmd+Shift+G para desagrupar.
• W para mostrar/ocultar transbordamento de página e imprimir marcas de corte/sangria (se ativado).