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

1,579 views

Published 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).

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,579
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×