MATERIAIS E PROCESSOS III ELEMENTOS BÁSICOS DO DESIGN DIGITAL 
Professor: Alan Vasconcelos
O PIXEL 
Definições e propriedades
O PIXEL 
O menor componente de uma imagem digital 
•Pode ser encontrado tanto em imagens (digitais, claro!) quanto em disp...
O PIXEL 
O significado depende do contexto 
Em um equipamento de captura (câmeras, scanners, etc) 
•Significa a quantidade...
O PIXEL 
Não é tão complexo como parece...
O PIXEL 
Não é tão complexo como parece... 
É só um pouquinho mais! :O
O PIXEL 
No início...
O PIXEL
O PIXEL 
Em seguida...
O PIXEL
O PIXEL 
O pixel é a menor partícula da imagem.
O PIXEL 
Assim é melhor!!  
#AquiÉGalo
O PIXEL 
Assim é melhor!!  
#AquiÉGalo 
48 
20 
48 x 20 = 960
O PIXEL 
Resolução. 
As câmeras e seus megapixels
O PIXEL 
Resolução. 
As câmeras e seus megapixels 
No mercado, o termo “resolução” é atribuído à contagem de pixels em uma...
O PIXEL 
Resolução. As câmeras e seus megapixels 
Dessa forma, quanto mais megapixels, maior o nível de detalhe na imagem ...
O PIXEL 
Assim é melhor!!  
#AquiÉGalo 
48 
20 
48 x 20 = 960 
No fim das contas, 
resolução é uma “matriz” 
de pontos qu...
O PIXEL 
Curiosidades: Pixel Chair
O PIXEL 
Curiosidades
O PIXEL 
Curiosidades 
http://www.vivianchiudesigns.com/Pixel-Chair
OS FORMATOS DE IMAGEM
O PIXEL 
Bitmap ou raster 
A cada ponto da imagem exibida na tela ou papel corresponde um pixel desta grade, de forma que ...
O PIXEL 
Vetor 
A imagem é composta por curvas, elipses, polígonos, texto, entre outros elementos paramétricos, isto é, ut...
O PIXEL 
Raw e Jpeg 
Jpeg = Joint Photographic Experts Group 
O padrão mais popular de compactação que funciona melhor em ...
O PIXEL 
Mas na tela é diferente
O PIXEL 
O tamanho “físico” 
do pixel pode ser 
configurado;
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 é com...
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.: 11...
O PIXEL 
Resolução x Densidade 
100 pixels por polegada 
ou 100ppi (pixel per inch) de densidade 
Em projetos de web, 72pp...
O PIXEL 
Anti-aliasing 
O processo que transforma imagens serrilhadas em curvas suaves. 
É praticamente uma ilusão de ótic...
O PIXEL 
Anti-aliasing 
São pixels de cores intermediárias próximos a regiões do contorno de um objeto. Desde curvas simpl...
O PIXEL 
Anti-aliasing 
Pelo fato de consumir muita memória, essa técnica entrará em desuso em breve.
O PIXEL 
Retina display 
O fim do anti-aliasing mais breve do que você pensa! 
iPhone 3GS 
iPhone 4
O PIXEL 
Retina display 
A tela do iPhone4, que tem apenas 3,5 polegadas de diagonal, 
apresenta 326ppi de densidade!!! :O...
O PIXEL 
Curiosidades 
O Retina Display foi uma das últimas apresentações de Steve Jobs
O PIXEL 
Curiosidades 
Super Mario, um personagem de apenas 16 pixels de altura, é a franquia mais cara da história dos vi...
O PIXEL 
Curiosidades 
Com o avanço da fotografia panorâmica, o termo Gigapixel já está se tornando comum. Nesse caso, a m...
DESIGN PARA TELAS
DESIGN PARA TELAS 
Deve considerar os variados 
tamanhos, formatos e características dos dispositivos.
DESIGN PARA TELAS
?
VALEU! 
alandbh@gmail.com
Referências 
•W3C – World Wide Web Consortium 
•Apple Computer 
•Samsung Electronics 
•Negroponte, Nicholas. A vida digita...
Próximos SlideShares
Carregando em…5
×

Aula 03 - elementos-basicos

886 visualizações

Publicada em

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
886
No SlideShare
0
A partir de incorporações
0
Número de incorporações
280
Ações
Compartilhamentos
0
Downloads
31
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 03 - elementos-basicos

  1. 1. MATERIAIS E PROCESSOS III ELEMENTOS BÁSICOS DO DESIGN DIGITAL Professor: Alan Vasconcelos
  2. 2. O PIXEL Definições e propriedades
  3. 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. 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. 5. O PIXEL Não é tão complexo como parece...
  6. 6. O PIXEL Não é tão complexo como parece... É só um pouquinho mais! :O
  7. 7. O PIXEL No início...
  8. 8. O PIXEL
  9. 9. O PIXEL Em seguida...
  10. 10. O PIXEL
  11. 11. O PIXEL O pixel é a menor partícula da imagem.
  12. 12. O PIXEL Assim é melhor!!  #AquiÉGalo
  13. 13. O PIXEL Assim é melhor!!  #AquiÉGalo 48 20 48 x 20 = 960
  14. 14. O PIXEL Resolução. As câmeras e seus megapixels
  15. 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. 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. 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. 18. O PIXEL Curiosidades: Pixel Chair
  19. 19. O PIXEL Curiosidades
  20. 20. O PIXEL Curiosidades http://www.vivianchiudesigns.com/Pixel-Chair
  21. 21. OS FORMATOS DE IMAGEM
  22. 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. 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. 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. 25. O PIXEL Mas na tela é diferente
  26. 26. O PIXEL O tamanho “físico” do pixel pode ser configurado;
  27. 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. 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. 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. 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. 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. 32. O PIXEL Anti-aliasing Pelo fato de consumir muita memória, essa técnica entrará em desuso em breve.
  33. 33. O PIXEL Retina display O fim do anti-aliasing mais breve do que você pensa! iPhone 3GS iPhone 4
  34. 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. 35. O PIXEL Curiosidades O Retina Display foi uma das últimas apresentações de Steve Jobs
  36. 36. O PIXEL Curiosidades Super Mario, um personagem de apenas 16 pixels de altura, é a franquia mais cara da história dos videogames.
  37. 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. 38. DESIGN PARA TELAS
  39. 39. DESIGN PARA TELAS Deve considerar os variados tamanhos, formatos e características dos dispositivos.
  40. 40. DESIGN PARA TELAS
  41. 41. ?
  42. 42. VALEU! alandbh@gmail.com
  43. 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

×