SlideShare uma empresa Scribd logo
Photoshop Básico - Aula 3:  Salvando a imagem Por Oswaldo Hernandez e Douglas Ribeiro Lemos
6 – Salvando a imagem
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...
Aparece uma nova janela (caixa de diálogo). No item “Format” escolher a opção de arquivo em JPEG
Após a escolha do formato da foto e a pasta de arquivo, clicar em Salvar
Uma outra caixa de diálogo surge. Manter as configurações conforme a imagem abaixo para se ter uma foto com qualidade...
... Em seguida dê OK
7 - Save for Web
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.
Para salvar a imagem para a Web ir no menu em File>Save for Web
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
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)
Opção: “2-up”
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).
A – Ampliar a imagem para melhor visualização, clicando no ícone lupa B - 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
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, s e houver necessidade de alterar o tamanho da imagem para dimensões específicas deverá seguir os passos seguintes...
... 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/Height 4)  Manter o menu “Quality” em bicubic. 5)  Clicar em Apply 6)  Salvar a imagem
Para salvar a imagem clicar em “Save” na parte superior/direita da página...
Uma nova janela vai surgir. Escolher e abrir uma pasta para arquivar. O nome do arquivo terá que ser diferente da foto original.
Clicar em “Salvar”
Opção: “4-up”
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.
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”   C lique em “Save” para salvar a imagem no seu computador conforme as instruções anteriores.
Aula criada por  Oswaldo Hernandez e Douglas Ribeiro Lemos

Mais conteúdo relacionado

Destaque

Tratamento e Edição de Imagens no Photoshop 01
Tratamento e Edição de Imagens no Photoshop 01Tratamento e Edição de Imagens no Photoshop 01
Tratamento e Edição de Imagens no Photoshop 01
Renato Melo
 
Photoshop básico - Aula 7: liquify
Photoshop básico - Aula 7: liquifyPhotoshop básico - Aula 7: liquify
Photoshop básico - Aula 7: liquify
Oswaldo Hernandez
 
Manual de utilização Photoshop CS6
Manual de utilização Photoshop CS6Manual de utilização Photoshop CS6
Manual de utilização Photoshop CS6
Bruno Mendes
 
Apostila Photoshop
Apostila Photoshop Apostila Photoshop
Steve Mccurry - Fotografias
Steve Mccurry -  Fotografias Steve Mccurry -  Fotografias
Steve Mccurry - Fotografias
Oswaldo Hernandez
 
Curso Photoshop 2009 - Aula 01
Curso Photoshop 2009 - Aula 01Curso Photoshop 2009 - Aula 01
Curso Photoshop 2009 - Aula 01
Willian Magalhães
 
Tratamento de Imagens com Photoshop - Visao Geral
Tratamento de Imagens com Photoshop - Visao GeralTratamento de Imagens com Photoshop - Visao Geral
Tratamento de Imagens com Photoshop - Visao Geral
dualpixel
 
Fotos sequênciais em uma única imagem
Fotos sequênciais em uma única imagemFotos sequênciais em uma única imagem
Fotos sequênciais em uma única imagem
Oswaldo Hernandez
 
O ato fotográfico por oswaldo hernandez
O ato fotográfico por oswaldo hernandezO ato fotográfico por oswaldo hernandez
O ato fotográfico por oswaldo hernandez
Oswaldo Hernandez
 
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADETEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
Sérgio Lagoa
 
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em FotografiasPhotoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Ruan Silva
 
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry43255080b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
Bob Tchétché
 
Retrato fotográfico no século XIX
Retrato fotográfico no século XIXRetrato fotográfico no século XIX
Retrato fotográfico no século XIX
Oswaldo Hernandez
 
Web Design - teoria básica das cores
Web Design - teoria básica das coresWeb Design - teoria básica das cores
Web Design - teoria básica das cores
Lucas Gheller
 
Manipulação de imagem final2
Manipulação de imagem  final2Manipulação de imagem  final2
Manipulação de imagem final2
Sana Alves
 
Trabalhar Com O Power Point
Trabalhar Com O Power PointTrabalhar Com O Power Point
Trabalhar Com O Power Point
@rte Digital
 
Ética no Fotojornalismo
Ética no FotojornalismoÉtica no Fotojornalismo
Ética no Fotojornalismo
Oswaldo Hernandez
 
Photoshop cs6 basico
Photoshop cs6 basicoPhotoshop cs6 basico
Photoshop cs6 basico
Jamiles Andrade
 
Gamification - um guia
Gamification - um guiaGamification - um guia
Gamification - um guia
Fitnoss
 
Introdução ao Excel 2010
Introdução ao Excel 2010Introdução ao Excel 2010
Introdução ao Excel 2010
José Calado
 

Destaque (20)

Tratamento e Edição de Imagens no Photoshop 01
Tratamento e Edição de Imagens no Photoshop 01Tratamento e Edição de Imagens no Photoshop 01
Tratamento e Edição de Imagens no Photoshop 01
 
Photoshop básico - Aula 7: liquify
Photoshop básico - Aula 7: liquifyPhotoshop básico - Aula 7: liquify
Photoshop básico - Aula 7: liquify
 
Manual de utilização Photoshop CS6
Manual de utilização Photoshop CS6Manual de utilização Photoshop CS6
Manual de utilização Photoshop CS6
 
Apostila Photoshop
Apostila Photoshop Apostila Photoshop
Apostila Photoshop
 
Steve Mccurry - Fotografias
Steve Mccurry -  Fotografias Steve Mccurry -  Fotografias
Steve Mccurry - Fotografias
 
Curso Photoshop 2009 - Aula 01
Curso Photoshop 2009 - Aula 01Curso Photoshop 2009 - Aula 01
Curso Photoshop 2009 - Aula 01
 
Tratamento de Imagens com Photoshop - Visao Geral
Tratamento de Imagens com Photoshop - Visao GeralTratamento de Imagens com Photoshop - Visao Geral
Tratamento de Imagens com Photoshop - Visao Geral
 
Fotos sequênciais em uma única imagem
Fotos sequênciais em uma única imagemFotos sequênciais em uma única imagem
Fotos sequênciais em uma única imagem
 
O ato fotográfico por oswaldo hernandez
O ato fotográfico por oswaldo hernandezO ato fotográfico por oswaldo hernandez
O ato fotográfico por oswaldo hernandez
 
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADETEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
TEORIA DA APRENDIZAGEM MULTIMÉDIA E ANÁLISE DO EFEITO DE MODALIDADE
 
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em FotografiasPhotoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
Photoshop CS6 - Recriando Efeitos de Luz do Sol em Fotografias
 
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry43255080b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
80b834cc 6df1-4d3e-acbe-a30ecd427799-gry432550
 
Retrato fotográfico no século XIX
Retrato fotográfico no século XIXRetrato fotográfico no século XIX
Retrato fotográfico no século XIX
 
Web Design - teoria básica das cores
Web Design - teoria básica das coresWeb Design - teoria básica das cores
Web Design - teoria básica das cores
 
Manipulação de imagem final2
Manipulação de imagem  final2Manipulação de imagem  final2
Manipulação de imagem final2
 
Trabalhar Com O Power Point
Trabalhar Com O Power PointTrabalhar Com O Power Point
Trabalhar Com O Power Point
 
Ética no Fotojornalismo
Ética no FotojornalismoÉtica no Fotojornalismo
Ética no Fotojornalismo
 
Photoshop cs6 basico
Photoshop cs6 basicoPhotoshop cs6 basico
Photoshop cs6 basico
 
Gamification - um guia
Gamification - um guiaGamification - um guia
Gamification - um guia
 
Introdução ao Excel 2010
Introdução ao Excel 2010Introdução ao Excel 2010
Introdução ao Excel 2010
 

Semelhante a Photoshop básico - Aula 3: salvando a imagem

Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para web
Regisnaldo Alencar
 
Wix.com sem photoshop
Wix.com sem photoshopWix.com sem photoshop
Wix.com sem photoshop
Isabel Silva
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
mdfeitosa
 
Imagem
ImagemImagem
Imagem
mdfeitosa
 
Imagem
ImagemImagem
Imagem
mdfeitosa
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
mdfeitosa
 
Tutorial winaudio cabeçalho
Tutorial   winaudio cabeçalhoTutorial   winaudio cabeçalho
Tutorial winaudio cabeçalho
SuporteWinaudio
 
Apostila Tratamento de Imagem no Photoshop
Apostila Tratamento de Imagem no PhotoshopApostila Tratamento de Imagem no Photoshop
Apostila Tratamento de Imagem no Photoshop
andre rossiter
 
Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digital
Helinton Bruce
 
Tutorial simplificado do movie maker do windows para ensino fundamental
Tutorial simplificado do movie maker do windows para ensino fundamentalTutorial simplificado do movie maker do windows para ensino fundamental
Tutorial simplificado do movie maker do windows para ensino fundamental
elizetearantes
 
Manual ardora
Manual ardoraManual ardora
Manual ardora
marcellyvargas
 
Power point
Power pointPower point
Power point
ginassouza
 
J cross
J crossJ cross
J cross
Eurydice Lino
 
HTML - Guia5
HTML - Guia5HTML - Guia5
HTML - Guia5
Alvaro Gomes
 
Tutorial rmvb avi
Tutorial rmvb   aviTutorial rmvb   avi
Tutorial rmvb avi
Sirene Monturil
 
Tutorial ConversãO De Slides
Tutorial ConversãO De SlidesTutorial ConversãO De Slides
Tutorial ConversãO De Slides
NTE 05 Itabuna/BA
 
moodle
moodlemoodle
moodle
AcessaSP
 
J quiz
J quizJ quiz
Tutorial winaudio backup
Tutorial   winaudio backupTutorial   winaudio backup
Tutorial winaudio backup
SuporteWinaudio
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0
A C Octaviani Jr
 

Semelhante a Photoshop básico - Aula 3: salvando a imagem (20)

Dicas de fundos graficos para web
Dicas de fundos graficos para webDicas de fundos graficos para web
Dicas de fundos graficos para web
 
Wix.com sem photoshop
Wix.com sem photoshopWix.com sem photoshop
Wix.com sem photoshop
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
 
Imagem
ImagemImagem
Imagem
 
Imagem
ImagemImagem
Imagem
 
Imagem grupo
Imagem grupoImagem grupo
Imagem grupo
 
Tutorial winaudio cabeçalho
Tutorial   winaudio cabeçalhoTutorial   winaudio cabeçalho
Tutorial winaudio cabeçalho
 
Apostila Tratamento de Imagem no Photoshop
Apostila Tratamento de Imagem no PhotoshopApostila Tratamento de Imagem no Photoshop
Apostila Tratamento de Imagem no Photoshop
 
Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digital
 
Tutorial simplificado do movie maker do windows para ensino fundamental
Tutorial simplificado do movie maker do windows para ensino fundamentalTutorial simplificado do movie maker do windows para ensino fundamental
Tutorial simplificado do movie maker do windows para ensino fundamental
 
Manual ardora
Manual ardoraManual ardora
Manual ardora
 
Power point
Power pointPower point
Power point
 
J cross
J crossJ cross
J cross
 
HTML - Guia5
HTML - Guia5HTML - Guia5
HTML - Guia5
 
Tutorial rmvb avi
Tutorial rmvb   aviTutorial rmvb   avi
Tutorial rmvb avi
 
Tutorial ConversãO De Slides
Tutorial ConversãO De SlidesTutorial ConversãO De Slides
Tutorial ConversãO De Slides
 
moodle
moodlemoodle
moodle
 
J quiz
J quizJ quiz
J quiz
 
Tutorial winaudio backup
Tutorial   winaudio backupTutorial   winaudio backup
Tutorial winaudio backup
 
Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0Tutorial de uso jahshaka 2.0
Tutorial de uso jahshaka 2.0
 

Photoshop básico - Aula 3: salvando a imagem

  • 1. Photoshop Básico - Aula 3: Salvando a imagem Por Oswaldo Hernandez e Douglas Ribeiro Lemos
  • 2. 6 – Salvando a imagem
  • 3. 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...
  • 4. Aparece uma nova janela (caixa de diálogo). No item “Format” escolher a opção de arquivo em JPEG
  • 5. Após a escolha do formato da foto e a pasta de arquivo, clicar em Salvar
  • 6. Uma outra caixa de diálogo surge. Manter as configurações conforme a imagem abaixo para se ter uma foto com qualidade...
  • 7. ... Em seguida dê OK
  • 8. 7 - Save for Web
  • 9. 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.
  • 10. Para salvar a imagem para a Web ir no menu em File>Save for Web
  • 11. 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
  • 12. 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)
  • 14. 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).
  • 15. A – Ampliar a imagem para melhor visualização, clicando no ícone lupa B - 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
  • 16. 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, s e houver necessidade de alterar o tamanho da imagem para dimensões específicas deverá seguir os passos seguintes...
  • 17. ... 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/Height 4) Manter o menu “Quality” em bicubic. 5) Clicar em Apply 6) Salvar a imagem
  • 18. Para salvar a imagem clicar em “Save” na parte superior/direita da página...
  • 19. Uma nova janela vai surgir. Escolher e abrir uma pasta para arquivar. O nome do arquivo terá que ser diferente da foto original.
  • 22. 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.
  • 23. 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” C lique em “Save” para salvar a imagem no seu computador conforme as instruções anteriores.
  • 24. Aula criada por Oswaldo Hernandez e Douglas Ribeiro Lemos