Skip to content

Eu faço assim: salvando as imagens para web

abril 30, 2008
by

Lá nos bastidores do blog a gente tá sempre falando de photoshop e de como ele é engraçado às vezes. Já reparou como existem zilhões de formas de se chegar num mesmo efeito usando este software? E, dependendo da percepção de cada pessoa, algumas coisas são mais simples ou mais complicadas. Trocando figurinha com as meninas, eu vivo descobrindo coisas novas e aprendendo truques que facilitam muito a minha vida de scrapper. Às vezes eu ensino também e a troca de experiência é bem enriquecedora. Por isso… a gente resolveu iniciar uma série de posts para mostrar como cada uma de nós executa determinada tarefa no photoshop – como eu fiz no dupla inspiração da semana passada, mostrando as técnicas diferentes da Mic e da Aninha Reis para aplicar o stroke. Acho que vai rolar uma troca bem bacana, pois vocês também vão compartilhar com a gente o que sabem a respeito de cada assunto abordado!

O primeiro tema da nossa série, como eu coloquei ali em cima, é salvar as imagens para a web. Quem participa de fóruns e está sempre publicando seus trabalhos em fóruns e galerias on line, sabe que existem uns macetes que fazem toda a diferença na hora de salvar seu arquivo. Conversando com as meninas da equipe percebi que o procedimento usado por cada uma é basicamente o mesmo e se constitui em mesclar as camadas, redimensionar a imagem, aplicar o efeito sharpen e, por fim, salvar o arquivo.

Passo a passo:

1 – antes de iniciar, crie uma cópia do seu .psd clicando em Image / Duplicate… para evitar que você salve seu arquivo em baixa resolução por engano.

2 – Mescle as camadas usando o comando Flatten Image do menu Layer.

bsaveweb1.jpg

3 – Aperte as teclas Alt+Ctrl+I (ou vá em Image / Image Size…) e configure as dimensões desejadas para o seu arquivo.

saveweb3.jpg

4 – Quando você redimensiona o arquivo, sua imagem perde bastante da nitidez, problema que pode ser resolvido através do comando sharpen. Existem várias formas de fazer, com resultados diferentes. Escolha o que mais lhe agrada.

a) Você pode aplicar o sharpen direto na hora do redimensionamento, em Image / Image size… basta escolher a opção Bicubic Sharper no campo Resample Image.

bsaveweb2.jpg

b) A Dani prefere usar o Smart Sharpen (Filter / Sharpen / Smart Sharpen) e configurar os parâmetros do efeito. Você pode visualizar os settings que a Dani geralmente usa através da figura abaixo:

saveweb21.jpg

c) Eu já gosto de usar o Sharpen automático do photoshop mesmo em Filter / Sharpen / Sharpen. A diferença é realmente muito grande, como vocês podem ver na imagem comparativa abaixo. Repare como os elementos e o journaling ficam bem mais nítidos, todos os detalhes ressaltam.

bsaveweb3.jpg

5 – Prá salvar o arquivo utilize a opção Save for Web, encontrada no menu File. Uma janela igual a esta se abrirá, na qual você poderá ajustar a qualidade do .jpeg em função do tamanho em kB que você precisa para seu arquivo. As galerias geralmente suportam 150kB.

bsaveweb5.jpg

Action free

Como este é um processo bem repetitivo e chatinho de se fazer, você pode criar uma action para fazer tudo isso em apenas um clique do mouse. Eu criei um set que inclui o redimensionamento das imagens para quatro tamanhos diferentes: 500px, 550px, 600px e 700px. A action possui o seguinte PAP: duplicate image / flatten image / resize / sharpen (automático) / save for web (com opção para vc ajustar a qualidade e nomear o arquivo) / close.

Sinta-se a vontade para FAZER O DOWNLOAD da action. Não é necessário dar crédito nenhum para mim na hora de upar os layouts nas galerias, a action é só uma ferramenta para facilitar a vida mesmo. Espero que gostem!

Veja AQUI como criar ou instalar uma action.

E aí, tem alguma dica para compartilhar com a gente a respeito desse asssunto? Vamos adorar saber!

Um beijo e até +!

anaamorim.jpg

Anúncios
Deixe um comentário leave one →
  1. abril 30, 2008 9:35 am

    Aninha que post mais completo!!! Amei!!!

  2. abril 30, 2008 10:07 am

    Amooooooooooooooooo seus posts Aninha, vc arrasa nas explicações nos minímos detalhes e com action ainda pra facilitar a vida, já baixei obrigada!

  3. Eliana permalink
    abril 30, 2008 11:32 am

    Gosto muito desses tutoriais de Photoshop
    Valeu a dica!
    Bjs

  4. Debryka permalink
    abril 30, 2008 12:19 pm

    Ana,

    Ótima dica,faço mto eese procedimento,mas não coloco meus L.Os. nem minhas fotos na web.
    Realizo esse procedimento com todas as minhas imagens(fotos mesmo) que vou trabalhar.
    Posso explicar como faço,mas não sei onde eu posto a minha maneira e não sei como vcs colocam os quadros(telas do Photoshop) no blog para demonstrar a explicação no blog.
    Se vc me explicar como faço isso ,acho que tb poderei postar algumas dicas que aprendi quebrando a minha cabeça e estudando mto o livro do Photoshop.

    Bjinhos,

    Tô Amando este Blog de uma maneira geral,ele não é fútil.

    More Kissinhos.

  5. abril 30, 2008 2:49 pm

    ANinha vc é uma santa, sempre fico me matando para transformar os LOS para as galerias!!! Obrigada! Obrigada!!!

  6. abril 30, 2008 4:16 pm

    arrasou…. obrigada mais uma vez pela dica!!! estou fascinada pelo mundo do PS

    Beijos em todas
    fê Pacheco

  7. abril 30, 2008 4:50 pm

    Esse tuto está demais!E essa action a minha favorita!
    Nunca pensei que redimensionar uma imagem ficaria tão fácil! 🙂
    Obrigada Aninha!!! Adorei a action e todos os detalhes do tuto!

  8. abril 30, 2008 4:54 pm

    Ai Aninha! Que anjo é você!!

    Se soubesse o malabarismo que eu fazia pra redimensionar!!!!
    Vou tentar instalar o action! =DD

    Beijos

  9. Daniela permalink
    abril 30, 2008 5:06 pm

    adorei o post… sempre adoro as dicas de voces!! Queria fazer uma pergunta… se alguem souber e quiser me ajudar, eu gostaria de saber como redimensiono varias imagens, sem ter que fazer uma a uma. Se que existe um jeito, mas nao tenho ideia, então faço uma por uma!! Se alguem souber eu iria adorar
    Obrigada a todas
    bjs

  10. ReSales permalink
    abril 30, 2008 5:42 pm

    Obrigada Aninha,salvou meus scraps!!!
    Carinhos…

  11. abril 30, 2008 5:53 pm

    Nossa até um action para facilitar a vida? Já to baixando… Por isso sou fã desse blog…

    Bjinhos. Fiquem com Deus meninas!

    *Narinha* =)

  12. abril 30, 2008 10:56 pm

    Báh Aninha que tudo esta dica… eu não fazia a mínima idéia que usar sharpen melhorava nesse nível o LO para web!! Arrasou!!!
    Obrigada pela action!!!

    estrelinhas coloridas

  13. Harumi permalink
    maio 1, 2008 1:56 am

    Aninha,
    Arrasou com a dica. Acredita que eu não usava o sharpen?? Já testei aqui e realmente muda muuuuito. Agora meus LOs vão ficar mais bonitinhos nas galerias. hahahaha
    Obrigada!!!
    Bjo grande!

  14. Fabi Poffo permalink
    maio 2, 2008 1:09 am

    Muito obrigada pela dica!Arrasou!Eu na minha ignorãncia de iniciante rs,não fazia nada disso,apenas redimensionava a imagem e só rs…Realmente da uma bela diferença,já salvei a action e li o tuto como instalar.Valeu!!

  15. maio 8, 2008 2:25 pm

    Nossa Aninha! Não tinha como não comentar nesse post, mesmo atrasada, quero te agradecer muito!
    Adorei o tuto e amei a action, já testei!
    Obrigada!
    Beijos, Cá!

  16. Morgana permalink
    maio 12, 2008 6:31 pm

    MUUUUIIIIIITOOOOOOOOOO obrigada pela dica!!
    Nossa, eu já estava desistindo de postar na única galeria q
    postava.

    Essa dica foi super útil!

    Estou favoritando teu blog.

    Agora vou conhecer mais um pouquinho dele!

  17. junho 2, 2008 2:53 pm

    Aninha fOfa, eu faço isso na unha e as meninas do CT da Dúnia me falaram da sua action! Vim aqui baixar e agradecer!! beijocas nas meninas e em vc! Regi

  18. maio 22, 2009 6:46 pm

    oiê… vim aqui na maior cara de pau prá pedir em nome do “movimento das novatas”, que vc ative novamente o link da sua action!!!!
    Por favor, por favor, por favor….

    Obrigada e beijocas, amei o tuto viu!!!!

    Lu Martins’s last blog post..NSD chegando…

Trackbacks

  1. Scrapbooking – Por onde começar? « Boutique Cute Dolls

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: