Download - Aula 03 - elementos-basicos
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 dispositivos eletrônicos.
• São as menores partes de um todo, ou seja, se ampliarmos a
imagem, poderemos enxergar os pixels individualmente.
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.
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 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.
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.
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.
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 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
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.
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
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 é 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.
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
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
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.
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.
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 limite da percepção humana é de 300ppi.
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 videogames.
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.
DESIGN PARA TELAS
DESIGN PARA TELAS
Deve considerar os variados tamanhos, formatos e características dos dispositivos.
DESIGN PARA TELAS
?
VALEU!
Referências
• W3C – World Wide Web Consortium
• Apple Computer
• Samsung Electronics
• Negroponte, Nicholas. A vida digital. São Paulo: Companhia das Letras, 1995.