SlideShare a Scribd company logo
1 of 17
Profª Aline Okumura
VETOR
Onde temos contato com imagens digitais ?
O que é uma imagem digital?
Pixel
O pixel é um elemento que pode ser encontrado em imagens de dispositivos eletrônicos. É o menor
ponto de uma imagem. Isso significa que ao ampliar uma imagem, vemos todos os mínimos detalhes em
pixels, ou seja, o pixel é a menor parte de uma imagem e também é o único elemento que a compõe.
Bitmap
Um dos formatos mais conhecidos é o Bitmap (.bmp) que significa "mapa de bits", sendo também
chamado de raster.
Adobe Photoshop
Adobe Photoshop
Resolução de Telas
Mobile Desktop
Resolução de Telas
Televisão
O pixel não tem uma medida definida em centímetros. O pixel pode ter diferentes tamanhos, sendo
que o tamanho visual do pixel está diretamente relacionado à quantidade de pixels por polegada (ppi, que
significa pixel per inch).
Para entender isso, basta você experimentar criar uma imagem em um editor de imagem
(Photoshop). Um dos campos que podem ser alterados na criação de uma imagem é a resolução. Ela
pode ser definida em pixels/inch (pixels por polegada), em pixels/cm (pixels por centímetro) ou em pixels
por outras unidades.
Imagens exibidas na tela de algum dispositivo, o tamanho do pixel vai variar conforme a resolução
suportada pelo aparelho e também em decorrência do tamanho do display, ou seja, se você abrir uma
imagem em uma tela de 13 polegadas (Notebook) que trabalhe com a resolução de 1920 x 1080 pixels e
depois visualizar a mesma imagem em uma tela de 55 polegadas (TV), a qual opera na mesma resolução,
notará uma diferença enorme entre os pixels.
A imagem não mudou de tamanho, os pixels que a compõe também não, mas cada tela irá adaptar o
conteúdo ao espaço disponível, o que resultará em uma diferença na representação do pixel e,
consequentemente, pixels de tamanhos diferentes. Na tela menor, o pixel terá aproximadamente 0,15
mm, enquanto que na tela maior ele terá mais de 0,6 mm.
1 cm é equivalente a 0,39370 polegadas.
Pixel
Vetor
Trabalha os desenhos em linhas com formas geométricas simples e fórmulas matemáticas. Como na
física, o vetor é uma entidade definida pelos atributos direção, módulo e sentido.
São identificados por gráficos e ilustrações a mão livre, imagens em 2D e 3D, produzidos em softwares
específicos.
Vantagens
Qualquer imagem pode ser gravada em bitmap.
Possui recursos de fácil manipulação e tratamento
(efeitos especiais).
Desvantagens
As imagens em bitmap de alta resolução geram
arquivos de tamanho muito grande.
O tamanho da imagem, quando alterado, pode
perder resolução e qualidade.
Para a manipulação e o tratamento é necessário
conhecimento mínimo de computação gráfica.
Vantagens
O tamanho do arquivo é menor pois é
gravado em ASCII.
É escalonável sem perda de resolução.
Possui recursos de fácil manipulação e
tratamento.
Desvantagens
Necessitam de tempo de processamento
para codificar / decodificar / renderizar.
Para a sua manipulação e tratamento é
necessário um mínimo de destreza manual.
Bitmap X Vetor
.psd - Formato de arquivo Adobe Photoshop (só abrirá esta extensão neste software)
.cdr - Formato de arquivo CorelDraw (só abrirá esta extensão neste software)
.ai - Formato de arquivo do Adobe Illustrator (só abrirá esta extensão neste software)
.jpg - (Joint Photographic Experts Group) arquivo de imagem comprimido, pode ser editado em qualquer editor de imagens, não
comporta transparências. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, e por
suportar até 16.777.216 cores distintas.Tem como desvantagem perder muito a qualidade da imagem quando alterado o seu
tamanho original. São arquivos que ocupam um pequeno espaço e, as vezes, podem ser menores do que o formato GIF
.gif - (Graphics Interchange Format) arquivo de imagem comprimido. Editável com qualquer software de edição de imagem,
comporta transparência de imagens. Criado para ser usado extensivamente na Internet, por este motivo, tem como
vantagem não perder qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um
pequeno espaço no computador. Suporta imagens animadas e 256 cores por frame. Foi substituído pelo PNG.
.png - arquivo de imagem pensado para a Web que se abre com praticamente todos os programas de imagens, comporta
transparências.
.tiff - (Tagged Image File Format) arquivo de imagem sem compressão, tem maior tamanho de arquivo e o melhor em qualidade
de imagem. É o formato ideal para o tratamento de imagem antes de ser convertida para qualquer formato. Não perde
resolução quando o tamanho original da imagem é alterado. Arquivo destinado para impressão industrial (offset, rotogravura,
flexogravura); também muito usado como opção nas câmaras fotográficas. É um formato de arquivos que praticamente todos
os programas de imagem aceitam. Foi desenvolvido em 1986 pela Aldus e pela Microsoft numa tentativa de criar um padrão
para imagens geradas por equipamentos digital.
.bmp - (Windows Bitmap) arquivo de imagem, pode ser aberto em qualquer visualizador ou editor de imagens. Sua desvantagem
é o grande tamanho dos arquivos em relação a outros formatos otimizados. Normalmente usado pelos programas do
Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho.
.svg - (Scalable Vector Graphics) É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium.
Extensões de Arquivo
Extensão de Arquivo
Tipos de Arquivos:
.jpg (milhões de cores)
.gif (256 cores e 1 alpha)
.png - 2 formatos: 8 bits (256 cores)
16 bits (milhões de cores + alpha)
.tif
.bmp
.psd
Tipos de Arquivos:
.ai
.cdr
.swf (.fla)
.svg
.wmf
.eps
Bitmap Vetor
Resolução de Imagem
Como descobrir se uma imagem está em alta resolução?
Através de softwares de edição de imagens, como por exemplo o Adobe Photoshop, é possível descobrir a resolução de uma
imagem pela quantidade de pixels presentes na imagem.
Resolução de Imagem
Observe o painel ao lado.
A resolução da imagem será definida pela quantidade de
pixels de uma imagem e o tamanho da largura e altura do
documento.
A resolução mínima deverá ser de 72 ppi.
Detalhe: não confunda ppi com dpi. O “ppi” (em
português é comum usar ppp, pixels por polegada) é um
valor utilizado diariamente para trabalhar com imagens
nos computadores. O “dpi” (dots per inch, que em
português significa pontos por polegada) serve mais
como um índice de qualidade da impressora.
Como descobrir se uma imagem está em alta resolução?
Resolução de Imagens (vídeo em inglês) https://www.youtube.com/watch?v=fy9Pby0Gzsc
Bibliografia
Pixel - o que você precisa saber sobre ele. Artigo digital disponível em:
https://docs.google.com/document/d/1ZLo6NhG5jS1D_6etNb7xJ-x2cNGeyDVoDX1Fn6AYu7g/edit
FERNANDES, Amaury. FUNDAMENTOS DE PRODUÇÃO GRÁFICA - Para quem não é produtor gráfico.
São Paulo: Rubio, 2003.

More Related Content

What's hot

Conceitos de Imagem digital
Conceitos de Imagem digitalConceitos de Imagem digital
Conceitos de Imagem digitalMarco Pinheiro
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digitalmarcelasb
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022Renato Melo
 
Apresentação AE Tondela (mod 1 ed bitmap)
Apresentação AE Tondela (mod 1 ed bitmap)Apresentação AE Tondela (mod 1 ed bitmap)
Apresentação AE Tondela (mod 1 ed bitmap)João Leal
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalKadu Sp
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Fechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScriptFechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScriptdualpixel
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção MultimédiaGoncalo
 
Tratamento De Imagem
Tratamento De ImagemTratamento De Imagem
Tratamento De ImagemBacc Editora
 
Técnicas fotográficas
Técnicas fotográficasTécnicas fotográficas
Técnicas fotográficasThayse Beckner
 
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPedro Almeida
 

What's hot (20)

Conceitos de Imagem digital
Conceitos de Imagem digitalConceitos de Imagem digital
Conceitos de Imagem digital
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
História da Internet - Webdesign 2022
História da Internet - Webdesign 2022História da Internet - Webdesign 2022
História da Internet - Webdesign 2022
 
Projeto multimedia tutorial
Projeto multimedia tutorialProjeto multimedia tutorial
Projeto multimedia tutorial
 
05 imagem digital
05   imagem digital05   imagem digital
05 imagem digital
 
Apresentação AE Tondela (mod 1 ed bitmap)
Apresentação AE Tondela (mod 1 ed bitmap)Apresentação AE Tondela (mod 1 ed bitmap)
Apresentação AE Tondela (mod 1 ed bitmap)
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Design - O que é?
Design - O que é?Design - O que é?
Design - O que é?
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Principios desenho
Principios desenhoPrincipios desenho
Principios desenho
 
Fechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScriptFechamento de Arquivos para Impressão - PDF & PostScript
Fechamento de Arquivos para Impressão - PDF & PostScript
 
Multimedia
MultimediaMultimedia
Multimedia
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção Multimédia
 
Tratamento De Imagem
Tratamento De ImagemTratamento De Imagem
Tratamento De Imagem
 
Técnicas fotográficas
Técnicas fotográficasTécnicas fotográficas
Técnicas fotográficas
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e StoryboardPre-produção AV - Guiões Literários, Técnicos e Storyboard
Pre-produção AV - Guiões Literários, Técnicos e Storyboard
 

Viewers also liked

Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemModulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemSérgio Antao
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisRuiCorgan
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Daniel Soto
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Graficadualpixel
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...haroldo Brito
 
A cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaA cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaShinha Marques
 
Os acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaOs acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaRenato Melo
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoRenato Melo
 
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOPLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOKleiton Renzo
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagensRafael Serra
 
Aula - Finalização de Criação/Layout
Aula - Finalização de Criação/LayoutAula - Finalização de Criação/Layout
Aula - Finalização de Criação/LayoutGabriel Ferraciolli
 
Ferramentas de design_aula02_2010.05.17
Ferramentas de design_aula02_2010.05.17Ferramentas de design_aula02_2010.05.17
Ferramentas de design_aula02_2010.05.17Marco Aurelio Veiga
 

Viewers also liked (20)

Formato Imagens
Formato ImagensFormato Imagens
Formato Imagens
 
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagemModulo 0138 0138-caracterização de varios tipos e formatos de imagem
Modulo 0138 0138-caracterização de varios tipos e formatos de imagem
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
IMAGENS E IMAGINAÇÃO
IMAGENS E IMAGINAÇÃOIMAGENS E IMAGINAÇÃO
IMAGENS E IMAGINAÇÃO
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Grafica
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
 
Provas de impressão
Provas de impressãoProvas de impressão
Provas de impressão
 
A cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativaA cor - sínteses aditiva e subtrativa
A cor - sínteses aditiva e subtrativa
 
Os acabamentos da Produção Gráfica
Os acabamentos da Produção GráficaOs acabamentos da Produção Gráfica
Os acabamentos da Produção Gráfica
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Papéis, impressão e acabamento
Papéis, impressão e acabamentoPapéis, impressão e acabamento
Papéis, impressão e acabamento
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na Impressão
 
Arte eletrónica
Arte eletrónicaArte eletrónica
Arte eletrónica
 
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMOPLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
PLANEJAMENTO GRÁFICO - 3º PERÍODO - JORNALISMO
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Aula - Finalização de Criação/Layout
Aula - Finalização de Criação/LayoutAula - Finalização de Criação/Layout
Aula - Finalização de Criação/Layout
 
Ferramentas de design_aula02_2010.05.17
Ferramentas de design_aula02_2010.05.17Ferramentas de design_aula02_2010.05.17
Ferramentas de design_aula02_2010.05.17
 

Similar to Imagens digitais: pixels, vetores, formatos e resolução

Similar to Imagens digitais: pixels, vetores, formatos e resolução (20)

Representação de imagens em formato digital
Representação de imagens em formato digitalRepresentação de imagens em formato digital
Representação de imagens em formato digital
 
Aula resolução
Aula resoluçãoAula resolução
Aula resolução
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
Ti gimp
Ti   gimpTi   gimp
Ti gimp
 
Tamanho resolução
Tamanho resoluçãoTamanho resolução
Tamanho resolução
 
Aplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos IntrodutóriosAplicativos Gráficos Conceitos Introdutórios
Aplicativos Gráficos Conceitos Introdutórios
 
Multimídia - Imagens
Multimídia - ImagensMultimídia - Imagens
Multimídia - Imagens
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web Design
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
aula1_2.pdf
aula1_2.pdfaula1_2.pdf
aula1_2.pdf
 
Apostila photoshop 7
Apostila photoshop 7 Apostila photoshop 7
Apostila photoshop 7
 
ComputaçãO GráFica Para Designers
ComputaçãO GráFica Para DesignersComputaçãO GráFica Para Designers
ComputaçãO GráFica Para Designers
 
Slide carla
Slide carlaSlide carla
Slide carla
 
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
 
Arte e foto
Arte e fotoArte e foto
Arte e foto
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
 

More from Aline Okumura

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfAline Okumura
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmodaAline Okumura
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artisticaAline Okumura
 
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do DesignAline Okumura
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do PhotoshopAline Okumura
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte ConceitualAline Okumura
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art Aline Okumura
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo AbstratoAline Okumura
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismoAline Okumura
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e SurrealismoAline Okumura
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo VorticismoAline Okumura
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo CubismoAline Okumura
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 ImpressionismoAline Okumura
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and CraftsAline Okumura
 

More from Aline Okumura (16)

Guia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdfGuia Pratico de nomes de marca.pdf
Guia Pratico de nomes de marca.pdf
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmoda
 
Feca formas expressão e comunicação artistica
Feca   formas expressão e comunicação artisticaFeca   formas expressão e comunicação artistica
Feca formas expressão e comunicação artistica
 
Tabela Valor do Design
Tabela Valor do DesignTabela Valor do Design
Tabela Valor do Design
 
Frases Ilustradas
Frases IlustradasFrases Ilustradas
Frases Ilustradas
 
Costura e Bordado
Costura e BordadoCostura e Bordado
Costura e Bordado
 
História do Photoshop
História do PhotoshopHistória do Photoshop
História do Photoshop
 
Aula 12 Minimalismo Arte Conceitual
Aula 12  Minimalismo Arte ConceitualAula 12  Minimalismo Arte Conceitual
Aula 12 Minimalismo Arte Conceitual
 
Aula 11 Pop Art Op Art
Aula 11  Pop Art Op Art Aula 11  Pop Art Op Art
Aula 11 Pop Art Op Art
 
Aula 10 Expressionismo Abstrato
Aula 10  Expressionismo AbstratoAula 10  Expressionismo Abstrato
Aula 10 Expressionismo Abstrato
 
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8   Suprematismo de Stij Construtivismo russo e decostrutivismoAula 8   Suprematismo de Stij Construtivismo russo e decostrutivismo
Aula 8 Suprematismo de Stij Construtivismo russo e decostrutivismo
 
Aula 7 Dadaismo e Surrealismo
Aula 7   Dadaismo e SurrealismoAula 7   Dadaismo e Surrealismo
Aula 7 Dadaismo e Surrealismo
 
Aula 6 Futurismo Purismo Orfismo Vorticismo
Aula 6   Futurismo Purismo Orfismo VorticismoAula 6   Futurismo Purismo Orfismo Vorticismo
Aula 6 Futurismo Purismo Orfismo Vorticismo
 
Aula 5 Fauvismo Expressionismo Cubismo
Aula 5   Fauvismo Expressionismo CubismoAula 5   Fauvismo Expressionismo Cubismo
Aula 5 Fauvismo Expressionismo Cubismo
 
Aula 4 Impressionismo
Aula 4   ImpressionismoAula 4   Impressionismo
Aula 4 Impressionismo
 
Aula 3 Arts and Crafts
Aula 3   Arts and CraftsAula 3   Arts and Crafts
Aula 3 Arts and Crafts
 

Recently uploaded

I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 

Recently uploaded (9)

I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 

Imagens digitais: pixels, vetores, formatos e resolução

  • 2. Onde temos contato com imagens digitais ?
  • 3.
  • 4. O que é uma imagem digital? Pixel O pixel é um elemento que pode ser encontrado em imagens de dispositivos eletrônicos. É o menor ponto de uma imagem. Isso significa que ao ampliar uma imagem, vemos todos os mínimos detalhes em pixels, ou seja, o pixel é a menor parte de uma imagem e também é o único elemento que a compõe.
  • 5. Bitmap Um dos formatos mais conhecidos é o Bitmap (.bmp) que significa "mapa de bits", sendo também chamado de raster.
  • 10. O pixel não tem uma medida definida em centímetros. O pixel pode ter diferentes tamanhos, sendo que o tamanho visual do pixel está diretamente relacionado à quantidade de pixels por polegada (ppi, que significa pixel per inch). Para entender isso, basta você experimentar criar uma imagem em um editor de imagem (Photoshop). Um dos campos que podem ser alterados na criação de uma imagem é a resolução. Ela pode ser definida em pixels/inch (pixels por polegada), em pixels/cm (pixels por centímetro) ou em pixels por outras unidades. Imagens exibidas na tela de algum dispositivo, o tamanho do pixel vai variar conforme a resolução suportada pelo aparelho e também em decorrência do tamanho do display, ou seja, se você abrir uma imagem em uma tela de 13 polegadas (Notebook) que trabalhe com a resolução de 1920 x 1080 pixels e depois visualizar a mesma imagem em uma tela de 55 polegadas (TV), a qual opera na mesma resolução, notará uma diferença enorme entre os pixels. A imagem não mudou de tamanho, os pixels que a compõe também não, mas cada tela irá adaptar o conteúdo ao espaço disponível, o que resultará em uma diferença na representação do pixel e, consequentemente, pixels de tamanhos diferentes. Na tela menor, o pixel terá aproximadamente 0,15 mm, enquanto que na tela maior ele terá mais de 0,6 mm. 1 cm é equivalente a 0,39370 polegadas. Pixel
  • 11. Vetor Trabalha os desenhos em linhas com formas geométricas simples e fórmulas matemáticas. Como na física, o vetor é uma entidade definida pelos atributos direção, módulo e sentido. São identificados por gráficos e ilustrações a mão livre, imagens em 2D e 3D, produzidos em softwares específicos.
  • 12. Vantagens Qualquer imagem pode ser gravada em bitmap. Possui recursos de fácil manipulação e tratamento (efeitos especiais). Desvantagens As imagens em bitmap de alta resolução geram arquivos de tamanho muito grande. O tamanho da imagem, quando alterado, pode perder resolução e qualidade. Para a manipulação e o tratamento é necessário conhecimento mínimo de computação gráfica. Vantagens O tamanho do arquivo é menor pois é gravado em ASCII. É escalonável sem perda de resolução. Possui recursos de fácil manipulação e tratamento. Desvantagens Necessitam de tempo de processamento para codificar / decodificar / renderizar. Para a sua manipulação e tratamento é necessário um mínimo de destreza manual. Bitmap X Vetor
  • 13. .psd - Formato de arquivo Adobe Photoshop (só abrirá esta extensão neste software) .cdr - Formato de arquivo CorelDraw (só abrirá esta extensão neste software) .ai - Formato de arquivo do Adobe Illustrator (só abrirá esta extensão neste software) .jpg - (Joint Photographic Experts Group) arquivo de imagem comprimido, pode ser editado em qualquer editor de imagens, não comporta transparências. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, e por suportar até 16.777.216 cores distintas.Tem como desvantagem perder muito a qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um pequeno espaço e, as vezes, podem ser menores do que o formato GIF .gif - (Graphics Interchange Format) arquivo de imagem comprimido. Editável com qualquer software de edição de imagem, comporta transparência de imagens. Criado para ser usado extensivamente na Internet, por este motivo, tem como vantagem não perder qualidade da imagem quando alterado o seu tamanho original. São arquivos que ocupam um pequeno espaço no computador. Suporta imagens animadas e 256 cores por frame. Foi substituído pelo PNG. .png - arquivo de imagem pensado para a Web que se abre com praticamente todos os programas de imagens, comporta transparências. .tiff - (Tagged Image File Format) arquivo de imagem sem compressão, tem maior tamanho de arquivo e o melhor em qualidade de imagem. É o formato ideal para o tratamento de imagem antes de ser convertida para qualquer formato. Não perde resolução quando o tamanho original da imagem é alterado. Arquivo destinado para impressão industrial (offset, rotogravura, flexogravura); também muito usado como opção nas câmaras fotográficas. É um formato de arquivos que praticamente todos os programas de imagem aceitam. Foi desenvolvido em 1986 pela Aldus e pela Microsoft numa tentativa de criar um padrão para imagens geradas por equipamentos digital. .bmp - (Windows Bitmap) arquivo de imagem, pode ser aberto em qualquer visualizador ou editor de imagens. Sua desvantagem é o grande tamanho dos arquivos em relação a outros formatos otimizados. Normalmente usado pelos programas do Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho. .svg - (Scalable Vector Graphics) É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium. Extensões de Arquivo
  • 14. Extensão de Arquivo Tipos de Arquivos: .jpg (milhões de cores) .gif (256 cores e 1 alpha) .png - 2 formatos: 8 bits (256 cores) 16 bits (milhões de cores + alpha) .tif .bmp .psd Tipos de Arquivos: .ai .cdr .swf (.fla) .svg .wmf .eps Bitmap Vetor
  • 15. Resolução de Imagem Como descobrir se uma imagem está em alta resolução? Através de softwares de edição de imagens, como por exemplo o Adobe Photoshop, é possível descobrir a resolução de uma imagem pela quantidade de pixels presentes na imagem.
  • 16. Resolução de Imagem Observe o painel ao lado. A resolução da imagem será definida pela quantidade de pixels de uma imagem e o tamanho da largura e altura do documento. A resolução mínima deverá ser de 72 ppi. Detalhe: não confunda ppi com dpi. O “ppi” (em português é comum usar ppp, pixels por polegada) é um valor utilizado diariamente para trabalhar com imagens nos computadores. O “dpi” (dots per inch, que em português significa pontos por polegada) serve mais como um índice de qualidade da impressora. Como descobrir se uma imagem está em alta resolução?
  • 17. Resolução de Imagens (vídeo em inglês) https://www.youtube.com/watch?v=fy9Pby0Gzsc Bibliografia Pixel - o que você precisa saber sobre ele. Artigo digital disponível em: https://docs.google.com/document/d/1ZLo6NhG5jS1D_6etNb7xJ-x2cNGeyDVoDX1Fn6AYu7g/edit FERNANDES, Amaury. FUNDAMENTOS DE PRODUÇÃO GRÁFICA - Para quem não é produtor gráfico. São Paulo: Rubio, 2003.