Support Centre

Pesquisa

Adicione e edite elementos visuais (formas, ícones, fotos) ao seu design acessível

Cherry
Cherry
  • Atualizado

Disponível nos seguintes planos de assinatura da Venngage: Grátis, Premium, Empresarial e Enterprise.

 

Elementos não textuais adicionam interesse aos designs; torne-os acessíveis com as ferramentas do Venngage Editor atualizado.

Adicionar uma forma ou uma linha

Clique em "  Formas  " na barra de ferramentas à esquerda. Para acessar o menu Formas com o teclado, use a tecla Tab para mover o seletor e pressione a barra de espaço para selecioná-lo.  

Uma tela azul clara aparece no Venngage Editor atualizado, sem nada. Um usuário clica na barra lateral esquerda para expandir o catálogo Shapes, que é aberto em um painel imediatamente à direita da barra lateral. O painel Formas e linhas tem duas guias: abre por padrão na guia Formas. O usuário clica em várias formas para adicioná-las à tela. O usuário clica na guia Linhas e adiciona duas linhas à tela de design. O usuário redimensiona e reposiciona os elementos para que apareçam bem organizados na tela.

 

Use o cursor ou a tecla Tab para selecionar uma forma e adicioná-la à tela de design clicando na forma ou pressionando a barra de espaço.

Você pode trocar uma forma por outra usando o recurso de forma da barra de ferramentas superior.

Editar uma forma ou uma linha

Formas e linhas possuem diferentes opções de customização, como cores, bordas, preenchimentos e pontas. As ferramentas de personalização aparecem na barra de ferramentas superior quando você seleciona uma forma ou uma linha, ou você pode clicar com o botão direito do mouse no elemento na tela para acessar mais opções. 

Formas: Cors, preenchimentos e bordas

Selecione uma forma e as ferramentas para personalizar suas cores e aparência aparecerão   na barra de ferramentas superior  .

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado, com vários ícones de ferramentas visíveis. O primeiro ícone da linha, uma silhueta de uma gota d'água com a parte inferior sombreada, é selecionado. Em seu estado selecionado, ele tem sombreamento azul claro e uma borda azul mais escura. O widget aberto abaixo dele é intitulado Color Fill. O widget contém um controle deslizante e um campo de texto que indica que o controle deslizante está definido como 100%.

A  ferramenta  Preenchimento de cor   permite adicionar outra cor a uma forma com preenchimento sólido.  Use o controle deslizante   para controlar a porcentagem de preenchimento ou insira um valor numérico de 0 a 100 no campo de texto. 

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado, com vários ícones de ferramentas visíveis. O segundo ícone na linha que aparece é um ladrilho colorido e, em seu estado selecionado (retratado aqui), tem sombreamento azul claro e uma borda azul mais escura. Uma marca aparece abaixo dela com o rótulo Cor de preenchimento um.

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado, com vários ícones de ferramentas visíveis. O terceiro ícone na linha é um ladrilho colorido e, em seu estado selecionado (retratado aqui), possui sombreamento azul claro e uma borda azul mais escura. Uma marca aparece abaixo dela com o rótulo Cor de preenchimento dois.

As cores de preenchimento  aparecem na barra de ferramentas superior como blocos, na mesma cor daquela parte da forma. Para formas com Preenchimento de cor menor que 100%, as cores são rotuladas como   Cor de preenchimento um   e   Cor de preenchimento dois  . 

Clique na   cor de preenchimento   para abrir o widget Ferramenta de cor e ajuste a cor ao seu gosto, seja com o seletor de cores ou com as cores do projeto ou do kit de marca.

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra várias formas e linhas. A forma superior é um quadrado simples de cor única com preenchimento azul. Um usuário clica no quadrado e ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior sobre a tela. O usuário clica no ícone Color Fill na barra de ferramentas superior. Quando o widget é aberto, o usuário move o controle deslizante de 0% a 48%, o que faz com que o preenchimento do quadrado mude de azul para vermelho, refletindo a porcentagem que o usuário seleciona no controle deslizante. Quando o usuário fecha o widget Color Fill, o quadrado é 48% azul e 52% vermelho. O usuário clica em Fill Color One, que aparece como um ladrilho azul da mesma cor que 48% do quadrado, e abre um widget Color Tool. O widget Color Tool exibe vários blocos de amostra de cores e um seletor de cores. O usuário muda a cor azul para um verde-azulado escuro, que aparece como um círculo sob o título Project Colors. O usuário fecha o widget Color Tool e clica em Fill Color Two, que aparece como um azulejo vermelho brilhante da mesma cor que a porção de 52% do quadrado, na barra de ferramentas superior, e muda o vermelho para um verde médio.

Certas formas aparecem, por padrão, apenas com uma borda. Você pode usar a  ferramenta  Preenchimento de cor   para alterar a porcentagem de preenchimento de cor.

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra várias formas e linhas. A forma inferior é oblonga com uma borda azul fina e um preenchimento transparente (que aparece como sem preenchimento, de modo que o fundo azul claro da tela é visível através dele). Um usuário clica no oblongo e os ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior da tela. O usuário clica no ícone Color Fill na barra de ferramentas superior. Quando o widget abre, o usuário move o controle deslizante de 0% a 100%, o que faz com que o preenchimento do oblongo mude de transparente para vermelho, refletindo a porcentagem que o usuário seleciona no controle deslizante. O usuário redefine o preenchimento para 0% e fecha o widget Color Fill.

Ou   altere a cor de preenchimento um   de transparente para uma cor sólida 

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra várias formas e linhas. A forma inferior é um oblongo com uma borda azul fina e um preenchimento transparente (parece sem preenchimento, então o fundo azul claro da tela é visível através dele). Um usuário clica no oblongo e os ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior da tela. O usuário clica em Fill Color One, que aparece como um bloco branco em branco, e abre um widget Color Tool. O widget Color Tool exibe várias amostras circulares de cores e um seletor de cores. O usuário altera a cor transparente para verde escuro, usando o seletor de cores do widget. Na tela de desenho, o preenchimento do oblongo muda de transparente para o verde escuro selecionado pelo usuário. O usuário fecha o widget Fill Color One, reabre-o e e clica em uma amostra de cor que aparece como um círculo branco com uma barra atravessada, representando a transparência. O oblongo agora aparece com um preenchimento transparente na tela. O usuário fecha o widget Fill Color One novamente e clica em Border Color na barra de ferramentas superior, que aparece como um ladrilho quadrado colorido com o centro vazio, na mesma cor azul da borda do oblongo. O usuário clica no seletor de cores no widget Ferramenta de cores, alterando a cor do ícone Cor da borda para azul escuro, bem como a cor da borda do retângulo na tela para o mesmo azul escuro. que aparece como uma telha quadrada de cor com um centro vazio, na mesma cor azul da borda do oblongo. O usuário clica no seletor de cores no widget Ferramenta de cores, alterando a cor do ícone Cor da borda para azul escuro, bem como a cor da borda do retângulo na tela para o mesmo azul escuro. que aparece como uma telha quadrada de cor com um centro vazio, na mesma cor azul da borda do oblongo. O usuário clica no seletor de cores no widget Ferramenta de cores, alterando a cor do ícone Cor da borda para azul escuro, bem como a cor da borda do retângulo na tela para o mesmo azul escuro.

Altere a   cor das bordas da forma   com a ferramenta  Border Color  na barra de ferramentas superior: clique para abrir o widget Color Tool e selecione uma cor no seletor de cores ou no Brand Kit ou Project Colors. 

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado, com vários ícones de ferramentas visíveis. O quarto ícone da linha é um ladrilho colorido com uma única cor ao redor da borda e um centro vazio. Em seu estado selecionado (retratado aqui), ele possui sombreamento azul claro e uma borda azul mais escura. Uma tag aparece abaixo dela com o rótulo Cor da borda.

Linhas: Cor, peso, estilo, início e fim

As linhas   e as  bordas das formas   podem ser personalizadas usando as  ferramentas  de peso   e   estilo   na barra de ferramentas superior. 

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado, com vários ícones de ferramentas visíveis. O sétimo ícone na linha é uma série de linhas horizontais do mesmo comprimento, com larguras variadas. Uma tag aparece abaixo dela com o rótulo Largura da borda.

Altere a   borda   ou   espessura da linha   clicando em   Largura da borda   (a ferramenta  Espessura da linha  funciona da mesma forma para linhas) na barra de ferramentas superior com esse elemento selecionado; use o controle deslizante para alternar a largura da borda ou da linha ou insira um número entre 0px e 20px no campo de texto.

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra várias formas e linhas. A forma superior é um quadrado simples de cor única com um preenchimento azul-petróleo escuro. Um usuário clica no quadrado e ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior sobre a tela. O usuário clica em Fill Color One na barra de ferramentas superior, que aparece como um ladrilho azul-petróleo da mesma cor do quadrado, e abre um widget Color Tool. O widget Color Tool exibe vários blocos de amostra de cores e um seletor de cores. O usuário altera a cor verde-azulado escuro para roxo escuro usando o seletor de cores. Agora, o bloco Fille Color One na barra de ferramentas superior e o próprio quadrado na tela são do mesmo roxo escuro. O usuário fecha o widget de ferramenta de cor One Fill Color e clica em Border Color, que abre o mesmo tipo de widget de ferramenta de cor. O usuário clica no seletor de cores e seleciona um tom lilás claro de roxo, que aparece no bloco Cor da borda na barra de ferramentas superior, bem como na borda fina ao redor do quadrado na tela. O usuário fecha o widget Border Color, clica na ferramenta Border Width na barra de ferramentas superior e abre o widget slider. O usuário desliza o seletor no widget, alterando a largura da borda de 6px para 15px, tornando-a mais espessa e visível ao redor do quadrado na tela. O usuário fecha o widget Border Width e clica em Border Style, que abre um widget exibindo várias opções: Solid, Dashed e Dotted. O usuário clica em cada um dos estilos de borda no widget e a borda do quadrado na tela muda, até que o usuário selecione Pontilhado e feche o widget. A borda no quadrado agora aparece como uma sequência ininterrupta de círculos de tamanhos iguais. O usuário reabre o widget Border Width e altera a largura da borda do quadrado de 15px para 6px. À medida que a largura da borda diminui, o tamanho dos círculos ao redor da borda do quadrado na tela fica menor.

Estilize bordas e linhas   com pontos e traços com a barra de ferramentas superior: clique na forma ou linha que deseja personalizar e, em seguida, clique em Estilo de   linha   na barra de ferramentas superior. Escolha entre sólidos, pontos, traços ou uma combinação desses estilos. 

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra uma única linha verde escura. Um usuário clica na linha para selecioná-la e ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior sobre a tela. O usuário clica na ferramenta Estilo de linha e o widget que se abre exibe vários tipos diferentes de estilos de linha, incluindo sólido, ponto, traço e combinações desses estilos. O usuário seleciona os estilos Ponto, Traço, Traço Longo e finalmente Traço-Ponto; com cada seleção, o estilo da linha na tela muda para refletir o estilo do widget Estilo de linha. O Dash-Dot aparece como uma série de traços e pontos alternados. O usuário fecha o widget Line Style e clica no ícone Line Weight na barra de ferramentas superior. O usuário altera a espessura da linha de 15px para 5px para 13px, usando o controle deslizante; à medida que o peso da linha diminui, mais e menores traços e pontos aparecem na linha; uma espessura de linha maior faz com que os traços e pontos pareçam maiores e haja menos no padrão de repetição ao longo da linha.

As linhas   podem ser ainda mais personalizadas com   inícios e fins de seta  . Clique na linha e use as ferramentas Line Start e Line End na barra de ferramentas superior para alterar o estilo.

Uma visão parcial de uma tela azul clara no Venngage Editor atualizado mostra uma única linha verde escura. Um usuário clica na linha para selecioná-la e ícones de ferramentas de cor e estilo aparecem na barra de ferramentas superior sobre a tela. O usuário clica na ferramenta Line Start e o widget que se abre exibe vários tipos diferentes de estilos de seta. O usuário seleciona Sharp Arrow e uma seta estreita com extremidades ligeiramente curvas aparece na extremidade esquerda da linha. O usuário então clica no ícone da ferramenta Line End na barra de ferramentas superior e seleciona Triangle Arrow. Um triângulo largo e equilátero aparece na extremidade direita da linha. O usuário fecha a ferramenta Fim de linha, clica novamente no ícone e muda a seleção para Seta pontiaguda, tornando a seta que aparece na extremidade direita da linha igual à esquerda.

 

Adicionar um ícone

Selecione (tab e pressione a barra de espaço no teclado) ou clique em "  Ícones  " na barra de ferramentas à esquerda.

Digite um termo de pesquisa na barra de pesquisa para filtrar ícones ou use as categorias pré-existentes para filtrar. 

Uma visão parcial de uma tela de design clara e cor de areia no Venngage Editor atualizado exibe um infográfico com o título Paving a Way Towards a Sustainable Future. Os acentos do design e do texto são diferentes tons de verde, bege e laranja. Um usuário abre o painel Ícones na barra lateral esquerda clicando nele; quando o painel é aberto, uma barra de pesquisa fica visível na parte superior do painel e três guias abaixo dela são rotuladas como All, Color e Mono, respectivamente. O usuário clica na guia Cor e rola para baixo em uma galeria de miniaturas de ícones de tamanho igual, mostrando diferentes pacotes de ícones com categorias como Atividades e Recreação, Retratos circulares diversos, Retro Essentials, etc. O usuário clica na guia Mono e exibe uma pacote de ícones rotulado Cultural Mono Pack com ícones simples de silhueta em preto e branco de itens como roupas, comida,

As categorias referem-se ao que os ícones representam, por exemplo, "Atividades e interações" ou estilo, por exemplo, "Retro Essentials", ou o tipo de cor do ícone, por exemplo, Mono (cor única, personalizável)  ou  Cor  (  pré-colorido). 

Clique em um ícone ou pressione a barra de espaço em um ícone selecionado para adicioná-lo à sua tela de design.

Adicionar uma foto

Selecione (tab e pressione a barra de espaço no teclado) ou clique em "  Fotos  " na barra de ferramentas à esquerda.

Digite um   termo de pesquisa   na barra de pesquisa ou use as   categorias   para exibir os resultados das fotos. 

Clique em uma miniatura de foto na galeria para adicioná-la à tela de design.

Uma visão parcial de uma tela de design azul escuro no Venngage Editor atualizado exibe um mapa de fluxo de processo com o título The Design Process. Os acentos do design e do texto são azul claro e roxo. Um usuário abre o painel Fotos na barra lateral esquerda clicando nele; quando o painel é aberto, uma barra de pesquisa fica visível na parte superior do painel, com algumas categorias de pesquisa clicáveis ​​pré-geradas abaixo. O usuário digita o termo 'negócio' na barra de pesquisa na parte superior do painel e retorna resultados para fotos royalty-free relacionadas a esse termo em uma galeria de miniaturas abaixo da barra de pesquisa. O usuário clica em uma das fotos, uma imagem azul e branca de uma grade com uma seta pontiaguda apontando para cima para indicar crescimento, e a foto em tamanho real aparece na tela de design.

Faça upload de suas próprias fotos usando a ferramenta de uploads ou corte uma foto de forma personalizada para alterar seu formato.

Reposicionar ou redimensionar um elemento visual

Uma visão parcial de uma tela de design clara e cor de areia no Venngage Editor atualizado exibe um infográfico com o título Paving a Way Towards a Sustainable Future. Os acentos do design e do texto são diferentes tons de verde, bege e laranja. Um usuário abre o painel Ícones na barra lateral esquerda clicando nele; quando o painel é aberto, uma barra de pesquisa fica visível na parte superior do painel e três guias abaixo dela são rotuladas como All, Color e Mono, respectivamente. O usuário digita o termo 'brotar' na barra de pesquisa na parte superior do painel e retorna resultados para ícones coloridos e monocromáticos relacionados a esse termo de pesquisa, abaixo da barra de pesquisa em uma galeria de miniaturas de tamanhos iguais. O usuário clica em um ícone colorido de um broto com duas folhas e ele aparece na tela de design. O usuário clica no ícone e uma caixa delimitadora azul aparece ao redor dele. O usuário clica na alça superior direita da caixa delimitadora e redimensiona o ícone, tornando-o maior e menor e, em seguida, clica no ícone de seta circular que aparece abaixo da caixa delimitadora e o arrasta, fazendo com que o ícone gire. O usuário então reposiciona o ícone na tela clicando e arrastando-o, colocando-o sob um título.

Aqui estão alguns controles básicos que se aplicam a qualquer foto, ícone, linha ou forma na tela:

  • Reposicionar:  Clique e arraste o elemento para o lugar ou  use a tecla Tab para selecioná-lo   e use as teclas de seta para deslocar o elemento para cima, para baixo, para a esquerda ou para a direita.
  • Redimensionar:   clique e arraste as alças da caixa delimitadora para tornar a foto menor ou maior ou  use os atalhos de teclado  (CTRL + setas para Windows; CMD + setas para Mac).  
  • Redimensionar proporcionalmente:  mantenha pressionada a  tecla Shift   enquanto redimensiona.
  • Girar:  Selecione o elemento. Clique na   seta circular   na parte inferior da caixa delimitadora e mova o mouse para girá-la ou  use os atalhos de teclado  : Alt ou Option + setas para a esquerda/direita.
  • Inverter verticalmente ou   horizontalmente:   selecione o elemento na tela e clique em "Inverter horizontalmente" ou "Inverter verticalmente" para inverter o elemento ao longo desse eixo.

Uma visão parcial da barra de ferramentas superior no Venngage Editor atualizado. Uma série de ícones de ferramentas aparece da esquerda para a direita, incluindo uma gota com uma parte inferior sombreada e vários ladrilhos coloridos. O quarto ícone de ferramenta na barra de ferramentas é a ferramenta Flip Horizontal, que aparece como dois triângulos retângulos espelhados em cada lado de uma linha vertical; um usuário passa o mouse sobre ele e ele aparece com o rótulo Flip Horizontal. O usuário move o cursor sobre o quinto ícone de ferramenta na barra de ferramentas, um ícone de dois triângulos retângulos espelhados em cada lado de uma linha horizontal, e aparece rotulado como Flip Vertical.

 

Aplicar estilos a vários elementos do mesmo tipo

Alguns elementos de diferentes categorias (por exemplo, formas e caixas de texto)  podem ser estilizados de uma só vez  quando você os seleciona ao mesmo tempo, se eles compartilharem algumas opções de estilo. 

Em uma exibição parcial de uma tela de design no Editor atualizado, dois pequenos retângulos e uma caixa de texto são selecionados. Na barra de ferramentas superior, é visível um mosaico colorido com as cores do texto e dos retângulos, indicando que podem ser personalizados.

Selecione vários elementos na tela de design (clique enquanto segura a tecla Shift do teclado) e use as ferramentas na barra de ferramentas superior para alterar a cor, o tamanho etc. 

Mais maneiras de personalizar

 

VENNGAGE LOGO

Você está curioso para se inscrever? Confira nossos planos.

 

Comece a projetar!

Esse artigo foi útil?

Usuários que acharam isso útil: 0 de 0

Tem mais dúvidas? Envie uma solicitação