Modelos personalizados da Brandfolder etapa 1: configurar projetos

A integração atualmente suporta ativos digitais e de impressão. Essas configurações estão disponíveis se sua organização estiver utilizando modelos avançados. Os recursos descritos abaixo não estão disponíveis no modelo básico. 

Este artigo aborda a etapa 1 da criação de modelos que está configurando projetos em preparação para a criação de modelos. As etapas necessárias para criar um modelo de Brandfolder incluem:

1. Configurando projetos

2. Bloqueando projetos

3. Salvar um projeto e gerar um modelo

Palavras para conhecer dos modelos personalizados da Brandfolder

Um projeto é um arquivo de trabalho para qualquer modelo criado a partir dele. 

Um modelo é voltado para o usuário final e é criado a partir do projeto. Os usuários finais podem personalizar elementos dentro do modelo, incluindo texto, imagens, planos de fundo e formas. Todos eles estão definidos e bloqueados ou desbloqueados para edição pelo administrador ou colaborador. 

O tamanho da tela é o tamanho do projeto e do modelo resultante. Os tamanhos de tela são frequentemente conhecidos com base no canal em que o ativo será usado. Por exemplo, o tamanho padrão do post do Instagram é 1080px por 1080px.

Criando um novo ativo

Para criar um novo ativo:

1. Na seção em que você deseja que o modelo resida, clique no botão Criar novo ativo. Observação: um modelo só pode ser criado em uma seção de tipo de arquivo.  

2. Um novo modal aparecerá. Selecione o tipo de projeto que deseja que o modelo seja. 

• Design digital: usado para anúncios de redes sociais e sites usando dimensões baseadas em pixels. 
• Design de impressão: para projetos de alta qualidade com sangramento e CMYK usando dimensões baseadas em polegadas. 

Criando um novo projeto

Depois de selecionar o tipo de projeto, um novo modal precisará aparecer. 

1. Dê um nome ao projeto

2. Escolha uma das opções a seguir:

• Um tamanho de tela específico. Isso revelará várias opções predefinidas, como postagens sociais comumente usadas (Instagram, Facebook, Pinterest, etc.)
• Carregar uma imagem Isso padronizará o projeto para o tamanho da tela da imagem carregada.
• Criar a partir de um modelo existente. Isso padronizará o projeto para o tamanho de tela do modelo selecionado. 

3. Selecione Criar projeto no canto inferior direito do modal.

Construir um novo projeto 

Os administradores e colaboradores podem adicionar e ajustar texto, imagens, plano de fundo e formas clicando nos botões do lado esquerdo da área de navegação do projeto. Novas páginas também podem ser adicionadas e as páginas também podem ser clonadas. 

• Texto: adicione texto (cabeçalhos, subtítulos, linhas de texto, marcadores) e selecione entre uma variedade de fontes, cores, tamanhos e alinhamentos. Os tipos de arquivos de fonte que podem ser carregados nos Modelos Personalizados da Brandfolder são: .OTF, .TTF, .WOFF.
  • O texto pode ser vinculado a um arquivo PDF exportado da sua conta. Esta é uma opção valiosa se você deseja navegar o leitor para uma página da web. Para vincular o texto em seu projeto, siga estas etapas:
    1. Clique na caixa de texto que deseja vincular
    2. No menu esquerdo, localize a opção Hiperlink
    3. Adicione o endereço da web à página para a qual você deseja criar um hiperlink
  • Observe que você não pode vincular parcialmente uma caixa de texto. A caixa de texto completo deve estar com hiperlink.

 

• Imagens: upload do seu computador, Brandfolder, Unsplash, Pexels e Iconfinder. Existem certos tipos de arquivo que você pode enviar para os Modelos Personalizados da Brandfolder, esses tipos de arquivo são: .JPG, .PNG, .SVG, .TIFF, .HEIC. Há também um limite de tamanho padrão de 25 MB.
  A primeira vez que você fizer upload da Brandfolder, precisará inserir sua chave de API. 

• Fundo: adicione imagens ou cores de fundo, bem como ajuste o tamanho.

• Formas: adicione formas ao modelo usando o Iconfinder ou formas básicas pré-carregadas. As imagens também podem ser inseridas nas formas. 

• Adicionando e clonando páginas: clique no botão Adicionar nova página abaixo da visualização do projeto para tornar o projeto com várias páginas. Clonar uma página (fazer uma cópia) clicando no botão Clonar Página. Ou você também pode expandir o menu do lado direito e selecionar Páginas > Adicionar. 

Zonas

Zonas são áreas quadradas ou retangulares que você pode designar no modelo para o usuário colocar um elemento de design (imagem, vídeo ou SVG). As zonas permitem que você controle se o elemento de design ficará mascarado ou se encaixará totalmente na área. Este recurso é ótimo para logotipos, headshots, cabeçalhos e muito mais.

Como adicionar uma zona

Há duas maneiras de criar zonas no editor. 

A primeira opção consiste em:

1. Clique no botão Imagens no menu esquerdo 
2. Clique na opção Zona criando uma zona vazia (um ícone de espaço reservado será exibido)

A segunda maneira de fazer isso é:

1. Adicionar uma imagem, um vídeo ou uma forma quadrada/retangular ao editor
2. Selecione a opção Converter em Zona no menu da esquerda

Configuração de uma zona

Depois que a zona for adicionada, você precisará definir algumas propriedades. 

1. Escolha a posição do elemento para ser Fit ou Mask. 
   1. Ajuste: A imagem ou SVG será colocada na zona, mas pode ser redimensionada ou reposicionada em qualquer lugar dentro do espaço designado. Os elementos não serão cortados.
   2. Máscara: a imagem ocupará todo o espaço, não deixando margem. Os elementos que não se encaixam exatamente na zona serão cortados.
2. Selecione a Orientação Padrão (define onde um elemento colocado estará dentro da Zona). *Se você escolheu Máscara na Etapa 1, você pulará as etapas 3 e 4.
3. Selecione a margem padrão. Isso definirá quanto espaço o elemento terá entre as bordas da zona e as bordas do elemento. 
4. Selecione a rotação. Isso definirá o ângulo em que o elemento será colocado.
5. Selecione a capacidade de restringir proporções de redimensionamento.
6. Selecione o arranjo e o alinhamento. 

Você notará que existe um modo de configuração que permite visualizar o posicionamento e a posição padrão, por exemplo, elementos de diferentes proporções, dadas as opções listadas acima. Ative o modo de configuração para gerar uma visualização dentro da zona para você visualizar.

Próximas etapas

Depois de criar um novo ativo e configurar seu projeto, você desejará configurar as configurações de bloqueio.