Imagem Digital
                                     Técnicas Digitais 2013

                                     Profa. Me. Karen Sica




segunda-feira, 1 de abril de 13
Enquadramento




segunda-feira, 1 de abril de 13
Elementos da foto
                       - enquadramento
                       - pensar antes de fotografar
                       - posição do fotógrafo
                       - “criar” um cenário
                       - analisar o ambiente
                       - fazer parte daquele ambiente



segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Resolução: 72dpi
               Formato: jpg
               Tamanho: máximo 450pixels do maior lado (h/w)




segunda-feira, 1 de abril de 13
Natureza das Imagens


                    • Vetorial
                    • Bitmap



segunda-feira, 1 de abril de 13
Vetorial
                 • Imagem formada por cálculos
                         (vetores).
                 • Pode ser redimensionada sem
                         distorção.
                 • Computador renderiza as
                         imagens.


segunda-feira, 1 de abril de 13
Vetorial

                           • Usada em artes e infográficos
                           • Uma mesma criação pode ser
                                  exibida em diferentes
                                  tamanhos e plataformas.



segunda-feira, 1 de abril de 13
Vetorial




segunda-feira, 1 de abril de 13
Vetorial

                           • Imagem gerada a partir de
                                  construções geométricas de
                                  formas.
                           • composta por curvas, linhas,
                                  elipses, textos, etc...


segunda-feira, 1 de abril de 13
Vetorial




segunda-feira, 1 de abril de 13
Bitmap

                    • O nome diz tudo, mapa de pontos
                            - como se fosse um mosaico.
                    • A imagem tem um tamanho e não
                            pode ser ampliada, só reduzida.



segunda-feira, 1 de abril de 13
Bitmap

                           • Imagens construídas com
                                  quadrados muito pequenos,
                                  chamados de pixel.
                           • Coleção de bits que formam a
                                  imagem.


segunda-feira, 1 de abril de 13
Bitmap




segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
Imagens Line-art

                      Imagens Grayscale

                 Imagens Multitônicas

                        Imagens a cores


segunda-feira, 1 de abril de 13
Imagens Line-art



                   Imagens contendo
                   apenas duas cores e sem
                   variação de tons.




segunda-feira, 1 de abril de 13
Imagens Grayscale



                   Imagens em tons de
                   cinza, também compostas
                   por preto e branco, mas
                   agora com variação tonal.




segunda-feira, 1 de abril de 13
Imagens Multitônicas



                  Multitônicas são imagens
                  que contém variação tonal
                  de duas ou mais cores.




segunda-feira, 1 de abril de 13
Imagens a cores

                  Imagens coloridas
                  comuns, que podem ser
                  descritas usando os
                  espaços de cores
                  convencionais, como o
                  RGB ou CMYK.




segunda-feira, 1 de abril de 13
RGB
                  Abreviatura do sistema de
                  cores formado por
                  vermelho, verde e azul
                  (Red, Green e Blue).
                  O propósito principal é a
                  reprodução de cores em
                  dispositivos eletrônicos
                  como monitores de TV e
                  computador.




segunda-feira, 1 de abril de 13
CMYK
                   Abreviatura do sistema de
                   cores formado por ciano,
                   magenta, amarelo e preto
                   (Cyan, Magenta, Yellow e
                   Key - pois é a base).
                   Este sistema é empregado
                   por imprensas, impressoras
                   e fotocopiadoras para
                   reproduzir a maioria das
                   cores.




segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
ATENÇÃO! ATENÇÃO!

                           •Se uma imagem for
                                  reduzida, não pode ser
                                  ampliada. Sempre que for
                                  realizada uma alteração na
                                  imagem, salve uma CÓPIA.
                                  Isso preserva a original.

segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
segunda-feira, 1 de abril de 13
Imagens bitmap são medidas pela
                    sua resolução em pontos por
                    polegada, Dots Per Inch.

                    Imagens pra TV e Web - 72 DPI
                    iPad novo - 264 DPI
                    Imagens pra impressos - 300 DPI



segunda-feira, 1 de abril de 13
Unidade MEGAPIXEL
                                  indica 1000 PIXELS.

                       Imagens para impressão só
                         com mais de 300 DPI /
                         tiradas com qualidade
                            superior a 3 MP


segunda-feira, 1 de abril de 13
A mesma imagem pode aparecer em
                               diferentes resoluções de pixels
                               se os pixels forem pobremente
                               renderizados como quadrados.




segunda-feira, 1 de abril de 13
Tipos de Imagem
               • JPG - fotos e desenhos com alguma resolução
               • GIF - desenhos simples
               • TIFF - imagem de alta qualidade para impressão
               • PSD - arquivo próprio do Photoshop
               • RAW - imagem bruta da câmera
               • PNG - arquivo próprio do Fireworks
               • CDR - arquivo do Corel Draw
               • FH8 - arquivo do FreeHand
               • AI - arquivo do Illustrator
               • SVG - gráfico vetorial aberto

segunda-feira, 1 de abril de 13
Vetorial x Bitmap




segunda-feira, 1 de abril de 13
Programas de edição

                                   Vetorial               Bitmap
                                  • Illustrator           • Gimp (gratuito)
                                  • Corel Draw            • Photoshop
                                  • Inkscape (gratuito)   • Pixelmator (Mac)




segunda-feira, 1 de abril de 13
That’s it!



segunda-feira, 1 de abril de 13

Imagem Digital

  • 1.
    Imagem Digital Técnicas Digitais 2013 Profa. Me. Karen Sica segunda-feira, 1 de abril de 13
  • 2.
  • 3.
    Elementos da foto - enquadramento - pensar antes de fotografar - posição do fotógrafo - “criar” um cenário - analisar o ambiente - fazer parte daquele ambiente segunda-feira, 1 de abril de 13
  • 4.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 5.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 6.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 7.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 8.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 9.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 10.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 11.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 12.
    Resolução: 72dpi Formato: jpg Tamanho: máximo 450pixels do maior lado (h/w) segunda-feira, 1 de abril de 13
  • 13.
    Natureza das Imagens • Vetorial • Bitmap segunda-feira, 1 de abril de 13
  • 14.
    Vetorial • Imagem formada por cálculos (vetores). • Pode ser redimensionada sem distorção. • Computador renderiza as imagens. segunda-feira, 1 de abril de 13
  • 15.
    Vetorial • Usada em artes e infográficos • Uma mesma criação pode ser exibida em diferentes tamanhos e plataformas. segunda-feira, 1 de abril de 13
  • 16.
  • 17.
    Vetorial • Imagem gerada a partir de construções geométricas de formas. • composta por curvas, linhas, elipses, textos, etc... segunda-feira, 1 de abril de 13
  • 18.
  • 19.
    Bitmap • O nome diz tudo, mapa de pontos - como se fosse um mosaico. • A imagem tem um tamanho e não pode ser ampliada, só reduzida. segunda-feira, 1 de abril de 13
  • 20.
    Bitmap • Imagens construídas com quadrados muito pequenos, chamados de pixel. • Coleção de bits que formam a imagem. segunda-feira, 1 de abril de 13
  • 21.
  • 22.
  • 23.
    Imagens Line-art Imagens Grayscale Imagens Multitônicas Imagens a cores segunda-feira, 1 de abril de 13
  • 24.
    Imagens Line-art Imagens contendo apenas duas cores e sem variação de tons. segunda-feira, 1 de abril de 13
  • 25.
    Imagens Grayscale Imagens em tons de cinza, também compostas por preto e branco, mas agora com variação tonal. segunda-feira, 1 de abril de 13
  • 26.
    Imagens Multitônicas Multitônicas são imagens que contém variação tonal de duas ou mais cores. segunda-feira, 1 de abril de 13
  • 27.
    Imagens a cores Imagens coloridas comuns, que podem ser descritas usando os espaços de cores convencionais, como o RGB ou CMYK. segunda-feira, 1 de abril de 13
  • 28.
    RGB Abreviatura do sistema de cores formado por vermelho, verde e azul (Red, Green e Blue). O propósito principal é a reprodução de cores em dispositivos eletrônicos como monitores de TV e computador. segunda-feira, 1 de abril de 13
  • 29.
    CMYK Abreviatura do sistema de cores formado por ciano, magenta, amarelo e preto (Cyan, Magenta, Yellow e Key - pois é a base). Este sistema é empregado por imprensas, impressoras e fotocopiadoras para reproduzir a maioria das cores. segunda-feira, 1 de abril de 13
  • 30.
  • 31.
  • 32.
    ATENÇÃO! ATENÇÃO! •Se uma imagem for reduzida, não pode ser ampliada. Sempre que for realizada uma alteração na imagem, salve uma CÓPIA. Isso preserva a original. segunda-feira, 1 de abril de 13
  • 33.
  • 34.
  • 35.
  • 36.
    Imagens bitmap sãomedidas pela sua resolução em pontos por polegada, Dots Per Inch. Imagens pra TV e Web - 72 DPI iPad novo - 264 DPI Imagens pra impressos - 300 DPI segunda-feira, 1 de abril de 13
  • 37.
    Unidade MEGAPIXEL indica 1000 PIXELS. Imagens para impressão só com mais de 300 DPI / tiradas com qualidade superior a 3 MP segunda-feira, 1 de abril de 13
  • 38.
    A mesma imagempode aparecer em diferentes resoluções de pixels se os pixels forem pobremente renderizados como quadrados. segunda-feira, 1 de abril de 13
  • 39.
    Tipos de Imagem • JPG - fotos e desenhos com alguma resolução • GIF - desenhos simples • TIFF - imagem de alta qualidade para impressão • PSD - arquivo próprio do Photoshop • RAW - imagem bruta da câmera • PNG - arquivo próprio do Fireworks • CDR - arquivo do Corel Draw • FH8 - arquivo do FreeHand • AI - arquivo do Illustrator • SVG - gráfico vetorial aberto segunda-feira, 1 de abril de 13
  • 40.
  • 41.
    Programas de edição Vetorial Bitmap • Illustrator • Gimp (gratuito) • Corel Draw • Photoshop • Inkscape (gratuito) • Pixelmator (Mac) segunda-feira, 1 de abril de 13
  • 42.