Introdução à mecânica de uma imagem estática

  • 961 views
Uploaded on

In this class I teach and introduce my students to the basic but fundamental blocks of the working mechanics of an digital image (still pictures).

In this class I teach and introduce my students to the basic but fundamental blocks of the working mechanics of an digital image (still pictures).

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
961
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
3

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da ComunicaçãoProfessor Leonardo Pereira Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre Aula 02 1. INTRODUÇÃO À MECÂNICA DA IMAGEM ESTÁTICA Tipos de imagem Modos e sistemas cromáticos de imagem Resolução de imagem Formatos de ficheiros de imagem
  • 2. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação01Tipos de imagem leonardpeartree@gmail.com
  • 3. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos Interessa compreender que existem dois grandes tipos de imagem estática, muitode imagem embora só nos iremos debruçar sobre uma: A imagem bitmap e a imagem vetorial, como ilustrado em baixo. 1. Imagem bitmap 2. Imagem vetorial leonardpeartree@gmail.com
  • 4. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoA imagem bitmap Unidade básica do bitmap - o Píxel Uma imagem bitmap é constituída por pequenos pontos ou unidades de cor aos quais tipicamente se dá o nome de píxeis dispostos numa grelha, como exemplificado nestas imagens. leonardpeartree@gmail.com
  • 5. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoA imagem vectorial Unidade básica da imagem vectorial - O Vector Uma imagem vetorial é uma imagem constituída por uma série de formas, por sua vez constituídas por pontos aos quais se dá, tipicamente, o nome de vetores. leonardpeartree@gmail.com
  • 6. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos O bitmap é usado mais em imagem fotográfica e real:de imagem leonardpeartree@gmail.com
  • 7. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos O vetor é mais usado em grafismo e em ilustração, embora o vetor possa serde imagem transformado em bitmap. leonardpeartree@gmail.com
  • 8. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos Mas nós só vamos aprender a usar e a manipular imagens bitmap.de imagem Como? Com o Photoshop que é o editor de imagens bitmap por excelência. leonardpeartree@gmail.com
  • 9. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação02Modos e sistemas cromáticos de imagem leonardpeartree@gmail.com
  • 10. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos O que é que é um modo cromático de imagem?cromáticos É a forma como uma imagem é formada pela combinação de diferentes cores de basede imagem subjacentes a cada sistema. No Photoshop, o que interessa reter, para vossa aprendizagem, nesta fase, são 2: 1. RGB 2. CMYK leonardpeartree@gmail.com
  • 11. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos RGBcromáticos Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3 canais de cores: RED | Green | Bluede imagem No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais da imagem, esta é a aparência com que as imagens ficam: Todos canais ativos Só canal blue ativo Só canal green ativo Só canal red ativo leonardpeartree@gmail.com
  • 12. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos CMYKcromáticos Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4 canais de cores: CYAN | MAGENTA | YELLOW | BLACKde imagem No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais da imagem esta é a aparência com que as imagens ficam: Só Cyan Só Magenta Só Yellow Só Black leonardpeartree@gmail.com
  • 13. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos Como converter as imagens de um modo cromático para outro?cromáticos A conversão de uma imagem de um modo cromático para outro é muito fácil.de imagem No Photoshop, com a imagem aberta, basta fazer o seguinte, como mostra a imagem: 1- Ir ao menú “Image” 2- Escolher Mode 3- Escolher um dos modos (RGB, CMYK ou Grayscale) 1 2 3 leonardpeartree@gmail.com
  • 14. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos E porque é que há vários modos cromáticos ou sistemas de cor?cromáticos Porque cada suporte ou Media tem um modo cromático de formação da imagem diferente.de imagem Tudo o que é suporte digital de exibição A maioria das imagens bitmap que são de imagens usa o modo RGB: impressas usam o modo CMYK: Televisores, Ecrãs de PC, Ecrãs de Revistas, Jornais, Cartazes, Embalagens, telemóvel, Ecrãs de Tablets, etc... etc... leonardpeartree@gmail.com
  • 15. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação03Resolução de imagem leonardpeartree@gmail.com
  • 16. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoResolução O que é a resolução de uma imagem?de imagem Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem dispõe para descrever formal e visualmente um objeto. É a qualidade com que um objeto e seus detalhes são visualmente descritos numa imagem. Imagem em Alta resolução Imagem em Baixa resolução Tamanho: 16,5 cm x 21,9 cm Tamanho: 16,5 cm x 21,9 cm Resolução: 300 ppis Resolução: 30 ppis PPIS = Pixels per Inch. leonardpeartree@gmail.com
  • 17. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoResolução E temos de usar sempre alta resolução em todos os suportes?de imagem Suporte Impresso (papel) Se estamos a falar de imagens a serem impressas em papel temos de usar imagens em alta resolução, ou seja, 300 ppis. Porquê? Porque senão as imagens ficam sem definição e com o píxel visível. Suporte ecrã digital e Web Se estamos a falar de imagens a serem exibidas na web, só precisamos de imagens a 72 ppis. Porquê? 1. Porque a maioria dos ecrãs de computador ainda não exibem imagem numa resolução superior a 72 ppis; 2. Porque na web os dados têm de ser descarregados de um servidor para o nosso computador. Se uma imagem tiver alta resolução vai ser mais pesada. E se for mais pesada demora mais tempo a descarregar. leonardpeartree@gmail.com
  • 18. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação04Formatos de ficheiros de imagem leonardpeartree@gmail.com
  • 19. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoFormatos de Tipos de formato de ficheiro de imagem bitmap ficheiros de Há vários tipos de formatos de ficheiro de imagem. Mas estes podem-se dividir em dois imagem grandes grupos e são escolhidos no momento em que gravamos um ficheiro: Sem compressão de dados Com compressão de dados • Tiff • Jpeg • Eps • Png • Psd ou Psp • Gif • BMP leonardpeartree@gmail.com
  • 20. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoFormatos de E quais são os formats que nos vão interessar usar no Photoshop? ficheiros de • O Tiff imagem - formato sem compressão; - alto peso de ficheiro quando em alta resolução; - ideal para guardar imagens em alta qualidade; - suporta ficheiros multilayers; - apesar de suportar layers no Photoshop (camadas de imagens) é mais utilizado nas artes finais de materiais e imagens a serem impressos em alta qualidade. • O PSD - formato sem compressão; - suporta ficheiros multilayers; - alto peso de ficheiro quando em alta resolução e ainda maior quando em layers; - serve essencialmente para guardar um ficheiro com as layers que foram necessárias à construção de uma imagem. • Jpeg - equivalente ao Tiff mas com compressão; - baixo peso de ficheiro quando em alta resolução; - embora seja ideal para a web (pela alta compressão de dados que suporta sem grandes perdas); - pode ser também utilizado em imagens impressas com qualidade desde que com pouca compressão; - não suporta ficheiros multilayers. leonardpeartree@gmail.com
  • 21. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoFormatos de Mas o que é a compressão? ficheiros de imagem A compressão de imagem consiste num conjunto de operações informáticas que re- movem informação redundante existente numa imagem por forma a tornar essa mesma imagem mais leve. Naturalmente que, independentemente do formato de ficheiro usado, quanto maior for o índice de compressão aplicada a uma imagem, menor será a qualidade de definição da mesma imagem. Vamos ver no photoshop as diferenças de peso e qualidade em função da compressão aplicada a uma imagem, neste caso, no formato jpeg. leonardpeartree@gmail.com