Funções básicas da ferramenta de design (Adicionando imagens e texto)

 

 

Nós simplificamos o processo de criação e adição de imagens aos nossos produtos.

Por que comprar um produto igual a tantos outros, quando você pode criar um produto exclusivo e personalizado para quem você ama ou para si mesmo? Nós transformamos a experiência de "crie o seu próprio" em um processo mais intuitivo, para que você possa personalizar melhor os produtos que oferecemos aqui no marketplace Zazzle.

A criação de um produto Zazzle começa com a adição de imagens e/ou texto a um produto.

TRABALHANDO COM IMAGENS >

Adicionando imagens usando a ferramenta Design

Clique no botão ‘Personalize esse design’ para aplicar uma imagem a um produto.

DESKTOP

PT_Desktop_Adding_image_1.jpg

Se você não está logado na sua conta Zazzle ou se você é novo na Zazzle e não tem uma conta, você irá para a seguinte tela após clicar em "Personalize esse produto".

 

1. Clique na aba carregamento no menu à esquerda.

2. Clique em "Carregar imagens" para enviar sua imagem. Você também pode arrastar e soltar suas imagens no painel esquerdo.

3. Você pode então posicionar a imagem no lugar e arrastar as caixas brancas nas bordas para redimensioná-la.

 

Se você ainda não abriu uma conta no Zazzle ou ainda não fez login na sua conta Zazzle, recomendamos que faça isso agora.

 

TELEMÓVEL / CELULAR

 

1. Clique em "personalizar este design"

2. Role para baixo e clique em "Editar usando a ferramenta de design"

 

3. Toque no botão "adicionar" para adicionar uma imagem, texto ou ícone

 

4. Toque em Carregar imagens para adicionar sua imagem.

 

Como adicionar imagens da sua área de trabalho à pasta "Minhas Imagens"

Se você estiver conectado à sua conta Zazzle e tiver adicionado imagens anteriormente à pasta "Minhas Imagens" do Zazzle, verá todas essas imagens preenchidas em "Todas as Imagens". (Veja abaixo)

PT_desktop_all_images.jpg

Se você nunca adicionou imagens à sua conta Zazzle, verá que pode começar a adicionar arquivos de imagem arrastando-os e soltando-os na área aberta para que possam ser carregados. (Veja abaixo)

PT_desktop_no_added_images.jpg

Se você não tiver uma imagem no seu computador que queira enviar, há outras coisas que você pode fazer.

Adicionar imagens do Zazzle ícones:

Você pode adicionar qualquer um dos nossos ícones gratuitos da Zazzle para criar seu próprio design. (Veja abaixo)

DESKTOP

US_desktop_Zazzle_icon.PNG

TELEMÓVEL / CELULAR

US_mobile_Zazzle_icon.PNG

Como editar os ícones da Zazzle:

Depois de adicionar um ícone Zazzle, clique no elemento de design e você verá outras maneiras de editar essa imagem. (Veja abaixo)

DESKTOP

US_desktop_how_to_edit_zazzle_icons.PNG

TELEMÓVEL / CELULAR

US_mobile_how_to_edit_zazzle_icons.png

Caso esteja com problemas em adicionar a imagem, por favor clique aqui.

Como adicionar imagens do seu celular para o desktop

Você pode facilmente carregar imagens diretamente do seu celular para o seu desktop. Aqui estão os passos:

1. Acesse a ferramenta de design e clique na aba de carregamentos no menu à esquerda.

2. Clique em "Carregar do celular".

3. Escaneie o código QR exclusivo fornecido com a câmera do seu telefone e siga as instruções no seu telefone para fazer o upload.

PT_QR_code.jpg

 

4. Usando seu telefone, selecione as imagens para enviar.

5. Ao terminar, clique no botão "Envio concluído".

Se estiver com problemas para enviar uma imagem, clique aqui.

 

MANIPULANDO IMAGENS NA FERRAMENTA DE DESIGN

IMPORTANTE: Ao usar um desktop, você deve clicar no design na área de design para ver o lado direito da tela preenchido com outras maneiras de adicionar e editar seu design. Se estiver no celular, você deve selecionar a imagem para ver os recursos de design preenchidos na parte inferior da tela. (Veja abaixo)

Você também pode adicionar vários elementos de design à sua área de design. Como você pode ver abaixo, há três componentes no design: o cachorro, as bolinhas rosa e o texto "Mandy", cada um em uma camada separada.

DESKTOP

TELEMÓVEL / CELULAR

Frenchi_Mobile_HelpCenter1.PNG

Filtrar uma imagem

Você pode modificar o "Filtro" da camada que está destacando. (Ver abaixo)

DESKTOP

TELEMÓVEL / CELULAR

Frenchi_Mobile_HelpCenter2_FILTER2_.PNG

Recortar uma imagem

Você pode recortar a imagem da camada na qual está. (Ver abaixo)

DESKTOP

Mandy_crop_2.pngmandy_cropped_2.png

TELEMÓVEL / CELULAR

Frenchi_Mobile_HelpCenter2_CROP1_.PNG

"Preencher" a área de design com uma imagem

Você pode pegar seu design e fazer com que ele "Preencha" toda a área de design, até a linha de sangria. Se uma imagem for mais larga ou mais alta do que as dimensões da área de visualização da arte, isso poderá resultar em zoom e corte da imagem.*

zendesk_fill2.png

*Observação: a imagem acima tem uma dimensão diferente da área de design, portanto, foram feitos ajustes de zoom e corte.

"Ajustar" uma imagem à área de design

Ou você pode "ajustar" todo o seu design dentro da área de impressão segura definida pelas linhas azuis. "Ajustar" alonga a extremidade mais longa da imagem na linha de impressão vertical ou horizontal. Isto irá garantir que a imagem não seja recortada. (Ver abaixo)

zendesk_fit2.png

Dimensionar uma imagem

Diminua ou aumente uma imagem usando o sinal de menos (-) ou mais (+). (Ver abaixo)

zendesk_scale2.pngzendesk_scale_down2.png

Girar uma imagem

Você pode ‘girar’ sua imagem para a esquerda ou para a direita utilizando as setas, ou pode ser ainda mais preciso e inserir o grau exato da rotação desejada. (Ver abaixo)

PT_desktop_girar.jpg

Virar a imagem

Você também pode ‘virar’ seu design. O botão da esquerda vira o design horizontalmente, então o que estava no lado esquerdo irá para o lado direito e vice-versa. (Ver abaixo)

zendesk_horizontal_flip2.png

Ou ainda pode virar o design verticalmente, para que o que estava originalmente na parte inferior da área de design vá para a parte superior. (Ver abaixo)

zendesk_vertical_flip2.png

Mais opções de imagem

Branco como transparente

Em ‘Mais opções’, você pode ‘mostrar branco como transparente’. Ou seja, assim como a impressora na sua casa, nosso sistema processa partes brancas da imagem e as omite. Então se você escolher branco como transparente, todas as áreas brancas do seu design assumirão a cor do produto em que forem aplicadas. (Veja abaixo.)

Tornar objeto permanente e sempre visível

Ainda em ‘Mais opções’, você irá encontrar is ‘Tornar objeto permanente e sempre visível’. Isso significa que um cliente pode mover ou redimensionar sua imagem no produto, mas não pode removê-la da área de design. (Veja abaixo)

mandy_make_this_object_always_visible_2.png

Fazer deste objeto um modelo

‘Fazer deste objeto um modelo’ é uma ferramenta criada para usuários avançados que desejam criar modelos para que outros possam adicionar conteúdo. Para mais informações sobre esta funcionalidade, clique aqui.

mandy_make_this_object_a_template_2.png

TRABALHANDO COM TEXTO >

Adicionar texto

Para adicionar texto à área de design, clique em ‘Adicionar texto’ e digite o texto que deseja. (Ver abaixo).

MANIPULANDO TEXTO NA FERRAMENTA DE DESIGN

IMPORTANTE: Você deve clicar em uma camada de texto na área de design para ver o lado direito da tela preenchido com outras maneiras de adicionar e editar seu texto. (Veja abaixo)

DESKTOP

TELEMÓVEL / CELULAR

Frenchi_Mobile_Text.PNG

Mudar o tipo da fonte

Você pode modificar a ‘Fonte’. (Ver abaixo).

DESKTOP

mandy_font_editing2.png

TELEMÓVEL / CELULAR

Frenchi_Mobile_Text_Font.PNG

Mudar a cor da fonte

Você pode mudar a ‘Cor’ da fonte. (Ver abaixo).

DESKTOP

mandy_font_editing_colour2.png

TELEMÓVEL / CELULAR

Frenchi_Mobile_Text_Color.PNG

Mudar o tamanho da fonte

Você pode mudar o ‘Tamanho’ da fonte. (Ver abaixo).

DESKTOP

mandy_font_editing_size2.png

TELEMÓVEL / CELULAR

Frenchi_Mobile_Text_Size.PNG

Alinhamento do texto

Você pode escolher o ‘Alinhamento’ do texto à esquerda, direita ou centro. (Ver abaixo).

mandy_brownstone2.png

Dimensionar, girar e virar texto

Você pode dimensionar, girar e virar seu texto como uma imagem, como descrito acima. (Ver abaixo).

Espaçamento entre letras

Você pode aumentar ou diminuir a distância entre cada letra com a opção ‘Espaçamento entre letras’. Deslize o botão ou adicione um número preciso e selecione a distância exata entre uma letra e outra do seu texto. (Ver abaixo).

Mandy_letter_spacing2.png

Espaçamento entre linhas

Com o ‘Espaçamento entre linhas’, você pode determinar a distância entre uma linha e outra. Deslize o botão ou adicione um número preciso e selecione a distância exata entre uma linha e outra do seu texto. (Ver abaixo).

mandy_brownstone_line_spacing2.png

Orientação da linha

Você também pode escolher a orientação do seu texto, entre horizontal ou vertical. (Ver abaixo).

mandy_brownstone_orientation2.png

Curvar o texto

Você pode adicionar uma ‘Curvatura’ ao seu texto, tanto para cima quanto para baixo. Deslize o botão ou adicoine um número preciso e selecione a curvatura exata do seu texto. (Ver abaixo).

Mandy_curvature2.png

Em ‘Mais opções’, você pode fazer com o seu texto como fez com as imagens: tornar objeto permanente e sempre visível e fazer deste objeto um modelo. Veja acima como funciona na seção de imagens. (Ver abaixo).

more_options2.png

 

Ladrilhos

Se quiser pegar um elemento do seu design e transformá-lo em um padrão, você pode ladrilhar de diversas maneiras. Você também pode estipular o tamanho que deseja que cada ladrilho duplicado tenha em polegadas. (Veja abaixo)

Para uma explicação mais detalhada, confira nosso artigo sobre Ladrilhos.

 

FUNÇÃO ADICIONAL DA FERRAMENTA DE DESIGN

Camadas

Existem três camadas no design abaixo: o cachorro, as bolinhas cor de rosa e o texto ‘Mandy’.

Se você quiser mudar a ordem das camadas e, por exemplo, posicionar os pontinhos em cima do cachorro, você só precisa arrastar e soltar cada camada na ordem que deseja. (Ver abaixo).

Para trás/Para frente

Você também pode mover as camadas selecionando ‘acima’ ou ‘abaixo’ dependendo da camada que você quiser destacar ou da camada selecionada dentro da área de design. (Ver abaixo).

DESKTOP

TELEMÓVEL / CELULAR

Frenchi_Mobile_Layers.PNG

Desfazer/Refazer

Caso você cometa algum erro ou prefira como o design estav antes daquela última modificação, você pode ‘desfazer’ ou ‘refazer’ os últimos passos. (Ver abaixo).

Alinhar

‘Alinhar’ permite que você alinha múltiplas imagens, umas às outras, em diferentes configurações.

Primeiro, decida se você quer alinhar a camada à outra camada ou camadas ou se você quer alinhar todas as camadas dentro da própria área de design. (Ver abaixo).

Em seguida, vamos supor que você tem seis formas coloridas que estão espalhadas, e você deseja deixá-las alinhadas e com o espaçamento consistente. (Ver abaixo).

Primeiro, aperte a tecla Controle e utilize o seu cursor para clicar em todas as formas, agrupando-as. Você saberá que os objetos que deseja alinhar estão agrupados quando houver uma linha pontilhada ao redor deles. (Ver abaixo).

Então poderá escolher entre alinhar os objetos verticalmente ou horizontalmente. (Ver abaixo).

zendesk_justifiication.png

O exemplo a seguir mostra que as formas foram alinhadas verticalmente de acordo com os seus respectivos centros. (Ver abaixo).

Distribuir

Agora, caso queira distribuir estas formas em uma distância igual entre uma e outra, você pode escolher espaçá-las tanto horizontalmente quanto verticalmente.

horizontal_and_vertical_space.png

O exemplo a seguir mostra que as formas foram distribuídas verticalmente de acordo com os seus respectivos centros. (Ver abaixo).

Limites

Uma boa ideia é deixar os ‘limites’ aparentes para que você saiba onde é a área de impressão segura. Qualquer parte do design que for além da linha azul poderá ser cortada quando impressa. (Ver abaixo).

zendesk_safe_print_area2.png

Linhas de grade

Exiba as ‘linhas de grade’ para ajudar na medida e distribuição de elementos na sua área de design. (Ver abaixo).

DESKTOP

zendesk_gridlines2.png

 

TELEMÓVEL / CELULAR

Shapes_MObile_guidelines.png

Perguntas frequentes sobre imagens: formatos de imagens aceitos, especificações de cor & mais

Para mais informações específicas para criadores sobre a criação de imagens, formatos e especificações, por favor clique aqui.

Para ter acesso completo aos nossos guias de arquivo para todos os produtos Zazzle, por favor clique aqui.