Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Um dos recursos mais práticos Quando você usa imagens ou vídeos de fundo no Divi, eles são os sobreposição de camadas de fundo.

Caso você não caia no que eu quero dizer é colocar uma sobreposição na imagem ou no vídeo, adicionando opacidade ao plano de fundo.

Para que servem as camadas sobrepostas?

Principalmente servem para tornar os textos melhor lidos que passam por cima dessa imagem ou vídeo de plano de fundo.

Por exemplo, Se o plano de fundo for um vídeo com partes claras e escuras, é difícil decidir sobre um texto claro ou escuro, pois depende da parte do vídeo que estamos assistindo, o texto ficará bom / ruim.

A adição de uma camada de sobreposição escurece ou clareia a imagem de vídeo ou texto, tornando nosso texto claro ou escuro de forma consistente.

Para lhe dar uma idéia, o exemplo a seguir seria texto claro em uma imagem de fundo muito clara ou com uma sobreposição muito clara, onde o texto pareceria fatal.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 3

Pelo contrário, se aplicarmos uma sobreposição escura à imagem, nosso texto será exibido perfeitamente, sem influenciar as partes claras ou escuras da imagem.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 5

Tipos de camadas sobrepostas

No Divi, vamos encontrar 2 tipos de camadas sobrepostas, então vamos ver para que elas são usadas e como tirar vantagem delas.

Sobreposição de fundo

É aquele que nos permite configurar o Divi imediatamente ao acessar a guia de design da seção ou módulo que permite a utilidade de sobreposição de camadas.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 7

Serve principalmente para aplique uma cor de sobreposição à imagem ou vídeo de plano de fundo, para que nosso texto e botões sejam vistos corretamente, como expliquei anteriormente.

Para usá-lo, a primeira coisa é ativá-lo no botão Se não da ferramenta e você deve escolha a cor da sobreposição logo abaixo.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 9

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Nesse sentido, você deve saber que, se aplicar uma cor selecionando-a diretamente das visíveis, sua imagem ou vídeo não serão vistos, pois a cor é aplicada inicialmente sem transparência ou com o 100% de opacidade, que é o mesmo.

Você vê claramente neste pequeno vídeo …

Como você pode ver, ao aplicar uma cor a cor sólida é aplicada à imagem ou vídeo de plano de fundo, com o que resta para ver, é como se não houvesse nada em segundo plano.

Não é o que queremos, é?

O habitual é aplique uma sobreposição com alguma porcentagem de opacidade menor que 100%, para que nossa imagem ou vídeo ainda possa ser visto em segundo plano.

Por isso você deve selecionar, não uma cor, mas o botão com o ícone do conta-gotase o processo é o seguinte:

  1. Você escolhe a cor base da sobreposição.
  2. Você escolhe a variação da cor base no controle deslizante.
  3. Você seleciona a porcentagem de opacidade no segundo controle deslizante.

Certamente você verá mais claro neste pequeno vídeo …

Fácil ¿eh?

Sobreposição de texto

Nós concordamos que o principal objetivo de uma sobreposição é melhorar a aparência do texto em uma imagem ou vídeo de plano de fundo?

Boa!

E daí que, em vez de aplicar a sobreposição à imagem ou vídeo inteiro nós o aplicamos apenas na parte do texto?

É esse efeito que você costuma ver de texto que flutua em uma caixa, mais ou menos opaca, na imagem ou no vídeo.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 13

Para isso no Divi, temos que ativar, na mesma seção de Design> Sobreposição, não a sobreposição de plano de fundo, mas a sobreposição de texto.

Como adicionar camadas de sobreposição e para que servem • Ajuda do WordPress 15

Depois de ativar a sobreposição de texto, há pouco mais a aprender, porque a maneira de usar a ferramenta é como no caso anterior da sobreposição em segundo plano, apenas com uma etapa adicional (opcional):

  1. Você escolhe a cor base da sobreposição.
  2. Você escolhe a variação da cor base no controle deslizante.
  3. Você seleciona a porcentagem de opacidade no segundo controle deslizante.
  4. Você define o raio da borda para tornar os cantos da caixa de sobreposição de texto mais ou menos arredondados.

Novamente, em um pequeno vídeo, você verá mais claro e fácil de aprender …

Como você deve ter visto, as camadas sobrepostas são um recurso realmente interessante, às vezes até essencial, em todos os módulos e seções Divi em que usamos uma imagem ou vídeo de fundo.

A propósito, se você ainda não possui uma licença Divi, aqui pode adquiri-la para a vida toda com um desconto de 20%.

VALORIZE E COMPARTILHE ESTE ARTIGO PARA MELHORAR A QUALIDADE DO BLOG …

(2 votos, média: 3)

Gostou deste artigo? Você não sabe o que está perdendo e YouTube!

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br
Leia Também  Você poderia gastar o dinheiro de Bill Gates?