Aula 03 - elementos-basicos

889 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
889
On SlideShare
0
From Embeds
0
Number of Embeds
281
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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

×