Ferramenta de Design Zazzle 101 - Versão para Desktop

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

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

Vá para uma seção deste artigo:

1. Informações Gerais
2. Partes da Ferramenta de Design para Desktop
3. Diretrizes
4. Objetos de Design e Ações Básicas

Informações Gerais

A Ferramenta de Design Zazzle está disponível em navegadores desktop, navegadores móveis e no aplicativo Zazzle. Para a melhor experiência e eficiência, recomendamos o uso da versão para desktop.

1. Como acessar a Ferramenta de Design -
   • A partir da página de um produto com design existente - Clique no botão “Personalizar este Design” e depois em “Editar usando a Ferramenta de Design”.
   • A partir da página Criar o Seu Próprio ou Produto em Branco - Clique no botão “Adicionar seu Design”.
2. Como sair da Ferramenta de Design -
   • Quando terminar seu design, clique no botão "Próximo: Revisar" no canto superior direito e depois clique no botão “Adicionar ao carrinho” para retornar à página do produto.
   • Você também pode clicar no botão “Voltar” no canto superior esquerdo para retornar à Página do Produto.
3. Salvando seu design -
   • Se 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 à sua URL no mesmo navegador.

Partes da Ferramenta de Design para Desktop

Barra superior

A barra superior fornece acesso rápido às ações principais, opções do produto e permite navegar por diferentes partes da ferramenta de design. Inclui botões para navegar entre os lados do design, desfazer e refazer alterações e visualizar seu design. Também inclui abas para design, opções do produto e revisão do design antes de adicioná-lo ao carrinho.

1. Design - Aqui você pode personalizar seu design usando Texto, Imagens, Fundos, Formas, Ícones e Camadas.
2. Opções - Permite adicionar, remover ou alterar as opções do seu produto. Cada produto tem opções diferentes, que podem incluir tamanho, forma, processos de impressão, acessórios e mais.
3. Revisar - Permite revisar as opções do produto e o design antes de adicioná-lo ao carrinho.
4. Desfazer - Desfaz a alteração mais recente no seu design.
5. Refazer - Refaz a alteração mais recente no seu design.
6. Visualizar - Mostra uma prévia do seu design no produto, incluindo quaisquer alterações e personalizações adicionadas.
7. Voltar - Leva você ao lado anterior do seu design ou à Página do Produto.
8. Próximo - Leva você ao próximo lado do seu design ou às abas Opções e Revisar.

Barra de ferramentas esquerda

A barra de ferramentas esquerda na Ferramenta de Design Zazzle oferece acesso rápido a recursos essenciais de design, como adicionar imagens, texto, formas e ajustar camadas para personalização precisa. Serve como ponto de partida para criar e editar componentes do design.

1. Editar - Permite editar e modelar objetos (texto, imagens etc.) criados pelo Criador original do design.
2. Adicionar Texto - Este recurso permite adicionar texto personalizado ao seu design. Posteriormente, você pode ajustar fontes, tamanhos, cores e alinhamento para maior personalização.
3. Adicionar Imagem - Permite carregar suas próprias imagens. Você também pode facilmente carregar fotos do seu telefone clicando no botão “Carregar do seu Telefone” e seguindo as instruções na tela.
4. Fundo - Aqui você pode definir um fundo para seu design. Pode carregar sua própria imagem, escolher uma cor ou selecionar um dos fundos fornecidos por nós.
5. Decorar - Aqui você pode adicionar várias formas ou gerar um código QR. Para gerar um código QR, clique no botão “Adicionar um Código QR” e insira sua URL na caixa de diálogo.
6. Ícones - Aqui você pode escolher entre nossos ícones disponíveis e adicioná-los ao seu design.
7. Camadas - Você também pode acessar e gerenciar as camadas individuais do design para edição precisa.
8. Mais/Menos - Expande/Encolhe a barra de ferramentas para mostrar/remover alguns recursos adicionais.

Tela de design

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

1. Barra de ferramentas superior - Aparece após selecionar um elemento (texto, imagem, ícone etc.) no design. Aqui você encontra ações comuns que podem ser realizadas nos objetos de design.
   1. Opções de Imagem
      Alterar Imagem - Altere a imagem para outra diferente salva em sua conta ou carregue uma nova.
      Removedor de Fundo - Remove automaticamente o fundo da sua imagem.
      Cortar - Remova áreas indesejadas da sua imagem.
      Excluir - Exclua sua imagem.
      Ajustar - Ajusta sua imagem dentro da área designável do design. Isso pode deixar espaços vazios se sua imagem não tiver a mesma proporção/formato da área designável.
      Preencher - Preenche a área do design com sua imagem. Isso pode fazer com que partes da sua imagem fiquem fora da área designável se sua imagem não tiver a mesma proporção/formato da área designável. 
      Formatação - Alinhe, inverta ou rotacione sua imagem.
      Efeitos - Altere a proporção e opacidade da sua imagem ou adicione um filtro ou mosaico.
   2. Opções de Texto
      Editar Texto - Altere seu texto.
      Tamanho da Fonte - Altere o tamanho da fonte do seu texto.
      Fonte - Altere a fonte do seu texto para qualquer uma das fontes disponíveis.
      Cor do Texto - Altere a cor do seu texto. Inclui conta-gotas e opções para cores amigáveis para impressão.
      Negrito - Deixe seu texto em negrito, tornando-o mais grosso.
      Itálico - Deixe seu texto em itálico, tornando-o inclinado e cursivo.
      Alinhamento do Texto - Alinhe e ancore seu texto.
      Excluir - Exclua seu texto.
      Formatação - Alinhe, distribua, inverta, escale e rotacione seu texto.
      Efeitos - Altere a opacidade do seu texto, adicione um filtro, mosaico, sombra, altere o espaçamento ou curve-o.
2. Área de design - aqui é onde você realizará ações para manipular objetos, etc.
3. Barra de ferramentas inferior - 

1. Diminuir zoom - Afasta a visualização mostrando mais do seu design e sua área designável completa.
2. Zoom - Ajuste manualmente o nível de zoom.
3. Aumentar zoom - Aproxima a visualização mostrando menos do seu design e permitindo ver mais detalhes.
4. Configurações - Aqui você encontra configurações adicionais que pode ativar para uma experiência e aparência diferentes na ferramenta de design.
5. Ajuda - Acesso rápido a mais informações que podem ajudar você a usar a ferramenta de design com informações das diretrizes, links para atalhos de teclado e ao Centro de Ajuda.
6. Compartilhar - Cria um link que você pode compartilhar com amigos e familiares ou nas redes sociais.
7. Orientação - Altere a orientação de cada lado do seu design entre horizontal e vertical.
   
   
    

Janela de visualização

Localizada no lado direito da tela, permite visualizar rapidamente como seu design aparecerá no produto. Também permite alternar rapidamente entre os lados do seu design.<del> </del> 

Diretrizes

As diretrizes são marcadores visuais na tela de design que ajudam a garantir que os elementos do seu design estejam corretamente posicionados 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 sólida) - A seção do design que estará 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 posicionados 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 - Clique no objeto que deseja selecionar.
2. Selecionar múltiplos objetos - Clique e arraste para criar uma caixa de seleção ao redor dos objetos, ou mantenha pressionada a tecla Shift enquanto clica em cada objeto que deseja selecionar.
3. Desselecionar um objeto - Clique 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 o objeto e pressione a tecla Delete no teclado, clique com o botão direito no objeto e selecione "Excluir" ou selecione “Excluir” na barra de ferramentas superior.
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 de canto do objeto selecionado para redimensioná-lo proporcionalmente. Use as alças laterais para redimensionamento não proporcional.
8. Duplicar um objeto - Clique com o botão direito no objeto e escolha Duplicar, ou use a opção de duplicação na barra de ferramentas.
9. Agrupar e desagrupar objetos -
   1. Para agrupar objetos - Selecione múltiplos objetos e clique no botão Agrupar para combiná-los para edição mais fácil.
   2. Para desagrupar objetos - Clique no grupo e depois clique no botão Desagrupar para separá-los.
   3. Editar um grupo - Para entrar no modo de edição de grupo, clique 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 de grupo, clique em qualquer lugar fora do grupo.
10. Posicionamento preciso - Use as teclas de seta no teclado para mover objetos com ajustes mais finos.
11. Propriedades do objeto - Uma vez selecionado, use o Painel de Propriedades (lado direito) para personalizar cor, tamanho, fontes e mais, dependendo do tipo de objeto.