photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

24
Photoshop Básico - Aula 3: Salvando a imagem Por Oswaldo Hernandez e Douglas Ribeiro Lemos

Upload: kleyton-canuto

Post on 05-Jan-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Photoshop Básico - Aula 3: Salvando a imagem

Por Oswaldo Hernandez e

Douglas Ribeiro Lemos

Page 2: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

6 – Salvando a imagem

Page 3: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Esta imagem original e tratada deve ser salva com as características originais em relação a tamanho e DPI. Para salvar a imagem no

computador ir no menu File>Save as...

Page 4: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Aparece uma nova janela (caixa de diálogo). No item “Format” escolher a opção de arquivo em JPEG

Page 5: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Após a escolha do formato da foto e a pasta de arquivo, clicar em Salvar

Page 6: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Uma outra caixa de diálogo surge. Manter as configurações conforme a imagem abaixo para se ter uma foto com qualidade...

Page 7: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

... Em seguida dê OK

Page 8: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

7 - Save for Web

Page 9: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

A maioria das fotos que nos realizamos são originalmente feitas em tamanho grande, em espaço ocupado e resolução (DPI). Elas são muito pesadas para se colocar em blog ou site, demorando muito para abri-las.

Quem possui Internet de alta velocidade (banda larga), não terá dificuldades para upload/download de imagens online, mas é muito importante lembrar dos visitantes que utilizam Internet discada. Além disso, quanto mais tempo uma página demorar para carregar, maior é a possibilidade de perder visitantes no blog ou site. O comando Save for Web no Photoshop permite que você otimize suas imagens para uso na web.

Page 10: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Para salvar a imagem para a Web ir no menu em File>Save for Web

Page 11: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Uma nova página surge com quatro opções de salvar, indicado na parte superior esquerda da página: Original, Optimized, 2-up e 4-up

Page 12: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Opções do Save for Web:

Original: A foto original

Optimized: É um preview da imagem com o tipo de arquivo selecionado (jpg, .gif, .png)

2-up: Foto original à esquerda e foto com o tipo de arquivo selecionado a direita.

4-up: a foto original e três opções de formato de arquivo (high, medium e low)

Page 13: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Opção: “2-up”

Page 14: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

A opção “2-Up” é a mais usada. Nesta opção temos a imagem original no lado esquerdo e a imagem comprimida e otimizada para a Web no lado direito, contornada em azul. Deste modo poderá ver-se a diferença entre as duas fotos.Em cada uma das janelas com a foto, você pode ver no canto inferior esquerdo o tamanho do arquivo, a qualidade da imagem e quanto tempo levaria para carregar em um modem com velocidade específica, ou seja, o tempo de download com determinada conexão (kbps).

Page 15: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

A – Ampliar a imagem para melhor visualização, clicando no ícone lupaB - Selecionar o formato JPEG que é usado para fotografias. Sua imagem ficará mais ‘leve’ e conseqüentemente a página Web carregará muito mais rápido.C - marque a opção Optimized

Page 16: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

C - No item “Preset” existem vários tipos e tamanhos de formatos. A escolha vai de cada um e conforme o espaço que a imagem vai ocupar na Web. Neste caso se optou por JPEG High que dá uma taxa de compressão muito boa sem mostrar muitos “ruídos visuais” na imagem.Agora a imagem pode ser salva ou, se houver necessidade de alterar o tamanho da imagem para dimensões específicas deverá seguir os passos seguintes...

Page 17: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

... Para alterar o tamanho da foto:1) Dê um clique no tabulador Image Size, na caixa de diálogo.2) Para manter as proporções atuais das medidas, em largura (Width) e altura (Height), selecione Constrain Proportions.3) Digite os valores desejados para Width/Height4) Manter o menu “Quality” em bicubic.5) Clicar em Apply6) Salvar a imagem

Page 18: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Para salvar a imagem clicar em “Save” na parte superior/direita da página...

Page 19: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Uma nova janela vai surgir. Escolher e abrir uma pasta para arquivar. O nome do arquivo terá que ser diferente da foto original.

Page 20: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Clicar em “Salvar”

Page 21: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Opção: “4-up”

Page 22: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

A opção “4-up” mostra quatro imagens comparativas; a foto original, e as três outras com níveis de compactação e qualidades diferentes: high, medium e low. Informações sobre as características de cada uma delas estão na parte inferior das fotos.

Page 23: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Após uma análise, escolher a imagem ideal clicando sobre a mesma. Uma moldura azul vai contorná-la. Lembrando que JPEG é o formato ideal para fotografia e clicar em “Optimized” Clique em “Save” para salvar a imagem no seu computador conforme as instruções anteriores.

Page 24: photoshopbsico-aula3-salvandoaimagem-111221110937-phpapp01 (2).ppt

Aula criada por Oswaldo Hernandez e

Douglas Ribeiro Lemos