O documento discute os pixels, a menor unidade de imagem digital. Explica que um pixel é formado por pontos de cor vermelho, verde e azul e que a resolução de uma imagem é determinada pelo número total de pixels. Também aborda formatos de imagem como JPEG e RAW, além de conceitos como anti-aliasing e telas Retina.

1. MATERIAIS E PROCESSOS III ELEMENTOS BÁSICOS DO DESIGN DIGITAL
Professor: Alan Vasconcelos

2. O PIXEL
Definições e propriedades

3. O PIXEL
O menor componente de uma imagem digital
•Pode ser encontrado tanto em imagens (digitais, claro!) quanto em dispositivos eletrônicos.
•São as menores partes de um todo, ou seja, se ampliarmos a imagem, poderemos enxergar os pixels individualmente.

4. O PIXEL
O significado depende do contexto
Em um equipamento de captura (câmeras, scanners, etc)
•Significa a quantidade de pontos (informação) capturada. Em um equipamento de exibição (monitores, displays, etc)
•É o menor elemento manipulável da imagem, formado por outros 3 pontos menores, não manipuláveis. O RGB.

5. O PIXEL
Não é tão complexo como parece...

6. O PIXEL
Não é tão complexo como parece...
É só um pouquinho mais! :O

7. O PIXEL
No início...

8. O PIXEL

9. O PIXEL
Em seguida...

10. O PIXEL

11. O PIXEL
O pixel é a menor partícula da imagem.

12. O PIXEL
Assim é melhor!! 
#AquiÉGalo

13. O PIXEL
Assim é melhor!! 
#AquiÉGalo
48
20
48 x 20 = 960

14. O PIXEL
Resolução.
As câmeras e seus megapixels

15. O PIXEL
Resolução.
As câmeras e seus megapixels
No mercado, o termo “resolução” é atribuído à contagem de pixels em uma imagem.
Ex.: Se uma câmera digital, consegue obter imagens com 3.888px de largura e 2.592px de altura, podemos dizer que sua resolução é de 10.077.696 pixels, ou simplesmente 10.1 megapixels.

16. O PIXEL
Resolução. As câmeras e seus megapixels
Dessa forma, quanto mais megapixels, maior o nível de detalhe na imagem que a câmera oferece.

17. O PIXEL
Assim é melhor!! 
#AquiÉGalo
48
20
48 x 20 = 960
No fim das contas,
resolução é uma “matriz”
de pontos que formam a imagem.

18. O PIXEL
Curiosidades: Pixel Chair

19. O PIXEL
Curiosidades

20. O PIXEL
Curiosidades
http://www.vivianchiudesigns.com/Pixel-Chair

21. OS FORMATOS DE IMAGEM

22. O PIXEL
Bitmap ou raster
A cada ponto da imagem exibida na tela ou papel corresponde um pixel desta grade, de forma que a maioria das imagens requer um número muito grande de pixels para ser representada completamente.
A imagem é uma grade/matriz em que cada pixel ocupa um lugar

23. O PIXEL
Vetor
A imagem é composta por curvas, elipses, polígonos, texto, entre outros elementos paramétricos, isto é, utilizam vetores matemáticos para sua descrição.

24. O PIXEL
Raw e Jpeg
Jpeg = Joint Photographic Experts Group
O padrão mais popular de compactação que funciona melhor em fotografias e pinturas de cenas realistas com variações suaves de tom e cor.
Para imagens com altos contrastes como ícones e textos, o ideal é usar os formatos de compactação sem perda como GIF, TIFF ou PNG (opensource)
RAW (Cru)
É considerado o “negativo” digital, ou seja, não é usado para o trabalho e sim, os jpegs gerados a partir dele.
A profundidade de cor é imensa: 30~36bits/pixel

25. O PIXEL
Mas na tela é diferente

26. O PIXEL
O tamanho “físico”
do pixel pode ser
configurado;

27. O PIXEL
O pixel já não é mais a menor porção da imagem;
Cada pixel é formado por uma ou mais tríades.
Cada tríade é composta por 3 pontos (dots) nas cores Vermelho, Verde e Azul (RGB)
Aos curiosos: colocar uma gota d’água no seu monitor para ver a tríade.

28. O PIXEL
Cada dot é formado por uma escala de 256 tons, o que significa que são necessários 8 bits para cada dot.
Ex.: 11111111 = 256

29. O PIXEL
Resolução x Densidade
100 pixels por polegada
ou 100ppi (pixel per inch) de densidade
Em projetos de web, 72ppi são suficientes

30. O PIXEL
Anti-aliasing
O processo que transforma imagens serrilhadas em curvas suaves.
É praticamente uma ilusão de ótica criada pela placa de vídeo.

31. O PIXEL
Anti-aliasing
São pixels de cores intermediárias próximos a regiões do contorno de um objeto. Desde curvas simples como um círculo até o detalhes de uma serifa tipográfica.

32. O PIXEL
Anti-aliasing
Pelo fato de consumir muita memória, essa técnica entrará em desuso em breve.

33. O PIXEL
Retina display
O fim do anti-aliasing mais breve do que você pensa!
iPhone 3GS
iPhone 4

34. O PIXEL
Retina display
A tela do iPhone4, que tem apenas 3,5 polegadas de diagonal,
apresenta 326ppi de densidade!!! :O
O limite da percepção humana é de 300ppi.

35. O PIXEL
Curiosidades
O Retina Display foi uma das últimas apresentações de Steve Jobs

36. O PIXEL
Curiosidades
Super Mario, um personagem de apenas 16 pixels de altura, é a franquia mais cara da história dos videogames.

37. O PIXEL
Curiosidades
Com o avanço da fotografia panorâmica, o termo Gigapixel já está se tornando comum. Nesse caso, a multiplicação dos pixels de largura pelos pixels de altura ultrapassa a escala do 1 bilhão de pixels.

38. DESIGN PARA TELAS

39. DESIGN PARA TELAS
Deve considerar os variados
tamanhos, formatos e características dos dispositivos.

40. DESIGN PARA TELAS

41. ?

42. VALEU!
alandbh@gmail.com

43. Referências
•W3C – World Wide Web Consortium
•Apple Computer
•Samsung Electronics
•Negroponte, Nicholas. A vida digital. São Paulo: Companhia das Letras, 1995.
•alandbh@gmail.com