Aula 03 - elementos-basicos
2 gostaram1,372 visualizações
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.
Aula 03 - elementos-basicos
- 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
- 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.
- 39. DESIGN PARA TELAS Deve considerar os variados tamanhos, formatos e características dos dispositivos.
- 41. ?
- 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