Índice
Planos de fundo ou imagens de fundo são uma das partes visuais mais desafiadoras de se obter em uma proposta da web. Às vezes, uma cor lisa resolve o problema, mas há outros casos em que precisamos adicionar um padrão ou figura ao fundo e ao fazer isso deve parecer contínuo, especialmente se estivermos projetando algo que vai ser responsivo.Para isso podemos criar fundos com texturas e através de alguns truques podemos fazer com que pareça ilimitado e sem costura, desta forma podemos alcançar um resultado que parece profissional e não ter que repetir a mesma imagem indefinidamente.
A primeira coisa que devemos fazer é criar nossa base, para isso podemos fazer duas coisas, a primeira é desenhar nossos padrões e texturas manualmente em um documento separado e depois importá-los ou a segunda podemos usar os padrões já incluídos no Photoshop para atingir os objetivos.
Como estamos aprendendo a fazer o fundo, vamos optar pela segunda opção, então vamos seguir os seguintes passos:
1- Vamos criar um novo documento e sobre ele vamos fazer uma base, na camada mais baixa ou de fundo vamos colocar a cor que quisermos.
2- Então vamos usar a ferramenta formas personalizadas do Photoshop e vamos criar uma camada para cada um dos formulários que queremos utilizar, devemos ter um cuidado especial para não ultrapassar os limites do documento:
4- Agora vamos usar a ferramenta para mesclar as camadas ou simplesmente pressionar a combinação CTRL + E em nosso teclado.
5- Por fim, iremos ocultar as camadas individuais e deixaremos apenas a nova camada com todas as formas mescladas:
1- Vamos selecionar a opção Filtro, então a opção Outras e finalmente a opção deslocamento, aqui vamos criar um deslocamento vertical da metade do tamanho do nosso documento e o mesmo para o deslocamento horizontal.
2- Por fim, selecionamos a opção inferior de volta completa e teremos um resultado como o seguinte:
4- Exportamos para a web e já temos nosso fundo:
