Bem-vindo à ferramenta de design Zazzle - versão para desktop! Se desejar ler o artigo de ajuda para a versão para celular ou aplicativo, clique aqui.
A Ferramenta de Design é o recurso definitivo para personalizar seu design. Este artigo se concentra na versão para desktop da ferramenta, oferecendo uma visão geral detalhada de seus recursos e funcionalidades. Ele também inclui instruções passo a passo para executar tarefas comuns.
Ir para uma seção deste artigo:
- Vídeo - Tour pela Ferramenta de Design e Criação de Convite
- Informações Gerais
- Partes da Ferramenta de Design para Desktop
- Diretrizes
- Objetos de Design e Ações Básicas
Vídeo - Tour pela Ferramenta de Design e Criação de Convite
Informações Gerais
A Ferramenta de Design Zazzle está disponível em navegadores para desktop, navegadores para dispositivos móveis e no aplicativo Zazzle. Para a melhor experiência e eficiência, recomendamos o uso da versão para desktop.
-
Como Acessar a Ferramenta de Design -
- Em uma Página de Produto com um design existente - Clique no botão "Personalizar este Design" e, em seguida, clique em "Editar usando a Ferramenta de Design".
- Em uma Página de Produto em Branco ou Crie Seu Próprio - Clique no botão "Adicionar seu Design".
-
Como sair da Ferramenta de Design-
- Ao terminar seu design, clique no botão "Concluído" no canto superior direito para retornar à página do produto.
-
Salvando seu design-
- Se você estiver conectado, quaisquer alterações feitas no seu design serão salvas na sua conta em "Designs Salvos". Caso contrário, seu design ainda estará lá quando você retornar ao seu URL no mesmo navegador.
Partes da Ferramenta de Design da Área de Trabalho
Barra superior
A barra superior fornece acesso rápido às principais ações e configurações. Ela inclui opções para editar, colaborar, acessar configurações e salvar alterações. Ela também possui os botões Compartilhar e Concluído para compartilhar seu design ou sair da ferramenta.
- Editar - Aqui você encontrará comandos comuns como Copiar, Colar, Selecionar tudo, etc.
- Colaboração - Crie um link que você pode compartilhar com outras pessoas para colaborar no mesmo design.
- Configurações - Aqui você encontrará configurações adicionais que você pode alternar se desejar uma experiência e aparência diferentes na ferramenta de design.
- Ajuda - Acesse rapidamente mais informações que podem ajudá-lo a usar a ferramenta de design, com links para atalhos de teclado, informações de diretrizes e a Central de Ajuda.
- Concluído - Clicar neste botão sai da Ferramenta de Design.
- Compartilhar - Isso cria um link que você pode compartilhar com outras pessoas para colaborar no mesmo design.
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 uma personalização precisa. Ela serve como ponto de partida para ou criar e editar componentes de design.
- Carregamento - Permite que você carregue suas próprias imagens. Você também pode carregar fotos facilmente do seu celular clicando no botão "Carregar do seu Celular" e seguindo as instruções na tela.
- Texto - Este recurso permite que você adicione texto personalizado ao seu design. Posteriormente, você pode ajustar fontes, tamanhos, cores e alinhamento para mais personalização.
- Elementos - 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 seu URL na caixa de diálogo.
- Ícones - Aqui você pode escolher entre os ícones disponíveis e adicioná-los ao seu design.
- Plano de Fundo - Aqui você pode definir um plano de fundo para o seu design. Você pode enviar sua própria imagem, escolher uma cor ou escolher um dos nossos planos de fundo fornecidos.
- Produto - Aqui, você pode ver informações adicionais sobre o produto que está visualizando, como descrição, tamanho, dimensões, material e muito mais.
- Camadas - Nesta aba, você pode alterar a visualização da área de design, por exemplo, "Frente" ou "Verso", se desejar desenhar nos diferentes lados do design. Você também pode acessar e gerenciar as camadas individuais do design para uma edição precisa.
- Ajuda - Aqui, você encontra atalhos de teclado para tornar seu fluxo de trabalho mais eficiente. Este também é um lugar para aprender mais sobre as diretrizes - Linhas de sangria (vermelha), visíveis (azul) e seguras (verde).
Tela de design
A tela é o seu espaço de trabalho principal, onde o design é criado e visualizado. É aqui que você posiciona, organiza e edita todos os elementos para criar o design do seu produto. Ela exibe ajustes e visualizações em tempo real.
- Rótulo da Área de Design - Localizado no canto superior esquerdo da tela de design, este rótulo informa em qual área de design você está, por exemplo, "Frente" ou "Verso". Clicar nele abre o painel Camadas, onde você pode alternar as áreas de design, se necessário.
-
Barra de ferramentas superior - Aqui você encontrará ações comuns que podem ser executadas em objetos de design.
- Desfazer, Refazer - Permite reverter ou reaplicar ações rapidamente no seu processo de design para uma edição eficiente. Para um fluxo de trabalho ainda mais rápido, use atalhos de teclado (Ctrl+Z/Command+Z para Desfazer, Ctrl+Y/Command+Shift+Z para Refazer).
- Para Frente, Para Trás - Ajusta a posição de um objeto dentro do design, movendo-o para frente ou para trás na ordem das camadas para determinar como ele se sobrepõe ou interage com outros elementos.
- Alinhamento - O alinhamento repete um design ou padrão na tela, criando uma aparência uniforme e consistente para fundos, texturas ou elementos repetidos.
- Alinhamento - Use ferramentas de alinhamento para posicionar objetos com precisão ou distribuí-los uniformemente para um design equilibrado.
- Diretrizes - As diretrizes são marcadores visuais que ajudam a garantir que seus elementos de design estejam posicionados corretamente na área de impressão ou exibição pretendida. Veja mais informações abaixo.
- Diretrizes - Ativa ou desativa a exibição das linhas de grade. As linhas de grade são guias visuais na tela de design que ajudam a alinhar e posicionar os elementos com precisão, garantindo um layout equilibrado e profissional.
- Agrupar - O agrupamento permite combinar vários elementos de design em uma única unidade, facilitando movê-los, redimensioná-los ou editá-los simultaneamente, mantendo seu posicionamento relativo. Este botão é ativado quando 2 ou mais objetos de design são selecionados.
- Máscara - O mascaramento de objetos permite ocultar ou revelar partes de um objeto ou imagem aplicando uma máscara, permitindo criar formas exclusivas, cortar elementos ou mesclar camadas perfeitamente em seu design. Este botão é habilitado quando 1 SVG e pelo menos 1 imagem são selecionados.
- Área de design - é aqui que você realizará ações para manipular objetos, etc.
- Legenda - esta é uma legenda interativa que fornece mais informações sobre as diferentes diretrizes.
- Ferramenta de zoom - localizada no canto inferior esquerdo da tela de design, ao lado da legenda. Use-a para aumentar e diminuir o zoom do seu design. É útil ao criar detalhes.
Painel de Propriedades
Localizado no lado direito da tela, o painel de propriedades mostra todas as opções e configurações editáveis para um objeto selecionado. Ela permite personalizar atributos como tamanho, cor, alinhamento e muito mais, dependendo do tipo de elemento.
Janela de visualização
Localizada no canto inferior direito da tela, esta caixa de diálogo permite que você visualize rapidamente como seu design aparecerá no produto. Use as setas para navegar pelas diferentes visualizações de imagem. Para minimizar a caixa de diálogo, clique no botão “-” no canto superior esquerdo.
Diretrizes
As diretrizes são marcadores visuais na tela de design que ajudam a garantir que seus elementos de design estejam posicionados corretamente na área de impressão ou exibição pretendida. Para melhores resultados após a impressão,
-
Linha de Sangramento (Linha Vermelha) - Este espaço extra serve para compensar pequenas mudanças durante a impressão e garantir que não apareçam bordas brancas. Certifique-se de estender todos os seus fundos e padrões aqui para evitar bordas indesejadas ao imprimir.
-
Área Visível (Linha Azul) - A seção do design que ficará totalmente visível no produto final. Evite colocar elementos críticos perto da borda desta área para evitar cortes indesejados de texto ou imagens.
-
Área Segura (Linha Verde tracejada) - 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 executar neles:
Ações Básicas para Objetos
- Selecionando um objeto - Clique no objeto que deseja selecionar.
- Selecionando vários 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.
- Desmarcando um objeto - Clique em qualquer lugar fora da área de seleção para desmarcar.
- Mover um objeto - Arraste o objeto selecionado para reposicioná-lo em qualquer lugar da tela.
- Excluindo um objeto - Selecione o objeto e pressione a tecla Delete no seu teclado ou clique no ícone vermelho da lixeira.
- Girando um objeto - Selecione o objeto e use a alça de rotação para ajustar seu ângulo.
- Redimensionando um objeto - Arraste as alças dos cantos do objeto selecionado para redimensioná-lo proporcionalmente. Use as alças laterais para redimensionamento não proporcional.
- Duplicando um objeto - Clique com o botão direito do mouse no objeto e escolha Duplicar ou use a opção de duplicação na barra de ferramentas.
-
Agrupando e desagrupando objetos -
- Para agrupar objetos - Selecione vários objetos e clique no botão Agrupar para combiná-los e facilitar a edição.
- Para desagrupar objetos - Clique no grupo e, em seguida, clique no botão Desagrupar para separá-los.
- Editando 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.
-
Posicionamento de Precisão - Use as setas do teclado para deslocar os objetos e obter ajustes mais precisos.
-
Propriedades do Objeto - Após a seleção, use o Painel de Propriedades (lado direito) para personalizar a cor, o tamanho, as fontes e muito mais, dependendo do tipo de objeto.