• Like
Aula 03 - elementos-basicos
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Aula 03 - elementos-basicos

  • 517 views
Published

 

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
517
On SlideShare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
20
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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