SlideShare uma empresa Scribd logo
Informática Aplicada
Introdução
Prof. Márcio Duarte
CONCEITOS INICIAIS
Imagens: Vetorial x Bitmap
Conceitos Vetoriais
• Os gráficos vetoriais representam formas como objetos definidos
por séries de linhas abertas e fechadas, com preenchimento e/ou
sem preenchimento.
• Vetor: gráficos criados em programas como o CorelDraw, Adobe
Illustrator, Inkscape, entre outros, onde as formas são
representadas por linhas e curvas.
• Tais gráficos são também conhecidos como gráficos baseados em
objetos ou linha artística. Isso contrasta com os gráficos bitmap,
que são criados pixel por pixel em programas de pintura e por
digitalizadores.
• Temos vários objetos que formam a figura totalmente vetorizada,
para entender melhor, ela é feita em modo “Aramado” e depois
aplica-se os preenchimentos e efeitos de cores.
Imagens: Vetorial x Bitmap
Conceitos de bitmap
• No que se refere à edição de bitmaps, bits e pixels
correspondem às unidades de uma imagem.
• Um pixel consiste em um quadrado digital simples
que é organizado juntamente com outros em grades.
Essas grades se combinam formando a imagem.
• As imagens de computador são criadas como matrizes
de pixels, cada um deles com uma cor específica.
• Programas como Adobe Photoshop, Corel PHOTO-
PAINT, Gimp, entre outros, são os editores de imagens
mais utilizados.
Imagens: Vetorial x Bitmap
Imagens: Vetorial x Bitmap
Quanto maior a quantidade de pixel, teoriacamente, melhor
a qualidade da imagem e maior o tamanho do arquivo digital
gerado.
Imagens: Vetorial x Bitmap
CMYk
Mídias impressas
(cartazes, panfletos, livros, etc)
300 DPI
Imagens: utilização
RGB
Mídias Eletrônicas
(telas, monitores, etc.)
72 DPI
Imagens: utilização
Imagens: utilização
Informática Aplicada - Introdução
Imagens, assim como tudo para internet é medido em pixel.
Os programas de imagem apresentam as imagens em seus
tamanhos originais, pois trabalham com as dimensões do
monitor para calcular o "zoom" das imagens.
Considerando que
necessitamos utilizar pixel
(px) como unidades de
medida devemos alterá-la
nas réguas.
Imagens: utilização
Por exemplo:
Adobe Photoshop com zoom 100% = imagem em tamanho original.
Imagens: utilização
RGB
• É o modelo de cor da Luz.
• O RBG é composto por três
cores primárias:
– (R) Vermelho
– (G) Verde
– (B) Azul
• Cada uma das quais
podendo variar entre 256
níveis de intensidade
(denominando valores de
brilho)
CMYk
• O sistema "CMYK" é utilizado nos
diversos processo de impressão,
como por exemplo: o Off-Set e o
processo Flexográfico.
• As cores que o compoem: (C)
Cyan (ciano); (M) Magenta; (Y)
Yellow (amarelo) e (k) Black
(preto).
• Funciona pelo processo de
pigmentação. A luz refletida é o
que você vê. Cada uma das cores
do CYMK varia de 0 a 100% de
aplicação.
Modos de cores
Combinação Subtrativa de Cores Combinação Aditiva de Cores
Independente do sistema de cores, à partir das cores
primárias teremos todas as outras possíveis.
Modos de cores
Circulo
cromático
Modos de cores
Cores quentes
e frias
Modos de cores
Contraste
de cores
Modos de cores
Cores análogas
São as que aparecem lado-
a-lado no gráfico. São
análogas porque há nelas
uma mesma cor básica. Pôr
exemplo o amarelo-ouro e o
laranja-avermelhado tem
em comum a cor laranja.
Modos de cores
FINITO…

Mais conteúdo relacionado

PPTX
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
PPTX
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
PDF
CD - 1
PDF
Editoracao e design cores parte 2
PPTX
Teoria das Cores para Sistemas Digitais
PDF
Editoracao e design cores parte 1
PPTX
Polígono e Padrões
PPTX
Desenhando Bolsos
2014 - Multimídia e Internet - 03 Imagem Digital - Vetores
2014 - Multimídia e Internet - 04 Imagem Digital - Bitmaps
CD - 1
Editoracao e design cores parte 2
Teoria das Cores para Sistemas Digitais
Editoracao e design cores parte 1
Polígono e Padrões
Desenhando Bolsos

Destaque (20)

PPTX
Conhecendo o CorelDRAW
PPTX
Desenho técnico básico - Camiseta Regata
PPTX
Vetorizando imagem
PDF
Informatica Aplicada
PDF
Informática Aplicada a Administração
PPT
Introducao à Informatica Aplicada
PPT
Geoprocessamento 4
PDF
Informática aplicada prova 1
PPT
Aula inaugural 2013
PDF
A relevancia das mídias sociais para a indústria da moda blogs como plataform...
PPT
Ciclo da Moda
PPT
Aviamentos
PPTX
Introdução à informática
PPT
Introdução a Ergonomia
PPT
02 principios da fotografia (2012)
PDF
Apostila de Apoio para Disciplina - Informática Aplicada a Administração
PPT
Gestalt
PPT
Produção e Eventos de Moda
PPT
4 aplicações do design thinking
PPTX
Planejamento de Produto I
Conhecendo o CorelDRAW
Desenho técnico básico - Camiseta Regata
Vetorizando imagem
Informatica Aplicada
Informática Aplicada a Administração
Introducao à Informatica Aplicada
Geoprocessamento 4
Informática aplicada prova 1
Aula inaugural 2013
A relevancia das mídias sociais para a indústria da moda blogs como plataform...
Ciclo da Moda
Aviamentos
Introdução à informática
Introdução a Ergonomia
02 principios da fotografia (2012)
Apostila de Apoio para Disciplina - Informática Aplicada a Administração
Gestalt
Produção e Eventos de Moda
4 aplicações do design thinking
Planejamento de Produto I
Anúncio

Semelhante a Informática Aplicada - Introdução (20)

PDF
Bitmap x Vetor
PDF
Aplicativos Gráficos Conceitos Introdutórios
PPTX
Atividade de web design
PPTX
Atividade de web design
PPTX
Atividade De Web Design
PPT
Atividade de web design
PPTX
Tipos de imagens digitais
PPT
Computação Gráfica - Introdução
PDF
Imagens matriciais vs Imagens vectoriais
PDF
Apresentação sobre Imagem Estática com GIMP
PPT
Imagem Digital
PPTX
05 imagem digital
PPT
Slide blog
PPT
Slide blog
PPTX
ComputaçãO GráFica Para Designers
PDF
Multimídia - Imagens
PPT
Ferramentas web aula02
PPTX
Aula alexandra do Senac
PDF
aula1_2.pdf
PPT
Curso Photoshop 2009 - Aula 01
Bitmap x Vetor
Aplicativos Gráficos Conceitos Introdutórios
Atividade de web design
Atividade de web design
Atividade De Web Design
Atividade de web design
Tipos de imagens digitais
Computação Gráfica - Introdução
Imagens matriciais vs Imagens vectoriais
Apresentação sobre Imagem Estática com GIMP
Imagem Digital
05 imagem digital
Slide blog
Slide blog
ComputaçãO GráFica Para Designers
Multimídia - Imagens
Ferramentas web aula02
Aula alexandra do Senac
aula1_2.pdf
Curso Photoshop 2009 - Aula 01
Anúncio

Mais de Marcio Duarte (20)

PPTX
Produção de Roteiro Publicitário para TV
PPTX
Introdução a Internet
PPTX
PPT
Arte grega
PPTX
Pre-história
PPTX
Alfabetismo Visual na Moda
PPT
Processo criativo
PPTX
O Designer Valorizado
PPT
Conceitos de Design
PPTX
Wordpress
PPTX
História do Design (2016)
PPTX
Op art, Pop art e outras artes
PPT
Metodologia para produtos de moda
PPT
Aula 07 impressionismo-expressionismo
PPT
Aula 06 naturalismo-realismo
PPTX
Aula 05 neoclassicismo-romantismo
PPT
Aula 04 barroco-e_rococo
PPT
Aula 03 renascimento-maneirismo
PPT
Aula 02 arte-crista- id_media
PPT
Aula 08 fauvismo-expressionismo_futurismo_cubismo
Produção de Roteiro Publicitário para TV
Introdução a Internet
Arte grega
Pre-história
Alfabetismo Visual na Moda
Processo criativo
O Designer Valorizado
Conceitos de Design
Wordpress
História do Design (2016)
Op art, Pop art e outras artes
Metodologia para produtos de moda
Aula 07 impressionismo-expressionismo
Aula 06 naturalismo-realismo
Aula 05 neoclassicismo-romantismo
Aula 04 barroco-e_rococo
Aula 03 renascimento-maneirismo
Aula 02 arte-crista- id_media
Aula 08 fauvismo-expressionismo_futurismo_cubismo

Último (20)

PPTX
biossegurança e segurança no trabalho (6).pptx
PDF
manual-orientacao-asb_5a8d6d8d87160aa636f63a5d0.pdf
PDF
embriologia_animal_aula_share_2026_semestre
PPTX
Aula 13 - Tópico Frasal - Argumentação.pptx
PDF
Combate a Incêndio - Estratégias e Táticas de Combate a Incêndio por Francis...
PDF
A relação entre funções executivas e desempenho acadêmico em crianças com Tra...
PPTX
MENDEL - Aula sobre Mendel - Genética EM
PDF
50 anos Hoje - Volume V - 1973 - Manaus Amazonas
PPTX
Lição 8 EBD.pptxtudopossonaquelequemimfortalece
PDF
Ementa 2 semestre PEI Orientação de estudo
PPTX
Pedagogia em Ambientes Não Escolares.pptx
PPTX
Realismo e Naturalismo: Aluísio Azevedo.
PDF
ESPELHOS DA ALMA A PSICOLOGIA POR TRÁS DOS CONTOS DE FADAS.pdf
PDF
Fiqh da adoração (islamismo)
PPT
História e Evolução dos Computadores domésticos
PPTX
INDÚSTRIA_ Histórico da industrialização.pptx
PDF
Formação politica brasil_2017.pptx.pdf
PDF
FLUXOGRAMA CLASSE lll - Acesso estritamente proximal.pdf
PDF
A provisão de jojuador (ramadã) islamismo
PDF
A Revolução Francesa de 1789 slides história
biossegurança e segurança no trabalho (6).pptx
manual-orientacao-asb_5a8d6d8d87160aa636f63a5d0.pdf
embriologia_animal_aula_share_2026_semestre
Aula 13 - Tópico Frasal - Argumentação.pptx
Combate a Incêndio - Estratégias e Táticas de Combate a Incêndio por Francis...
A relação entre funções executivas e desempenho acadêmico em crianças com Tra...
MENDEL - Aula sobre Mendel - Genética EM
50 anos Hoje - Volume V - 1973 - Manaus Amazonas
Lição 8 EBD.pptxtudopossonaquelequemimfortalece
Ementa 2 semestre PEI Orientação de estudo
Pedagogia em Ambientes Não Escolares.pptx
Realismo e Naturalismo: Aluísio Azevedo.
ESPELHOS DA ALMA A PSICOLOGIA POR TRÁS DOS CONTOS DE FADAS.pdf
Fiqh da adoração (islamismo)
História e Evolução dos Computadores domésticos
INDÚSTRIA_ Histórico da industrialização.pptx
Formação politica brasil_2017.pptx.pdf
FLUXOGRAMA CLASSE lll - Acesso estritamente proximal.pdf
A provisão de jojuador (ramadã) islamismo
A Revolução Francesa de 1789 slides história

Informática Aplicada - Introdução

  • 3. Imagens: Vetorial x Bitmap Conceitos Vetoriais • Os gráficos vetoriais representam formas como objetos definidos por séries de linhas abertas e fechadas, com preenchimento e/ou sem preenchimento. • Vetor: gráficos criados em programas como o CorelDraw, Adobe Illustrator, Inkscape, entre outros, onde as formas são representadas por linhas e curvas. • Tais gráficos são também conhecidos como gráficos baseados em objetos ou linha artística. Isso contrasta com os gráficos bitmap, que são criados pixel por pixel em programas de pintura e por digitalizadores. • Temos vários objetos que formam a figura totalmente vetorizada, para entender melhor, ela é feita em modo “Aramado” e depois aplica-se os preenchimentos e efeitos de cores.
  • 5. Conceitos de bitmap • No que se refere à edição de bitmaps, bits e pixels correspondem às unidades de uma imagem. • Um pixel consiste em um quadrado digital simples que é organizado juntamente com outros em grades. Essas grades se combinam formando a imagem. • As imagens de computador são criadas como matrizes de pixels, cada um deles com uma cor específica. • Programas como Adobe Photoshop, Corel PHOTO- PAINT, Gimp, entre outros, são os editores de imagens mais utilizados. Imagens: Vetorial x Bitmap
  • 7. Quanto maior a quantidade de pixel, teoriacamente, melhor a qualidade da imagem e maior o tamanho do arquivo digital gerado. Imagens: Vetorial x Bitmap
  • 8. CMYk Mídias impressas (cartazes, panfletos, livros, etc) 300 DPI Imagens: utilização RGB Mídias Eletrônicas (telas, monitores, etc.) 72 DPI
  • 12. Imagens, assim como tudo para internet é medido em pixel. Os programas de imagem apresentam as imagens em seus tamanhos originais, pois trabalham com as dimensões do monitor para calcular o "zoom" das imagens. Considerando que necessitamos utilizar pixel (px) como unidades de medida devemos alterá-la nas réguas. Imagens: utilização
  • 13. Por exemplo: Adobe Photoshop com zoom 100% = imagem em tamanho original. Imagens: utilização
  • 14. RGB • É o modelo de cor da Luz. • O RBG é composto por três cores primárias: – (R) Vermelho – (G) Verde – (B) Azul • Cada uma das quais podendo variar entre 256 níveis de intensidade (denominando valores de brilho) CMYk • O sistema "CMYK" é utilizado nos diversos processo de impressão, como por exemplo: o Off-Set e o processo Flexográfico. • As cores que o compoem: (C) Cyan (ciano); (M) Magenta; (Y) Yellow (amarelo) e (k) Black (preto). • Funciona pelo processo de pigmentação. A luz refletida é o que você vê. Cada uma das cores do CYMK varia de 0 a 100% de aplicação. Modos de cores
  • 15. Combinação Subtrativa de Cores Combinação Aditiva de Cores Independente do sistema de cores, à partir das cores primárias teremos todas as outras possíveis. Modos de cores
  • 19. Cores análogas São as que aparecem lado- a-lado no gráfico. São análogas porque há nelas uma mesma cor básica. Pôr exemplo o amarelo-ouro e o laranja-avermelhado tem em comum a cor laranja. Modos de cores