Bem-vindo à ferramenta de Design Zazzle - versão Mobile! Se você deseja ler o artigo de ajuda para a versão Desktop, clique aqui.

A Ferramenta de Design é o recurso definitivo para personalizar seu design. Este artigo foca na versão Desktop da ferramenta, oferecendo uma visão detalhada de seus recursos e funcionalidades. Também inclui instruções passo a passo para realizar tarefas comuns.

Ir para uma seção deste artigo:

1. Vídeo - Tour pela Ferramenta de Design e Criando um Convite
2. Informações Gerais
3. Partes da Ferramenta de Design Mobile
4. O Botão Adicionar
5. Guias
6. Objetos de Design e Ações Básicas

Vídeo - Tour pela Ferramenta de Design e Criando um Convite

Informações Gerais

A Ferramenta de Design Zazzle está disponível em navegadores desktop, navegadores mobile e no app Zazzle. Para a melhor experiência e eficiência, recomendamos usar a versão desktop.

1. Como acessar a Ferramenta de Design -
   • A partir de uma Página de Produto com um design existente - Toque no botão “Personalizar este Design” e depois toque em “Editar usando a Ferramenta de Design”.
   • A partir de uma Página de Produto Crie o Seu ou em Branco - Toque no botão “Adicionar seu Design”.
2. Como sair da Ferramenta de Design -
   • Quando terminar seu design, toque no botão "Concluído" no canto superior direito para retornar à página do produto.
3. Salvando seu design -
   • Se você estiver logado, quaisquer alterações feitas no seu design serão salvas na sua conta em "Designs Salvos". Caso contrário, seu design ainda estará disponível quando você retornar ao seu URL no mesmo navegador.

Partes da Ferramenta de Design Mobile

Barra Superior

A barra superior oferece acesso rápido a ações e configurações principais. Aqui estão os itens que você encontrará na barra superior, da esquerda para a direita.

1. Desfazer, Refazer - Permite reverter ou reaplicar ações rapidamente no processo de design para edição eficiente.
2. Configurações - Representado pelo símbolo "..." à esquerda do botão concluído. Aqui você encontrará configurações adicionais que pode ativar para uma experiência e aparência diferentes da ferramenta de design.
3. Concluído - Tocar neste botão sai da Ferramenta de Design.
4. Rótulo da Área de Design - Esse rótulo indica em qual área de design você está, por exemplo, “Frente” ou "Verso". Tocar nele abre o painel de Camadas, onde você pode alternar entre áreas de design, se necessário.

Tela de design

A tela é seu espaço principal de trabalho onde o design é criado e visualizado. É aqui que você posiciona, organiza e edita todos os elementos para construir seu design de produto. Exibe ajustes e pré-visualizações em tempo real.

Painel Inferior / Painel de Propriedades

Localizado na parte inferior da tela, o painel inferior mostrará todas as opções e configurações editáveis para um objeto selecionado. Permite personalizar atributos como tamanho, cor, alinhamento e mais, dependendo do tipo de elemento.

1. Botão Adicionar - Tocar neste botão abrirá uma gaveta com recursos essenciais, mais detalhes abaixo.
2. Pré-visualização - O botão de pré-visualização mostrará uma prévia do seu design sobreposto ao seu produto para que você possa visualizar facilmente o produto final!

O Botão Adicionar

O botão adicionar fornece acesso rápido a recursos essenciais de design, como adicionar imagens, texto, formas. Serve como ponto de partida para criar e editar componentes do design.

Para usar esse recurso, primeiro toque no botão Adicionar. Uma gaveta aparecerá com as opções que você pode usar. Use a navegação superior na parte superior da gaveta para alternar entre as abas.

1. Uploads - Permite fazer upload de suas próprias imagens. Você também pode facilmente enviar fotos da galeria do seu telefone, tornando muito conveniente!
2. Texto - Este recurso permite adicionar texto personalizado ao seu design. Depois, você pode ajustar fontes, tamanhos, cores e alinhamento para mais personalização.
3. Elementos - Aqui você pode adicionar várias formas ou gerar um código QR. Para gerar um código QR, toque no botão “Adicionar um Código QR” e insira seu URL na caixa de diálogo.
4. Ícones - Aqui você pode escolher entre nossos ícones disponíveis e adicioná-los ao seu design.
5. Fundo - Aqui você pode definir um fundo para seu design. Pode enviar sua própria imagem, escolher uma cor ou escolher um dos fundos fornecidos por nós.

Guias

Guias são marcadores visuais na tela de design que ajudam a garantir que os elementos do seu design estejam posicionados corretamente dentro da área de impressão ou exibição pretendida. Para melhores resultados após a impressão,

1. Linha de Sangria (linha cinza tracejada) - Este espaço extra serve para compensar pequenos deslocamentos durante a impressão e garantir que não apareçam bordas brancas. Certifique-se de estender todos os seus fundos e padrões até aqui para evitar bordas indesejadas na impressão.
2. Área Visível (linha cinza contínua) - A seção do design que será totalmente visível no produto final. Evite colocar elementos críticos perto da borda desta área para prevenir cortes indesejados de texto ou imagens.
3. Área Segura (linha verde pontilhada) - Elementos importantes do design, como texto ou logotipos, devem ser colocados dentro desta área interna para garantir que não sejam cortados após a impressão.

Objetos de Design e Ações Básicas

Objetos de design são os blocos de construção do seu design, incluindo texto, imagens, formas e ícones.

Aqui está uma visão geral de como trabalhar com objetos de design e as ações básicas que você pode realizar sobre eles:

Ações Básicas para Objetos

1. Selecionar um objeto - Toque no objeto que deseja selecionar.
2. Selecionar múltiplos objetos - Toque e arraste para formar uma caixa de seleção e selecionar vários objetos.
3. Desselecionar um objeto - Toque em qualquer lugar fora da área de seleção para desselecionar.
4. Mover um objeto - Arraste o objeto selecionado para reposicioná-lo em qualquer lugar na tela.
5. Excluir um objeto - Selecione um objeto, depois toque no ícone da lixeira vermelha ou toque em excluir no painel de propriedades.
6. Rotacionar um objeto - Selecione o objeto e use a alça de rotação para ajustar seu ângulo.
7. Redimensionar um objeto - Arraste as alças nos cantos do objeto selecionado para redimensionar proporcionalmente. Use as alças laterais para redimensionamento não proporcional.
8. Duplicar um objeto - Com um objeto selecionado, toque em duplicar no painel de propriedades.
9. Agrupar e desagrupar objetos -
   1. Para agrupar objetos - Selecione múltiplos objetos e toque no botão Agrupar para combiná-los para edição mais fácil.
   2. Para desagrupar objetos - Toque no grupo e depois toque no botão Desagrupar para separá-los.
   3. Editar um grupo - Para entrar no modo de edição do grupo, toque duas vezes no grupo ou clique no botão Editar grupo. No modo de edição, você pode selecionar e manipular os objetos individuais dentro do grupo. Para sair do modo de edição do grupo, toque em qualquer lugar fora do grupo.
10. Propriedades do Objeto - Quando um objeto está selecionado, use o Painel Inferior / Painel de Propriedades na parte inferior para personalizar cor, tamanho, fontes e mais, dependendo do tipo de objeto.

Camadas

As versões mobile e app da Ferramenta de Design não possuem acesso à aba Camadas. No entanto, você ainda pode organizar a posição do seu texto em relação a outros elementos do seu design. Você pode escolher mover seu elemento para frente ou para trás usando o ícone Organizar quando um elemento está selecionado.

Se você se encontrar numa situação onde textos em layouts pré-desenhados estão bloqueados / não podem ser editados, por favor, use a versão Desktop para acessar o recurso de Camadas e desbloquear o elemento do design.