Como usar o Photoshop para redimensionar e aumentar a nitidez de imagens para a web

Índice:

Anonim

Você tem dificuldade em fazer com que suas imagens pareçam super nítidas quando você as usa online? Eles parecem embaçados? Não importa se você compartilha suas imagens em plataformas de mídia social ou sites de compartilhamento de fotos como Flicker e 500px, você deseja que suas imagens tenham a maior nitidez possível.

A maioria dos fotógrafos se depara com problemas de nitidez da web em algum momento. Mas você sabia que a maioria dos problemas de nitidez da Web que você enfrenta vêm do processo de redimensionamento? Redimensionar sua imagem pode fazer com que ela pareça embaçada e muito menos nítida do que a imagem em tamanho real. Você pode ter passado muito tempo processando sua imagem, então seria uma pena que ela terminasse como uma versão online menos nítida.

Neste artigo, você aprenderá as armadilhas comuns para aumentar a nitidez de suas imagens para uso na web e, mais importante, como fazer a nitidez de uma forma que ofereça controle total e os melhores resultados.

No entanto, vamos dar uma olhada em como não redimensionar imagens para uso online antes de nos aprofundarmos na melhor maneira de redimensionar e aumentar a nitidez no Photoshop.

Pico Mitre de Milford Sound © Peter Dam

Como NÃO redimensionar e aumentar a nitidez de suas imagens para uso online

Para obter imagens nítidas e com ótima aparência online, evite carregar uma imagem em tamanho real e depender do site para fazer o redimensionamento para você. Você não tem nenhum controle sobre a quantidade de nitidez (se houver) que a função de upload de um site adiciona à sua imagem.

Você também deve evitar usar apenas a caixa de diálogo de exportação no Photoshop. Mesmo sendo bom, não é ótimo. Você ainda pode acabar com imagens borradas, especialmente se houver uma mudança drástica de tamanho. Por exemplo, se você quiser redimensionar uma imagem ampla de 6.000 px para apenas 1.200 px.

Além disso, evite apenas redimensionar no Photoshop e deixe a ferramenta de exportação fazer o resto se quiser os melhores resultados. Mesmo que você redimensione a imagem, você tem pouco controle sobre o processo de nitidez quando usa apenas a ferramenta de exportação.

Como aumentar a nitidez de suas imagens no Photoshop para obter os melhores resultados

Para acompanhar, abra uma cópia de uma imagem que você já processou no Photoshop, enquanto examinamos o melhor método para redimensionar e aumentar a nitidez de suas fotos para uso online.

Observação: Certifique-se de usar uma cópia da imagem e não a original, pois você irá redimensionar sua imagem para uma versão muito menor. Se você acidentalmente salvar a imagem sem renomear e fechar o Photoshop, não será possível recuperar a imagem de volta ao seu tamanho original.

The Chute © Peter Dam

Seria lógico ir em frente e redimensionar a imagem para o tamanho de saída desejado. No entanto, isso não levará aos melhores resultados, pois pode ser difícil para o Photoshop ajustar a nitidez de uma imagem que sofre de perda de qualidade quando você redimensiona muito.

Em vez disso, redimensione em duas etapas e ajuste a nitidez entre as etapas.

Vamos seguir o processo passo a passo usando as dimensões acima como exemplo, redimensionando de uma imagem de 6.000 px para 1.200 px de largura.

O primeiro passo é redimensionar sua imagem para aprox. 1,6 do tamanho de saída final que você deseja usar online. Nesse caso, seria 1,6 X 1200px = 1920px.

Para redimensionar sua imagem no Photoshop, você deve ir para Imagem->Tamanho da imagem e insira a largura.

Isso fornece uma imagem que não se degradou muito ao ser redimensionada, mas ainda está relativamente próxima do tamanho final da imagem.

Antes de redimensionar para o tamanho de saída final, você deve adicionar nitidez. Você faz isso indo para Filtro->Afiado->Afiado.

Se você gosta de acompanhar o que cada camada faz, sugiro renomear a camada para “Nitidez”.

Depois de aplicar esta primeira camada de nitidez, duplique a camada. Você pode fazer isso pressionando CMD + J (no Mac) ou CTRL + J (no Windows).

Em seguida, aplique outra rodada de nitidez usando o menu Filtro->Afiado->Afiado. Renomeie esta camada para “Nitidez extra”.

Agora você está pronto para redimensionar para o tamanho final da imagem. Você faz isso indo para Imagem->Tamanho da imagem e insira 1200px como largura.

Agora que redimensionou a imagem para o tamanho de saída final, você deve ver que a imagem parece muito nítida quando você a visualiza em seu tamanho real.

Se você acha que parece um pouco excessivamente nítido, pode facilmente ajustá-lo apenas alterando a opacidade da camada superior (aquela chamada “nitidez extra”). Diminua a opacidade para cerca de 60-70%.

Agora você concluiu o processo de nitidez. No entanto, você deve saber que existem problemas adicionais que ocorrem ao redimensionar imagens.

Aumentar a nitidez de uma imagem também tende a torná-la um pouco mais brilhante. Se você quiser resolver isso, deve adicionar uma camada de ajuste de Níveis e puxar o ponto de meio-tom ligeiramente para a direita. Normalmente, alterar o ponto de meio-tom para 0,97 traz de volta o nível de brilho original. Você também pode usar uma camada de ajuste de Exposição se preferir usá-la em vez de uma camada de ajuste de Níveis.

As cores em sua imagem também sofrem um pouco ao redimensionar e aumentar a nitidez; no entanto, nem sempre é visível. Se você achar que sua imagem parece um pouco menos colorida agora que foi redimensionada, você deve adicionar uma camada de ajuste de Matiz / Saturação e adicionar um pouco de saturação de volta à imagem. Em torno de +5 a +9 geralmente traz sua imagem de volta ao nível que estava antes de redimensionar e aumentar a nitidez.

Esse é o fim do método de redimensionamento e nitidez da web usado por muitos fotógrafos profissionais que usam o Photoshop.

Se você está familiarizado com a criação de ações do Photoshop, pode registrar o processo de redimensionar e aumentar a nitidez das imagens para as dimensões que você usa com mais frequência online. Isso permite que você acelere o processo significativamente.

Exportando sua imagem

A etapa final é exportar sua imagem. Você pode fazer isso acessando Arquivo -> Exportar -> Exportar como …

A configuração que você escolhe ao exportar sua imagem depende de onde você deseja carregá-la. Para alguns sites, como galerias de imagens ou website de portfólio, a qualidade da imagem é mais importante do que o tamanho do arquivo. Já os blogs preferem arquivos menores, mas com qualidade de imagem um pouco inferior.

Uma das coisas mais importantes, conforme discutido neste artigo, é que o resultado é uma imagem de aparência nítida. Você já cuidou disso seguindo o fluxo de trabalho de aumento de nitidez e redimensionamento acima, onde redimensionou a imagem para o tamanho de saída necessário. Isso significa que você não precisa se preocupar em redimensionar a imagem ou qual método de reamostragem usar durante a exportação.

A única coisa com que se preocupar ao seguir este fluxo de trabalho de nitidez e redimensionamento é escolher o formato de arquivo desejado e a qualidade a ser usada. O formato do arquivo provavelmente será JPG.webp para uso na web. As configurações de qualidade da imagem dependem se você prefere um tamanho de arquivo realmente pequeno (para que a imagem carregue com a rapidez da luz online) ou se você prefere manter a melhor qualidade de imagem possível. Normalmente, você pode diminuir a qualidade da imagem para 80% sem uma queda visível na qualidade da imagem. Esta é minha configuração pessoal preferida para qualidade de imagem. Você pode otimizar o tamanho do arquivo ainda mais usando uma qualidade de imagem inferior. No entanto, eu nunca recomendaria ir abaixo de 50% para obter tamanhos de arquivo menores. Existem também alguns sites de otimização de imagens que você pode usar, como o TinyJpeg.webp, que reduzem o tamanho do arquivo sem comprometer muito a qualidade da imagem.

Conclusão

Reconhecidamente, é um método muito mais complicado para redimensionar suas imagens do que usar o recurso de exportação embutido no Photoshop. No entanto, também leva a resultados muito melhores. Qual a utilidade de se esforçar muito para capturar e processar uma imagem, se ela não parecer tão boa quanto poderia quando você a mostrasse online?

Que método você usa para aumentar a nitidez de suas imagens antes de usá-las online? Sinta-se à vontade para compartilhar suas ideias nos comentários abaixo.