SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Photoshop
   Professores Jaire Passos e Paula Jardim
FONTE       FORMA DE     REPRESENTAÇÃO   PRODUÇÃO
DUCUMENTAL   CONHECIMENTO    DA REALIDADE   CULTURAL
               DE MUNDO




                  USO DE IMAGENS
                   NA EDUCAÇÃO
Uma imagem é de longe a
ferramenta de comunicação mais
profunda disponível.

Timothy Samara
Elementos do Design, 2010 - Pag. 166
O conhecimento visual facilita a
compreensão do que não temos
presente fisicamente, mas simula
a presença do que está longe.
O apoio visual pode ajudar a
compreender mais facilmente
fenômenos.
80%
informações
visão
Aprendemos mais da metade
do que sabemos a partir de
informação visual.
Uma imagem torna-se relevante
quando sua composição e técnica
de produção, assim como seu
tema, funcionam em harmonia
com outro material para criar uma
mensagem integrada.

Timothy Samara
Elementos do Design, 2010 - Pag. 166-167
Resolução ou Definição?
Resolução
Resolução é número ou quantidade
de pixels e cores que são geradas pela
placa de vídeo e aceitas no monitor.

Quando setamos nosso monitor para
1024 x 768 isso quer dizer que cada
linha Horizontal tem 1024 pixels e
cada linha Vertical possui 768 pixels.
Definição   Tem relação com a qualidade da
           imagem. Em uma impressão a
           imagem pode ter um determinado
           tamanho mas pode ter mais ou
           menos pontos por polegada.
Pixel?
Pixel ou Picture Element é a menor
parte de uma imagem, aonde
cada pixel ou ponto possui uma
informação que diz qual é sua cor.
Cor?
A cor é definida através da escala
RGB (Red, Green e Blue), que varia
de 0 a 255 e é a mistura dessas 3
cores que determinará a cor final
do pixel.




  Mistura aditiva                      Mistura subtrativa
  Mistura das cores primárias em luz   Mistura das cores primárias em
  RGB - red, green, blue               pigmentos
                                       CMY - ciano, magenta, amarelo
Existe pixel transparente?
Sim, os pixels transparentes
utilizam uma cor que
denominamos como Canal Alpha,
daí o famoso Alpha que muitos
utilizam no Photoshop.
Arial   10pt




               Transparência
               Arquivos .GIF e .PNG são usados
               com frequência no projeto de
               interface por possibilitarem a
               incorporação de canal alpha.
DPI (doths per inch ou pontos por polegada)
DPI (doths per inch ou pontos por
polegada) é a unidade de medida
da resolução! Ao dizer que uma
imagem tem 300 DPI queremos
dizer que em cada polegada (2,54
cm) da imagem há 300 pontos.
Impressões
                           Na tela do computador
                           72 DPI
Impressões
300 DPI em cada polegada
da imagem
Modos de vídeo
A grande maioria dos usuários ainda
utiliza uma resolução de 1024 x 768
pixels e normalmente os projetos
para Web são produzidos para esta
resolução.

Quanto ao número de cores
visualizadas no monitor, temos: 256,
16 bit (65.536) e 32 bit (mais de 16
milhões de cores).
ESPECTRO VISÍVEL AO OLHO HUMANO - 380 e 700 nm


  ULTRA                                                                 INFRA
VIOLETA                                                                 VERMELHO

          400 nm                   500 nm         600 nm       700 nm



                   Curiosidade: o olho humano não
                   é capaz de diferenciar 16 milhões
                   de cores, notamos por volta de
                   por volta de10 mil cores.

                   Então pra que colocar 32 bit
                   (16 milhões de cores) de cor no
                   monitor? Simplesmente para
                   dar maior nitidez/definição à
                   imagem.
Qual resolução utilizar em meu site?
Embora isso dependa do tipo de site
é recomendável que não se utilize
resoluções que sejam maiores do que
1024x768 pode visualizar, já que esta
é a resolução mais utilizada entre os
usuários. É importante ressaltar que a
resolução definida em 1024x768 é para
toda a tela do monitor e o navegador
visualiza uma valor um pouco abaixo
disso. Para que seu site não fique com
barra de rolagem é recomendável que
você utilize no máximo 960 de tamanho
horizontal e 600 pixels na vertical.
Jakob Nielsen revelou que
    apenas 23% dos visitantes
    rolam a página em sua

A   primeira visita ao site.
    Isto significa que 77% dos
    visitantes não irá rolar a
    página para visualizar o
    resto de seu conteúdo.
    Então mais uma vez entra a
    base da criação de um site
    onde o conteúdo deve ser

B   organizado e posicionado
    em um espaço onde irá
    as informações que mais
    importam.

    Fonte: Nilsen, 2007
Usuários mantém foco
em pessoas

Pessoas usadas em folder,
revista, web sites, são não
só são ótimas jogadas de
marketing, como também
disparam a atenção de
todos que o veêm.
Note o aumento das
pessoas olhando para o
título e o texto, quando
o bebe está olhando
para o conteúdo.

Esse estudo de
experiência do usuário
foi feito pelo James
Breeze e pode ser visto
mais no artigo “You
Look Where They Look”

Fonte: http://usableworld.
com.au/2009/03/16/you-
look-where-they-look/

Contenu connexe

Tendances

2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - BitmapsWillian Magalhães
 
Material de apoio para curso básico de edição de vídeo aula 1
Material de apoio para curso básico de edição de vídeo   aula 1Material de apoio para curso básico de edição de vídeo   aula 1
Material de apoio para curso básico de edição de vídeo aula 1Diego Duenhas
 
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - VetoresWillian Magalhães
 
Folheto dolby oculos 3 d
Folheto dolby oculos 3 dFolheto dolby oculos 3 d
Folheto dolby oculos 3 dStrongCinema
 
Imagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brImagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brAna Paula Moura
 
Imagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPImagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPDaniel Soto
 

Tendances (14)

2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
 
A Imagem Digital
A Imagem DigitalA Imagem Digital
A Imagem Digital
 
Material de apoio para curso básico de edição de vídeo aula 1
Material de apoio para curso básico de edição de vídeo   aula 1Material de apoio para curso básico de edição de vídeo   aula 1
Material de apoio para curso básico de edição de vídeo aula 1
 
Edição de vídeos
Edição de vídeosEdição de vídeos
Edição de vídeos
 
Bitmap ou vetor?
Bitmap ou vetor?Bitmap ou vetor?
Bitmap ou vetor?
 
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
 
Formato Imagens
Formato ImagensFormato Imagens
Formato Imagens
 
Imagens
ImagensImagens
Imagens
 
Folheto dolby oculos 3 d
Folheto dolby oculos 3 dFolheto dolby oculos 3 d
Folheto dolby oculos 3 d
 
Blu ray
Blu rayBlu ray
Blu ray
 
Zebra Card Printer
Zebra Card PrinterZebra Card Printer
Zebra Card Printer
 
Imagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brImagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-br
 
Slide blog
Slide blogSlide blog
Slide blog
 
Imagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPImagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAP
 

Similaire à Usando imagens na educação

Aula2_3_MTM.ppt
Aula2_3_MTM.pptAula2_3_MTM.ppt
Aula2_3_MTM.pptGumboScout
 
Aula 03 - elementos-basicos
Aula 03 - elementos-basicosAula 03 - elementos-basicos
Aula 03 - elementos-basicosAlan Vasconcelos
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Wesley Germano Otávio
 
Comunicação visual fatece - bkp 2
Comunicação visual   fatece - bkp 2Comunicação visual   fatece - bkp 2
Comunicação visual fatece - bkp 2edsonfgodoy
 
Workshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAWorkshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAMUZIK PRODUÇÕES
 
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 digitalHelinton Bruce
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Coresdmazbnet
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digitalschool
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Brotero - Apresentação 2 Vídeo
Brotero - Apresentação 2 VídeoBrotero - Apresentação 2 Vídeo
Brotero - Apresentação 2 VídeoJoão Leal
 
Monitores
MonitoresMonitores
MonitoresTiago
 
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoPalestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoSIBiUSP
 

Similaire à Usando imagens na educação (20)

Projeto digital
Projeto digitalProjeto digital
Projeto digital
 
Aula2_3_MTM.ppt
Aula2_3_MTM.pptAula2_3_MTM.ppt
Aula2_3_MTM.ppt
 
Aula 03 - elementos-basicos
Aula 03 - elementos-basicosAula 03 - elementos-basicos
Aula 03 - elementos-basicos
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
 
Comunicação visual fatece - bkp 2
Comunicação visual   fatece - bkp 2Comunicação visual   fatece - bkp 2
Comunicação visual fatece - bkp 2
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
Workshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRAWorkshop Técnico MUZIK 2019 - CASA PETRA
Workshop Técnico MUZIK 2019 - CASA PETRA
 
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
 
ComputaçãO GráFica Para Designers
ComputaçãO GráFica Para DesignersComputaçãO GráFica Para Designers
ComputaçãO GráFica Para Designers
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Aplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos IntrodutóriosAplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos Introdutórios
 
Guiadecores
GuiadecoresGuiadecores
Guiadecores
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Cores
 
0000015307.pdf
0000015307.pdf0000015307.pdf
0000015307.pdf
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
Caderno06
Caderno06Caderno06
Caderno06
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Brotero - Apresentação 2 Vídeo
Brotero - Apresentação 2 VídeoBrotero - Apresentação 2 Vídeo
Brotero - Apresentação 2 Vídeo
 
Monitores
MonitoresMonitores
Monitores
 
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoPalestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
 

Dernier

PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSOLeloIurk1
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptssuser2b53fe
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdfLeloIurk1
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfmaurocesarpaesalmeid
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasSocorro Machado
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéisines09cachapa
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médiorosenilrucks
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfLuizaAbaAba
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfEmanuel Pio
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfHELENO FAVACHO
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxTailsonSantos1
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesFabianeMartins35
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfRavenaSales1
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 

Dernier (20)

PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
5 bloco 7 ano - Ensino Relogioso- Lideres Religiosos _ Passei Direto.pdf
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdf
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdf
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdfGEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
GEOGRAFIA - COMÉRCIO INTERNACIONAL E BLOCOS ECONÔMICOS - PROF. LUCAS QUEIROZ.pdf
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 

Usando imagens na educação

  • 1. Photoshop Professores Jaire Passos e Paula Jardim
  • 2. FONTE FORMA DE REPRESENTAÇÃO PRODUÇÃO DUCUMENTAL CONHECIMENTO DA REALIDADE CULTURAL DE MUNDO USO DE IMAGENS NA EDUCAÇÃO
  • 3. Uma imagem é de longe a ferramenta de comunicação mais profunda disponível. Timothy Samara Elementos do Design, 2010 - Pag. 166
  • 4. O conhecimento visual facilita a compreensão do que não temos presente fisicamente, mas simula a presença do que está longe.
  • 5. O apoio visual pode ajudar a compreender mais facilmente fenômenos.
  • 7. Aprendemos mais da metade do que sabemos a partir de informação visual.
  • 8. Uma imagem torna-se relevante quando sua composição e técnica de produção, assim como seu tema, funcionam em harmonia com outro material para criar uma mensagem integrada. Timothy Samara Elementos do Design, 2010 - Pag. 166-167
  • 10. Resolução Resolução é número ou quantidade de pixels e cores que são geradas pela placa de vídeo e aceitas no monitor. Quando setamos nosso monitor para 1024 x 768 isso quer dizer que cada linha Horizontal tem 1024 pixels e cada linha Vertical possui 768 pixels.
  • 11. Definição Tem relação com a qualidade da imagem. Em uma impressão a imagem pode ter um determinado tamanho mas pode ter mais ou menos pontos por polegada.
  • 13. Pixel ou Picture Element é a menor parte de uma imagem, aonde cada pixel ou ponto possui uma informação que diz qual é sua cor.
  • 14. Cor?
  • 15. A cor é definida através da escala RGB (Red, Green e Blue), que varia de 0 a 255 e é a mistura dessas 3 cores que determinará a cor final do pixel. Mistura aditiva Mistura subtrativa Mistura das cores primárias em luz Mistura das cores primárias em RGB - red, green, blue pigmentos CMY - ciano, magenta, amarelo
  • 16. Existe pixel transparente? Sim, os pixels transparentes utilizam uma cor que denominamos como Canal Alpha, daí o famoso Alpha que muitos utilizam no Photoshop.
  • 17.
  • 18. Arial 10pt Transparência Arquivos .GIF e .PNG são usados com frequência no projeto de interface por possibilitarem a incorporação de canal alpha.
  • 19. DPI (doths per inch ou pontos por polegada)
  • 20. DPI (doths per inch ou pontos por polegada) é a unidade de medida da resolução! Ao dizer que uma imagem tem 300 DPI queremos dizer que em cada polegada (2,54 cm) da imagem há 300 pontos.
  • 21. Impressões Na tela do computador 72 DPI Impressões 300 DPI em cada polegada da imagem
  • 23. A grande maioria dos usuários ainda utiliza uma resolução de 1024 x 768 pixels e normalmente os projetos para Web são produzidos para esta resolução. Quanto ao número de cores visualizadas no monitor, temos: 256, 16 bit (65.536) e 32 bit (mais de 16 milhões de cores).
  • 24. ESPECTRO VISÍVEL AO OLHO HUMANO - 380 e 700 nm ULTRA INFRA VIOLETA VERMELHO 400 nm 500 nm 600 nm 700 nm Curiosidade: o olho humano não é capaz de diferenciar 16 milhões de cores, notamos por volta de por volta de10 mil cores. Então pra que colocar 32 bit (16 milhões de cores) de cor no monitor? Simplesmente para dar maior nitidez/definição à imagem.
  • 26. Embora isso dependa do tipo de site é recomendável que não se utilize resoluções que sejam maiores do que 1024x768 pode visualizar, já que esta é a resolução mais utilizada entre os usuários. É importante ressaltar que a resolução definida em 1024x768 é para toda a tela do monitor e o navegador visualiza uma valor um pouco abaixo disso. Para que seu site não fique com barra de rolagem é recomendável que você utilize no máximo 960 de tamanho horizontal e 600 pixels na vertical.
  • 27. Jakob Nielsen revelou que apenas 23% dos visitantes rolam a página em sua A primeira visita ao site. Isto significa que 77% dos visitantes não irá rolar a página para visualizar o resto de seu conteúdo. Então mais uma vez entra a base da criação de um site onde o conteúdo deve ser B organizado e posicionado em um espaço onde irá as informações que mais importam. Fonte: Nilsen, 2007
  • 28. Usuários mantém foco em pessoas Pessoas usadas em folder, revista, web sites, são não só são ótimas jogadas de marketing, como também disparam a atenção de todos que o veêm.
  • 29. Note o aumento das pessoas olhando para o título e o texto, quando o bebe está olhando para o conteúdo. Esse estudo de experiência do usuário foi feito pelo James Breeze e pode ser visto mais no artigo “You Look Where They Look” Fonte: http://usableworld. com.au/2009/03/16/you- look-where-they-look/