Aula Fundos Desfocados


Por:


Fundos Desfocados

Escrita por ßladynice-
Nível: Básico




Saudações, pessoal.

Esta será uma aula sobre fundo desfocado, que se assemelha a um fundo normal de apenas uma cor, tendo como diferença o uso de imagem para a confecção do style. Um bom exemplo de style deste tipo é este.

A primeira coisa a fazer é abrir um novo arquivo no photoshop com o tamanho mínimo de 1920 de altura e 1080 de largura.



Vá nas opções laterais e clique (G) para ativar a ferramenta de degradê, ou então vá até a ferramenta e clique nela com o botão esquerdo do mouse.



Depois, escolha duas cores que seja de seu gosto e clique na imagem criada. A ferramenta aparecerá como um “+”, clique com o botão esquerdo do mouse e arraste este “+” para onde quiser na imagem.
Ao fazer o passo anterior, vá em Filtro — Desfoque — Desfoque Gaussiano e vá modificando a quantidade de desfoque de acordo com sua vontade.



Por fim, hospede a imagem já pronta em algum site de hospedagem (ex: imgur, tumblr) e coloque no campo #fundo. A codificação deverá ficar assim:

#fundo {
Background: url(o link da imagem hospedada) repeat center top fixed;
}

Caso a imagem não fique boa, faça uma imagem maior e tente novamente, sempre verificando e consertando caso haja necessidade.

Dúvidas? Deixe um comentário, que estarei respondendo cada uma delas. Muito obrigada pela atenção e espero que tenham gostado.

Ladynice-
Beta Style

Gostou da Aula? Compartilhe!

Gostou? Deixe seu Comentário!

Muitos usuários deixam de postar por falta de comentários, estimule o trabalho deles, deixando um comentário.

Para comentar e incentivar o autor, Cadastre-se ou Acesse sua Conta.


Carregando...