Particles emission from a moving finger - Tutorial
Resolução Imagem Photoshop Aula
1. Universidade do Minho
Instituto de Ciências Sociais
Departamento de Ciências da Comunicação
Professor 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 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
01
Tipos 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, muito
de 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ção
A 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ção
A 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 ser
de 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 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
02
Modos 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 base
de 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 RGB
cromáticos Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3
canais de cores: RED | Green | Blue
de 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 CMYK
cromáticos Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4
canais de cores: CYAN | MAGENTA | YELLOW | BLACK
de 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 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
03
Resoluçã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ção
Resoluçã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ção
Resoluçã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 | 2013
Instituto de Ciências Sociais Professor Leonardo Pereira
Departamento de Ciências da Comunicação
04
Formatos 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ção
Formatos 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ção
Formatos 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ção
Formatos 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