1. O que são Máscaras?

No sistema Auryn, máscaras são imagens no formato PNG usadas para indicar, no editor de personalização, o formato e as áreas de um produto que podem ou não receber arte. Elas ajudam o cliente final a visualizar como o produto ficará, evitando erros de posicionamento.

Existem três usos principais para as máscaras:

a) Formatos de Produtos

Definem a área exata de personalização.
Exemplo: Uma máscara em PNG com partes transparentes mostra onde a arte será aplicada.

A máscara abaixo é feita em png. Esta parte branca, é na verdade transparente no png., para que a arte seja inserida ali.

Máscara em png:

Edição:

Outros Exemplos de máscaras em png:

b) Templates Fixos

Utilizados em produtos como calendários ou relógios, que possuem elementos fixos e não podem ser alterados pelo cliente. A máscara serve de guia e, em alguns casos, será impressa junto com o produto.

Calendários e Relógios por exemplo, possuem templates fixos, para que não haja erro do usuário durante sua edição:

Máscara em png:

Edição:

c) Áreas Vazadas

Indicam partes do produto que não podem receber impressão, como o furo da câmera em capinhas de celular. Máscara em png, com “furo” no lugar da câmera, e formato vazado:

No editor fica assim:

Assim o usuário pode editar o seu projeto de forma mais fácil, já que a máscara ajuda o usuário a entender melhor sobre como o produto vai ficar. 

Somente é possível cadastrar máscaras em produtos editáveis/personalizados. Leia aqui como cadastrar este tipo de Produto.

2. Tipos de Máscaras

No Auryn, trabalhamos com dois tipos:

1. Máscaras Impressas

   • Fazem parte do layout final (ex.: meses do calendário, marcações de relógio).

   • Devem ser criadas na resolução de 300 dpi.

   • Sempre com fundo transparente.

   • Antes de disponibilizar ao cliente, recomenda-se fazer um teste de impressão.

     
     

Para construir uma máscara com este propósito, utilize a área total de impressão do produto, deixando o espaço ao redor vazado (transparente), pois será essa a área de personalização do usuário. A informação que deverá ser impressa, deve ser definida com uma cor sólida, ou com pouca transparência para que fique bom na impressão. 

Sugerimos ainda que você faça um teste de impressão para validar sua máscara, antes de lançar o produto.Veja abaixo um exemplo deste tipo de arquivo no Photoshop, que será utilizado em um Calendário de Parede:

        2. Máscaras Não Impressas

• Servem apenas como guia visual no editor, sem aparecer no produto final.

• Usadas para delimitar cortes, dobras ou encaixes.

• Podem ser feitas em 72 dpi.

? Importante: Todos os arquivos devem ser PNG com fundo transparente.

Exemplo: máscaras para agendas, canecas, abridor de garrafas, porta CD/DVD, entre outros. Como estas máscaras não precisam ser impressas, você pode fazê-las em 72dpi, que é a resolução para telas.

2) Inserindo as máscaras em produtos personalizados

Pré-requisito: o produto já deve estar criado no sistema como "produto personalizado/editável".

Passo a Passo:

1. Acesse o produto:

   • Vá em Módulos > Fotoprodutos > Editar.

   • Localize o produto e clique em Editar Tamanho do Produto.

     
     
     

2. Ajuste as dimensões:

• A primeira área de edição já estará configurada.

• Se necessário, altere a largura e altura.

A primeira área de edição já está definida, conforme as dimensões definidas durante a criação do Tamanho do produto. Caso deseje alterá-las, você poderá fazê-lo, editando os campos de “Largura” e “Altura” indicados abaixo.

• Configure a máscara:

  • No menu à direita, localize Definir Máscara.

  • Escolha a resolução:

    • 300 dpi para máscaras impressas.

    • 72 dpi para máscaras não impressas.

  • Marque Imprimir Máscara apenas quando ela fizer parte do produto final.

  • Clique em Selecionar para enviar o arquivo PNG.

    
    

• Gerencie a máscara:

  • Use Exibir/Ocultar Máscara para alternar a visualização no painel.

  • Para excluir, use o botão de remoção no canto superior esquerdo.

    
    

• Adicionar novas áreas de edição:
  
  

  • Adicionar nova área: quando a nova página tiver tamanho diferente.

  • Clonar: quando precisar de várias páginas com as mesmas dimensões.

Para configurar a máscara desta área de edição, siga os passos abaixo:

• No menu à direita,escolha a definição da máscara no campo “Definir máscara”. Para casos em que ela será impressa (como calendários, relógios, etc), marque 300dpi. Para as não-impressas, deixe em 72dpi.

• Somente marque a opção “Imprimir máscara” para as Máscaras que devem ser impressas.

• Clique em “Selecionar” para encontrar o local do arquivo dentro do seu computador

• Ao clicar em “Exibir/ocultar máscara”, o arquivo ficará “invisível” ou “visível” novamente nesta tela, não mudando em nada a visualização do usuário, que sempre verá a máscara, caso ela exista..

• Caso deseje excluir a máscara por definitivo, clique no botão indicativo no canto superior esquerdo.

  
  

Abaixo da área de edição, temos ainda outras opções. Caso deseje adicionar mais áreas de edição (como por exemplo, produtos que possuem “frente” e “verso”, ou várias páginas, como Calendários) existem dois métodos:

1. clique em “Adicionar nova área”, caso a segunda página tenha um tamanho diferente da primeira. Você deve editar a “Largura” e “Altura”, pois estes estarão zerados.

2. utilizar a opção “clonar” caso deseje várias páginas com as mesmas dimensões da primeira.

   
   

É possível ainda editar o “Nome” de cada uma destas áreas/páginas ou deletá-las, clicando no ícone da lixeira (em vermelho). 

4. Visualização no Editor pelo Cliente

Quando o cliente abre o produto no editor:

• As partes fixas (máscara) aparecem sobre a área personalizável.

• Ele pode adicionar imagens, cores e elementos normalmente.

• Máscaras impressas sairão no arquivo final; não impressas, não.

A máscara (no caso, os meses do calendário) será impressa por cima da personalização.

Se surgirem dúvidas, envie um e-mail: suporte@auryn.com.br