Treinamento Online
Sexta-feira, 13 de abril de 2007 às 10h00

Otimizando imagem para exportação

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!

9 comentários

 Eder Prado
13/04/2007 14h44

Ótimo

Mais um excelente artigo de Eder Silva, parabéns! Você é um ótimo profissional!

E desses artigos que faz o Imasters um dos melhores sites da área.

Muito ÚTIL a matéria!!!

 Fabio Pantoja
13/04/2007 18h51

OTIMO

nem tinha percebido esta opção...
muito legal, eu imagino q a imagem deva ficar mais escura talvez... depois farei umm teste para ver com a plicação da mascara se prde alguma qualidade, mas acredito q fique bem semelhante!

 Eder Prado
16/04/2007 14h20

"To aqui tbm"

To aqui viu Ederzinhu?!
kkkkkkkkkkkkkkkkk

 Pedro Rossi
17/04/2007 09h01

Muito útil

Aprendi mais uma com vocês, obrigado!

 Maurílio de Queiroz
17/04/2007 10h48

Excelente!

Ótimo tutorial! Muito útil. Parabéns!

 daniel tapias morales
18/04/2007 14h07

Muito bom

Parabéns, muito bom conhecer essa técnica.

 Alexsandro Rosa de Mello
27/04/2007 19h01

Mais outro.

O artigo anterior foi show de bola, e o seguinte melhor ainda, rapaz, se continuar assim vou virar seu fã!

 Alessandro Carrara
12/06/2007 11h48

Ótimo

Meus parabéns pelo tutorial, é muito bom.
Sempre estou aprendendo coisas novas e úteis por aqui. Parabéns novamente.

 Raphael França Marques
25/07/2007 15h24

kramba!

muito bom!

pena q so funciona em jpg, pq tava querendo em png >:P mas ta otimo, pto pra ti e pra iMasters

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.