LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Sexta-feira, 13/04/2007 - 10:00 - Por Éder da Silva
Seções relacionadas:

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!

Todos os artigos de Éder da Silva

9 comentários publicados

  • 1. Ótimo

    Sexta-feira, 13/04/2007, por Eder Prado

    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!!!

    Responder comentário

  • 2. OTIMO

    Sexta-feira, 13/04/2007, por Fabio Pantoja

    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!

    Responder comentário

  • 3. "To aqui tbm"

    Segunda-feira, 16/04/2007, por Eder Prado

    To aqui viu Ederzinhu?!
    kkkkkkkkkkkkkkkkk

    Responder comentário

  • 4. Muito útil

    Terça-feira, 17/04/2007, por Pedro Rossi

    Aprendi mais uma com vocês, obrigado!

    Responder comentário

  • 5. Excelente!

    Terça-feira, 17/04/2007, por Maurílio de Queiroz

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

    Responder comentário

  • 6. Muito bom

    Quarta-feira, 18/04/2007, por daniel tapias morales

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

    Responder comentário

  • 7. Mais outro.

    Sexta-feira, 27/04/2007, por Alexsandro Rosa de Mello

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

    Responder comentário

  • 8. Ótimo

    Terça-feira, 12/06/2007, por Alessandro Carrara

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

    Responder comentário

  • 9. kramba!

    Quarta-feira, 25/07/2007, por Raphael França Marques

    muito bom!

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

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Éder da Silva está cursando o 3º ano do curso de Desenho Industrial pela FATEA na cidade de Lorena. Trabalha como Web Designer pela Fundação João Paulo II, e é instrutor do curso de Web Design na escola Microcamp unidade de Cruzeiro.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

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