Opções de fundo para gráficos

Você pode adicionar um fundo a certos elementos que irão compor seus gráficos, como Regiões, Overlays, Contêineres e Retângulo.

Para adicionar um fundo a qualquer um desses elementos, você precisa

  1. Selecionar o elemento da árvore ou canvas
  2. Procure a seção de Background no Inspetor no lado direito do editor.
  3. Escolha o tipo de fundo que deseja usar.

Os planos de fundo do elemento podem ser uma cor sólida, um gradiente ou uma imagem.


Sólido

Para adicionar uma cor sólida, escolha a cor no seletor, use o código Hex ou valores RGBA. Além disso, você pode definir a opacidade para conceder transparência à cor de fundo.

Use-o, por exemplo, para gerar uma tela verde para integrações de chroma key.


Gradiente

Após escolher a opção Gradiente no Inspetor, use os pequenos lápis na parte superior do seletor para escolher as cores que irão compor seu gradiente.

Clique no lápis em para adicionar a 1ª cor e depois clique no lápis à direita para adicionar a segunda cor.

Você também pode mover (em uma linha horizontal) cada lápis para aumentar ou diminuir a área que cobrirá cada cor.

Por padrão, fundos gradientes se movem da parte superior para a parte inferior de um elemento, fazendo a transição entre o primeiro valor de cor e o segundo. Esta direção, entretanto, pode ser alterada com o uso de um valor de grau declarado.


Imagem

Você pode definir uma imagem como plano de fundo para seus gráficos de tela inteira ou, por exemplo, se você já criou seus terços inferiores como imagens, você pode carregá-los.

Formatos compatíveis

  • PNG
  • SVG
  • Gif Animado
  • JPG

Tamanho máximo

O tamanho máximo da imagem que você pode carregar é 5 MB

Propriedades da imagem de fundo

Tamanho

Caber

A imagem de fundo será dimensionada até ficar contida na Largura ou Altura do Elemento, mantendo suas proporções originais e não cortando.

Faixas transparentes podem aparecer se a imagem e as proporções do elemento forem diferentes. Essas áreas podem ser preenchidas usando as opções de lado a lado.

Preencher

O plano de fundo será dimensionado até cobrir toda a área do elemento, mantendo suas proporções originais, mas sendo cortado se necessário. Você pode usar os controles de posição para mover a janela de recorte.

Esticar

A imagem será esticada para cobrir totalmente a área do elemento inteira, perdendo suas proporções naturais. Isso será especialmente perceptível quando houver grandes diferenças entre as proporções do elemento e da imagem.
Nenhuma repetição ou ajuste de posicionamento é possível neste modo.

Tamanho natural

A imagem será exibida em sua largura e altura originais em pixels.
Se for maior que o Elemento, ele será cortado, e se for menor, deixará áreas transparentes, que podem ser preenchidas com ladrilhos.
Lembre-se de que ao usar uma imagem em seu tamanho natural, ela parecerá maior ou menor dependendo do tamanho da tela do Gráfico (também definido em pixels).

Repetição

Permite definir se uma imagem é repetida. Funciona apenas com Fit e Tamanho Natural. Se você selecionar uma dessas opções de tamanho, pode escolher repeti-la:

Horizontalmente (Repetir X)

Verticalmente (Repetir Y)

Ambas as direções (bloco)

Posição

Permite definir onde a imagem de fundo é colocada. Esta opção não está disponível para Tamanho de imagem: "Esticar".

Was this article helpful?