Design & UX

13 abr, 2007

Otimizando imagem para exportação

Publicidade

Olá a todos! Neste artigo iremos estudar como otimizar ainda mais uma imagem para exportação. Quando vamos exportar uma composição feita no Photoshop para o formato jpg, por exemplo, nós que trabalhamos com Internet, sabemos que na hora da exportação é necessário fazer alguns ajustes, diminuindo um pouco a qualidade da imagem, fazendo que ela fique no tamanho ideal para a web, sem muito peso e sem perder muito a qualidade, sem que apareça os pixeis da imagem. Ou seja, até agora você pensava que poderia controlar apenas o ajuste de compressão da imagem inteira.

Vamos ao artigo

Software utilizado: Photoshop CS2 em inglês.

Com a ferramenta de ajuste que iremos ver, nós podemos configurar menos compressão em uma layer e mais compressão em outra, otimizando ainda mais a exportação. Por exemplo, você tem um logotipo de uma empresa em uma composição que você fez, só que, quando você vai exportar a imagem para um formato de arquivo, por exemplo o jpg, você precisa ficar regulando toda a parte de otimização para que não afete o logotipo. Com esse recurso, você poderá comprimir uma grande parte da imagem sem afetar muito o logotipo, ou um texto importante, ou outra imagem.

Primeiramente faça o download do arquivo clicando aqui

Depois de feito o download, abra o arquivo.

Esse arquivo possui as seguintes layers:

O que iremos fazer é aumentar mais a compressão da layer fundo, sem afetar muito a qualidade da layer guitarra.

Para fazer isso teremos que selecionar a região que será menos afetada na compressão, que no caso será a layer guitarra. Então esteje com a layer guitarra selecionada

Segure a tecla Ctrl, sem soltar, clique em cima da layer guitarra.

Será criada uma seleção em torno da layer. Essa seleção será usada posteriormente, então iremos salvar essa seleção.

Vá até o menu Select e clique em Save selection

Salve com o nome guitarra

Quando salvamos uma seleção, é gerado um Channel para a mesma, vamos vê-lo. Clique na aba Channels

Na Channel guitarra, a parte escura, é a parte que terá mais compressão, e a parte branca é a parte que será menos afetada. Essa Channel será usada na hora da exportação, então vamos exportar a imagem agora.

Vá até o menu File > Save for web

Na tela de configuração de exportação, só para podermos fazer uma comparação, configure para:

E depois, notem que o tamanho da imagem (canto esquerdo inferior) esta em:

Na janela de configuração de exportação, clique no botão Use a channel to modify quality settings

Temos a seguinte configuração:

Na opção Channel, iremos carregar o Channel Guitarra

Agora vem a parte da compressão, lembrando que a parte escura é a parte que será mais afetada na compressão, e a parte branca será menos afetada. Configure dessa forma:

De ok

A Layer fundo recebeu mais compressão do que a layer guitarra, notem no canto esquerdo inferior o tamanho da imagem para exportação

Agora é só você exportar a imagem, clique no menu File > Save for web, aplique um nome e salve.

É isso ai pessoal, espero que tenham gostado do artigo. Abraço a todos!