Faça um fundo de azulejos sem costura para páginas da Web em cerca de dez segundos

Índice:

Faça um fundo de azulejos sem costura para páginas da Web em cerca de dez segundos
Faça um fundo de azulejos sem costura para páginas da Web em cerca de dez segundos

Vídeo: Faça um fundo de azulejos sem costura para páginas da Web em cerca de dez segundos

Vídeo: Faça um fundo de azulejos sem costura para páginas da Web em cerca de dez segundos
Vídeo: Generation Nord One-Shot - YouTube 2024, Maio
Anonim
Criar uma imagem de plano de fundo para sua página da web (ou plano de fundo da área de trabalho) não é um desafio. Na verdade, até mesmo um usuário novato do Photoshop pode derrubar um em cerca de dez segundos. Aqui está o mais simples dos métodos simples, com ótimos resultados surpreendentes.
Criar uma imagem de plano de fundo para sua página da web (ou plano de fundo da área de trabalho) não é um desafio. Na verdade, até mesmo um usuário novato do Photoshop pode derrubar um em cerca de dez segundos. Aqui está o mais simples dos métodos simples, com ótimos resultados surpreendentes.

Compensando a imagem

Encontre uma imagem apropriada, como esta do Flickr. Você pode usar qualquer imagem, mas algumas imagens funcionarão melhor que outras como um fundo repetitivo.
Encontre uma imagem apropriada, como esta do Flickr. Você pode usar qualquer imagem, mas algumas imagens funcionarão melhor que outras como um fundo repetitivo.
Quebre o Photoshop. Se você é um usuário do GIMP, pode instalar o filtro de deslocamento semelhante ao que vamos usar e seguir diretamente conosco.
Quebre o Photoshop. Se você é um usuário do GIMP, pode instalar o filtro de deslocamento semelhante ao que vamos usar e seguir diretamente conosco.
O trabalho “duro” pode ser feito em um instante com este filtro “offset”. Encontre-o navegando para Filter> Other> Offset, como mostrado.
O trabalho “duro” pode ser feito em um instante com este filtro “offset”. Encontre-o navegando para Filter> Other> Offset, como mostrado.
Se você estiver usando uma imagem com apenas uma camada de plano de fundo, o filtro de deslocamento deslizará sua imagem, envolvendo a imagem em um movimento de ladrilho. Certifique-se de que "Wrap Around" esteja selecionado em "Áreas indefinidas" para delimitar a imagem corretamente. Isso já é a maior parte do trabalho e mal começamos. Vamos ver como podemos tornar esta fotografia repetida um pouco mais perfeita.
Se você estiver usando uma imagem com apenas uma camada de plano de fundo, o filtro de deslocamento deslizará sua imagem, envolvendo a imagem em um movimento de ladrilho. Certifique-se de que "Wrap Around" esteja selecionado em "Áreas indefinidas" para delimitar a imagem corretamente. Isso já é a maior parte do trabalho e mal começamos. Vamos ver como podemos tornar esta fotografia repetida um pouco mais perfeita.

Bordas sem costura com um desfoque

Aqui está um método (um tanto grosseiro) que realmente não funciona bem para esta imagem, mas pode funcionar para o seu. Vamos criar uma camada de desfoque ao duplicar o plano de fundo (Clique com o botão direito do mouse em> Duplicar camada).
Aqui está um método (um tanto grosseiro) que realmente não funciona bem para esta imagem, mas pode funcionar para o seu. Vamos criar uma camada de desfoque ao duplicar o plano de fundo (Clique com o botão direito do mouse em> Duplicar camada).
Com essa camada selecionada, execute um Gaussian Blur navegando até Filter> Blur> Gaussian Blur. Use qualquer configuração que faça sentido para você.
Com essa camada selecionada, execute um Gaussian Blur navegando até Filter> Blur> Gaussian Blur. Use qualquer configuração que faça sentido para você.
Image
Image
Crie uma máscara de camada escurecida pressionando
Crie uma máscara de camada escurecida pressionando
+ Botão esquerdo do mouse no
+ Botão esquerdo do mouse no
ícone no painel de camadas.
ícone no painel de camadas.
Em seguida, basta usar uma escova macia com branco como uma cor de primeiro plano para suavizar as bordas onde a telha é muito óbvia. Isso pode funcionar muito bem para algumas fotos, mas o nosso não é um resultado incrível, por isso vamos tentar uma segunda técnica.
Em seguida, basta usar uma escova macia com branco como uma cor de primeiro plano para suavizar as bordas onde a telha é muito óbvia. Isso pode funcionar muito bem para algumas fotos, mas o nosso não é um resultado incrível, por isso vamos tentar uma segunda técnica.
Como alternativa, você também pode encontrar a “Ferramenta Desfoque” na caixa de ferramentas. Pode dar-lhe um resultado muito semelhante a este, desfocando seletivamente partes da imagem.
Como alternativa, você também pode encontrar a “Ferramenta Desfoque” na caixa de ferramentas. Pode dar-lhe um resultado muito semelhante a este, desfocando seletivamente partes da imagem.

Content Aware Blending Para Resultados AMAZING

Em situações como essa, as ferramentas de reconhecimento de conteúdo parecem estar fazendo milagres. O “Spot Healing Brush” pode fazer um trabalho rápido ao remover as linhas duras e óbvias da telha e dar a você uma aparência muito mais perfeita. Quando você seleciona o Pincel de Recuperação para Manchas, certifique-se de usar um pincel com bordas suaves.
Em situações como essa, as ferramentas de reconhecimento de conteúdo parecem estar fazendo milagres. O “Spot Healing Brush” pode fazer um trabalho rápido ao remover as linhas duras e óbvias da telha e dar a você uma aparência muito mais perfeita. Quando você seleciona o Pincel de Recuperação para Manchas, certifique-se de usar um pincel com bordas suaves.
Após quatro pinceladas rápidas, a imagem é surpreendentemente convincente. É difícil acreditar que foi tão pouco trabalho.
Após quatro pinceladas rápidas, a imagem é surpreendentemente convincente. É difícil acreditar que foi tão pouco trabalho.

Testando-o em um navegador

Image
Image

Salve sua imagem na sua área de trabalho como repeat.jpg, baixe este arquivo para a sua área de trabalho e abra-o no navegador de sua escolha. Isso carregará o que você criou como plano de fundo repetitivo, exatamente como você o veria em uma página da Web remota. Se você conhece HTML (muitos de vocês saberão), você pode editar esse arquivo em um bloco de notas para usar um nome de arquivo diferente, se preferir.

Pensamentos ou críticas sobre o nosso método hoje? Tem alguns truques que funcionam melhor que isso? Conte-nos sobre isso nos comentários, ou simplesmente envie-nos suas perguntas por e-mail para [email protected], e podemos apresentá-las em um futuro artigo sobre gráficos How To Geek.

Créditos de Imagem: Mural de Livros por benuski, Creative Commons.

Recomendado: