SlideShare une entreprise Scribd logo
1  sur  23
Télécharger pour lire hors ligne
FERRAMENTAS PARA TRATAMENTO DE IMAGENS
Orientadora: Esp. Alexandra Falk
alexandra@criatio.com
facebook.com/alexandra.falk.14
FERRAMENTAS PARA TRATAMENTO DE IMAGENS
Criar a interface do site a partir da captação, diagnóstico e
tratamento de imagens para web, segundo fundamentos de
imagem digital, das características e aplicações das
ferramentas de produção visual, dos princípios da teoria da
cor e da forma, de tratamento de imagem e ergonomia de
software, das noções de desenhos bitmap e vetoriais e
características de importação e exportação de arquivos,
para elaborar a composição visual do site.
Motivação
• Imagens são muito atrativas, expressam
bem alguns sentimentos.
• Imagens são um meio muito bom para
divulgação de um produto.
• Imagens fazem parte do nosso dia a dia.
O que é a cor?
O que é a cor?
A cor existe por causa de três entidades: a luz, o objeto visualizado e o
observador. Os físicos já provaram que a luz branca é composta pelos
comprimentos de onda vermelha, verde e azul. O olho humano percebe as
cores como sendo vários comprimentos de onda do vermelho, do verde e do
azul, que são absorvidas ou refletidas pelos objetos. Por exemplo, suponha
que você esteja fazendo um piquenique em um dia ensolarado, prestes a
apanhar uma maçã vermelha. A luz do sol brilha na maçã e o comprimento de
onda de vermelho da luz reflete-se da maçã para seus olhos. Os
comprimentos de onda do azul e do verde são absorvidos pela maçã.
Sensores em seus olhos reagem à luz refletida, enviando uma mensagem que
é interpretada pelo seu cérebro como sendo a cor vermelha.
Sua percepção da cor vermelha depende da
maçã, da luz e de você. Uma maçã absorverá
mais verde e azul do que outra, assim a sua cor
aparecerá avermelhada. Se nuvens encobrirem
o sol, o vermelho da maçã aparecerá mais
escuro. Sua interpretação da maçã também
será afetada por sua própria fisiologia, por sua
experiência em consumir essa fruta ou pelo
fato de você não ter comido nada naquele dia.
“Para o artista gráfico, pintor ou produtor de vídeo, a criação da cor
perfeita é essencial. Quando as cores não estão corretas, o conceito torna-
se incompleto; a imagem talvez não consiga transmitir a informação; e a
experiência artística pode ser perdida.”
O que é a cor?
Cores primárias e secundárias
Quando as três cores primárias se sobrepõem, elas criam as cores secundárias:
ciana, magenta e amarelo. As primárias e secundárias são complementos umas
das outras. As cores complementares são as cores que mais se diferem umas das
outras.
Modelos de Cores - RGB
O modelo RGB (Red, Green, Blue) é um modelo de cor
aditivo, no qual são combinadas três cores claras
principais (RGB), em várias intensidades, para produzir as
demais cores. Duas cores principais, quando misturadas,
produzem cores secundárias. É considerado um modelo
aditivo, porque, ao adicionar as três cores primárias, cria
o branco. Os modelos aditivos são utilizados em
televisão, monitores de vídeo, digitalizadores, filmadoras
e outros sistemas que geram cores por mistura de
luz com comprimentos de onda diferentes. A tela do
monitor é revestida de pontos de fósforo vermelho,
verde e azul. Cada ponto pode ter um brilho diferente.
Como os pontos estão muito próximos, o efeito visual é
de um único ponto com a mistura da luz desses três
pontos.
Componentes de Imagem
Canais RGB (Red, Green, Blue)
• São canais que indicam a presença dessas cores
• Valor 255 para todos canais = branco puro;
• Valor é 0 (zero) = preto puro.
Canal Alpha (Transparência)
Canal de Escala de Cinza (Gray)
• Canal que guarda as informações de transparência;
• Nem sempre é suportado por todos os aplicativos;
• Valores máximos representam maior opacidade;
• Determina a intensidade do cinza na imagem
• Faz um transição entre o preto e o branco
O modelo de cor CMYK é um modelo subtrativo. Esse
sistema produz cor quando a luz é refletida de um objeto ou
de sua superfície. A cor vista é o resultado dessa luz
refletida. A visão da luz branca ocorre quando o objeto está
refletindo todos os comprimentos de onda de luz.
Quando uma cor vermelha é visualizada, significa que o
objeto ou superfície reflete o comprimento de onda
correspondente ao vermelho e absorve todas as outras. As
três cores principais do modelo subtrativo são cian,
magenta e amarelo. Duas cores principais misturadas
produzem cores secundárias verde, vermelho e azul (o
oposto do RGB). A combinação dessas três cores principais
produz o preto. O Modelo CMYK é utilizado em imagens
para impressão profissional.
Modelos de Cores - CMYK
(Cyan, Magenta, Yellow e Black)
HSV (Hue, Saturation, Value)
• Hue (Matiz) – Informa a cor predominante de um determinado
pixel da imagem
• Saturation (Saturação) – Nível de pureza da cor
• Value (Valor) – O brilho da cor
Original Saturação Matiz Valor
Modelos de Cores - Saturação
Vetorial e Bitmap - Conceitos Básicos
Imagem Vetorial
Uma imagem vetorial é descrita por linhas plotadas
num sistema de coordenadas cartesianas (equações
matemáticas). Elas permitem redimensionamento em
qualquer escala sem perda de qualidade, pois
somente no momento da impressão ela é convertida
em um bitmap adequado às características do
equipamento - impressoras jato de tintas, laser e
outras imprimem bitmaps, porque imprimem
seqüências de pontos dispostos em linhas e colunas,
cuja freqüência, por sua vez, define a resolução da
impressora. A este processo de conversão de vetorial
para bitmap chamamos de rasterização e é executado
por um RIP – Raster Image Processor.
Imagens Vetoriais (Vector Drawing)
• Imagens formada a partir de vetores
• Uso de algoritmos matemáticos
• Suporta imagens raster misturadas a texto ou
formas geométricas
• O tamanho do arquivo é menor
• É escalonável
• Fácil manipulação
• Falta de compatibilidade
• Falta de unificação dos formatos
Aplicações de Imagens Vetoriais
• Logotipo e Publicidade
• Imagens que precisam ter tamanhos variados
• Sites
• Flash
• Cartografia
• Estatística
• Dispositivos Móveis
• Ícones de programas
Editores para Imagens Vetoriais
• CorelDraw
• Inkscape
• OpenDraw
• Macromedia FreeHands
•Illustrator
CorelDraw Inkscape FreeHands
Vetorial e Bitmap - Conceitos Básicos
Imagem Bitmap
A imagem obtida por fotografia digital ou escaneada é
um bitmap, ou seja, mapeada por bits. Quer dizer que
a imagem está organizada em uma série de linhas e
colunas formadas por pixels. Cada pixel (picture
element) possui apenas uma cor e não possui uma
dimensão fixa: o tamanho será atribuído ao pixel no
momento da impressão.
Aplicações de Imagens Bitmap
• Texturas e sprites
• Humor
• Arte digital
• Fotografias
• Web
• Desktop (Wallpaper, ícones)
• Promoção de produtos
Editores para Imagens Raster
• Adobe Photoshop
• Corel Photo-Paint
• GIMP (Opensource)
• Macromedia Fireworks
Photo-Paint
GIMP
Photoshop
Fireworks
O pixel é a menor unidade de uma imagem digital. O termo vem da contração da
expressão picture element ("elemento da imagem", em inglês).
Ao darmos um zoom máximo numa foto digital, veremos que ela é formada por vários
quadradinhos - os pixels. A cor de cada pixel é fruto da combinação de três cores
básicas: vermelha, verde e azul. Cada uma dessas três cores possui 256 tonalidades, da
mais clara à mais escura, que, combinadas, geram mais de 16 milhões de
possibilidades de cores. Os pixels são agrupados em linhas e colunas para formar uma
imagem.
O que é um pixel?
O que é um pixel?
Uma foto digital de 800 x 600 pixels, por exemplo, tem em sua composição 800 pixels de
largura por 600 de altura, ou seja, é formada por 480 mil pixels, todos do mesmo
tamanho. Quanto maior o número de pixels, maior o volume de informação armazenada.
Em outras palavras, quanto mais pixels uma imagem tiver, melhor será a sua qualidade e,
assim, mais fiel ela será ao objeto real.
Formatos de imagens
JPEG
GIF
PNG
BMP
TIFF
RAW
SVG
WebP
Exif
O que cada formato pode oferecer?
Adobe PhotoShop CS6

Contenu connexe

Tendances

Bases sobre Teoria da Cor Aplicada aos Sistemas Digitais
Bases sobre Teoria da Cor Aplicada aos Sistemas DigitaisBases sobre Teoria da Cor Aplicada aos Sistemas Digitais
Bases sobre Teoria da Cor Aplicada aos Sistemas Digitaisboltzz
 
Forma visual e Cor
Forma visual e CorForma visual e Cor
Forma visual e Corkalexandrino
 
Modelos aditivo e subtrativo
Modelos aditivo e subtrativoModelos aditivo e subtrativo
Modelos aditivo e subtrativopedroruiA206
 
Bases da teoria da cor
Bases da teoria da corBases da teoria da cor
Bases da teoria da corBrunopduarte
 
Teoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas DigitaisTeoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas Digitaisesdsprojectox
 
Computacao grafica
Computacao graficaComputacao grafica
Computacao graficaHélio Jovo
 
Bases sobre a teoria da cor aplicada aos sistemas digitais
Bases sobre a teoria da cor aplicada aos sistemas digitaisBases sobre a teoria da cor aplicada aos sistemas digitais
Bases sobre a teoria da cor aplicada aos sistemas digitaisCatarinaInes12E
 
Bases sobre a Teoria da Cor
Bases sobre a Teoria da CorBases sobre a Teoria da Cor
Bases sobre a Teoria da CorDiogo Palma
 
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISBASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISFrancisco Moço
 
Conceito Inicial do Tratamento de Imagens com Photoshop
Conceito Inicial do Tratamento de Imagens com PhotoshopConceito Inicial do Tratamento de Imagens com Photoshop
Conceito Inicial do Tratamento de Imagens com Photoshopdualpixel
 
Trabalho final david_duarte
Trabalho final david_duarteTrabalho final david_duarte
Trabalho final david_duarteangelobartolomeu
 
Modelos de cor e lsa_kelly
Modelos de cor e lsa_kellyModelos de cor e lsa_kelly
Modelos de cor e lsa_kellyKellyElsa
 
Trabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensTrabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensJuliano Tiago Rinaldi
 
Bases sobre a teoria da cor aplicada aos sistemas informáticos
Bases sobre a teoria da cor aplicada aos sistemas informáticosBases sobre a teoria da cor aplicada aos sistemas informáticos
Bases sobre a teoria da cor aplicada aos sistemas informáticoslamasduarte13
 
Teoria das Cores Aplicada ao Vestuário
Teoria das Cores Aplicada ao VestuárioTeoria das Cores Aplicada ao Vestuário
Teoria das Cores Aplicada ao VestuárioDébora Cseri
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - coresEduardo Novais
 

Tendances (20)

Bases sobre Teoria da Cor Aplicada aos Sistemas Digitais
Bases sobre Teoria da Cor Aplicada aos Sistemas DigitaisBases sobre Teoria da Cor Aplicada aos Sistemas Digitais
Bases sobre Teoria da Cor Aplicada aos Sistemas Digitais
 
Forma visual e Cor
Forma visual e CorForma visual e Cor
Forma visual e Cor
 
Editoracao e design cores parte 1
Editoracao e design   cores parte 1Editoracao e design   cores parte 1
Editoracao e design cores parte 1
 
Modelos aditivo e subtrativo
Modelos aditivo e subtrativoModelos aditivo e subtrativo
Modelos aditivo e subtrativo
 
Bases da teoria da cor
Bases da teoria da corBases da teoria da cor
Bases da teoria da cor
 
Teoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas DigitaisTeoria das Cores para Sistemas Digitais
Teoria das Cores para Sistemas Digitais
 
Computacao grafica
Computacao graficaComputacao grafica
Computacao grafica
 
Bases sobre a teoria da cor aplicada aos sistemas digitais
Bases sobre a teoria da cor aplicada aos sistemas digitaisBases sobre a teoria da cor aplicada aos sistemas digitais
Bases sobre a teoria da cor aplicada aos sistemas digitais
 
Bases sobre a Teoria da Cor
Bases sobre a Teoria da CorBases sobre a Teoria da Cor
Bases sobre a Teoria da Cor
 
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISBASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
 
Conceito Inicial do Tratamento de Imagens com Photoshop
Conceito Inicial do Tratamento de Imagens com PhotoshopConceito Inicial do Tratamento de Imagens com Photoshop
Conceito Inicial do Tratamento de Imagens com Photoshop
 
Trabalho final david_duarte
Trabalho final david_duarteTrabalho final david_duarte
Trabalho final david_duarte
 
05 formulação de cores
05 formulação de cores05 formulação de cores
05 formulação de cores
 
Modelos de cor e lsa_kelly
Modelos de cor e lsa_kellyModelos de cor e lsa_kelly
Modelos de cor e lsa_kelly
 
Trabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre ImagensTrabalho 2 - Seminário sobre Imagens
Trabalho 2 - Seminário sobre Imagens
 
Unidade4 Parte I
Unidade4   Parte IUnidade4   Parte I
Unidade4 Parte I
 
Bases sobre a teoria da cor aplicada aos sistemas informáticos
Bases sobre a teoria da cor aplicada aos sistemas informáticosBases sobre a teoria da cor aplicada aos sistemas informáticos
Bases sobre a teoria da cor aplicada aos sistemas informáticos
 
A cor
A corA cor
A cor
 
Teoria das Cores Aplicada ao Vestuário
Teoria das Cores Aplicada ao VestuárioTeoria das Cores Aplicada ao Vestuário
Teoria das Cores Aplicada ao Vestuário
 
[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores[cv - 2011.2] 17 - cores
[cv - 2011.2] 17 - cores
 

Similaire à Aula alexandra do Senac

Similaire à Aula alexandra do Senac (20)

AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43AULA SOBRE IMAGEM NO POWERPOINT - AULA43
AULA SOBRE IMAGEM NO POWERPOINT - AULA43
 
Aplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptxAplicações Informáticas B cor e sistdigitais.pptx
Aplicações Informáticas B cor e sistdigitais.pptx
 
A Imagem Digital
A Imagem DigitalA Imagem Digital
A Imagem Digital
 
aula1_2.pdf
aula1_2.pdfaula1_2.pdf
aula1_2.pdf
 
Teoria das cores e computação gráfica
Teoria das cores e computação gráficaTeoria das cores e computação gráfica
Teoria das cores e computação gráfica
 
Imagens e Cores
Imagens e CoresImagens e Cores
Imagens e Cores
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Imagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-brImagem digital-www-radiologiaeinovacao-com-br
Imagem digital-www-radiologiaeinovacao-com-br
 
Aula 4,5,6 (2).pptx
Aula 4,5,6 (2).pptxAula 4,5,6 (2).pptx
Aula 4,5,6 (2).pptx
 
Luz
LuzLuz
Luz
 
Multimidia na educação
Multimidia na educaçãoMultimidia na educação
Multimidia na educação
 
Guiadecores
GuiadecoresGuiadecores
Guiadecores
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Cores
 
Fundamentos do desenho
Fundamentos do desenhoFundamentos do desenho
Fundamentos do desenho
 
Modulo
ModuloModulo
Modulo
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Teoria Cor
Teoria CorTeoria Cor
Teoria Cor
 
Teoria cor(2)
Teoria cor(2)Teoria cor(2)
Teoria cor(2)
 
Teoria cor(2)
Teoria cor(2)Teoria cor(2)
Teoria cor(2)
 
Aula 6 - SAM - Imagens
Aula 6 - SAM - ImagensAula 6 - SAM - Imagens
Aula 6 - SAM - Imagens
 

Dernier

A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...Unidad de Espiritualidad Eudista
 
O-P-mais-importante.pptx de Maria Jesus Sousa
O-P-mais-importante.pptx de Maria Jesus SousaO-P-mais-importante.pptx de Maria Jesus Sousa
O-P-mais-importante.pptx de Maria Jesus SousaTeresaCosta92
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxMarceloDosSantosSoar3
 
Cruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiCruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiMary Alvarenga
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderLucliaResende1
 
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdfRitoneltonSouzaSanto
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Colaborar Educacional
 
FORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaFORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaBenigno Andrade Vieira
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdfKarinaSouzaCorreiaAl
 
Depende De Nós! José Ernesto Ferraresso.ppsx
Depende De Nós! José Ernesto Ferraresso.ppsxDepende De Nós! José Ernesto Ferraresso.ppsx
Depende De Nós! José Ernesto Ferraresso.ppsxLuzia Gabriele
 
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosPeixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosAgrela Elvixeo
 
Caça palavras - BULLYING
Caça palavras  -  BULLYING  Caça palavras  -  BULLYING
Caça palavras - BULLYING Mary Alvarenga
 
Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974AnaRitaFreitas7
 
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdf
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdfARTE BARROCA E ROCOCO BRASILEIRO-min.pdf
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdfItaloAtsoc
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .WAGNERJESUSDACUNHA
 
Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024gilmaraoliveira0612
 

Dernier (20)

A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
 
O-P-mais-importante.pptx de Maria Jesus Sousa
O-P-mais-importante.pptx de Maria Jesus SousaO-P-mais-importante.pptx de Maria Jesus Sousa
O-P-mais-importante.pptx de Maria Jesus Sousa
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
 
Cruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegyptiCruzadinha da dengue - Mosquito Aedes aegypti
Cruzadinha da dengue - Mosquito Aedes aegypti
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
 
autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entender
 
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
 
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
 
Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdfAbordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
 
FORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaFORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de história
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdf
 
Depende De Nós! José Ernesto Ferraresso.ppsx
Depende De Nós! José Ernesto Ferraresso.ppsxDepende De Nós! José Ernesto Ferraresso.ppsx
Depende De Nós! José Ernesto Ferraresso.ppsx
 
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES MonelosPeixeiras da Coruña. O Muro da Coruña. IES Monelos
Peixeiras da Coruña. O Muro da Coruña. IES Monelos
 
Caça palavras - BULLYING
Caça palavras  -  BULLYING  Caça palavras  -  BULLYING
Caça palavras - BULLYING
 
Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974
 
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdf
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdfARTE BARROCA E ROCOCO BRASILEIRO-min.pdf
ARTE BARROCA E ROCOCO BRASILEIRO-min.pdf
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .
 
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdfAbordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
 
Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024
 

Aula alexandra do Senac

  • 1. FERRAMENTAS PARA TRATAMENTO DE IMAGENS Orientadora: Esp. Alexandra Falk alexandra@criatio.com facebook.com/alexandra.falk.14
  • 2. FERRAMENTAS PARA TRATAMENTO DE IMAGENS Criar a interface do site a partir da captação, diagnóstico e tratamento de imagens para web, segundo fundamentos de imagem digital, das características e aplicações das ferramentas de produção visual, dos princípios da teoria da cor e da forma, de tratamento de imagem e ergonomia de software, das noções de desenhos bitmap e vetoriais e características de importação e exportação de arquivos, para elaborar a composição visual do site.
  • 3. Motivação • Imagens são muito atrativas, expressam bem alguns sentimentos. • Imagens são um meio muito bom para divulgação de um produto. • Imagens fazem parte do nosso dia a dia.
  • 4. O que é a cor?
  • 5. O que é a cor? A cor existe por causa de três entidades: a luz, o objeto visualizado e o observador. Os físicos já provaram que a luz branca é composta pelos comprimentos de onda vermelha, verde e azul. O olho humano percebe as cores como sendo vários comprimentos de onda do vermelho, do verde e do azul, que são absorvidas ou refletidas pelos objetos. Por exemplo, suponha que você esteja fazendo um piquenique em um dia ensolarado, prestes a apanhar uma maçã vermelha. A luz do sol brilha na maçã e o comprimento de onda de vermelho da luz reflete-se da maçã para seus olhos. Os comprimentos de onda do azul e do verde são absorvidos pela maçã. Sensores em seus olhos reagem à luz refletida, enviando uma mensagem que é interpretada pelo seu cérebro como sendo a cor vermelha.
  • 6. Sua percepção da cor vermelha depende da maçã, da luz e de você. Uma maçã absorverá mais verde e azul do que outra, assim a sua cor aparecerá avermelhada. Se nuvens encobrirem o sol, o vermelho da maçã aparecerá mais escuro. Sua interpretação da maçã também será afetada por sua própria fisiologia, por sua experiência em consumir essa fruta ou pelo fato de você não ter comido nada naquele dia. “Para o artista gráfico, pintor ou produtor de vídeo, a criação da cor perfeita é essencial. Quando as cores não estão corretas, o conceito torna- se incompleto; a imagem talvez não consiga transmitir a informação; e a experiência artística pode ser perdida.” O que é a cor?
  • 7. Cores primárias e secundárias Quando as três cores primárias se sobrepõem, elas criam as cores secundárias: ciana, magenta e amarelo. As primárias e secundárias são complementos umas das outras. As cores complementares são as cores que mais se diferem umas das outras.
  • 8. Modelos de Cores - RGB O modelo RGB (Red, Green, Blue) é um modelo de cor aditivo, no qual são combinadas três cores claras principais (RGB), em várias intensidades, para produzir as demais cores. Duas cores principais, quando misturadas, produzem cores secundárias. É considerado um modelo aditivo, porque, ao adicionar as três cores primárias, cria o branco. Os modelos aditivos são utilizados em televisão, monitores de vídeo, digitalizadores, filmadoras e outros sistemas que geram cores por mistura de luz com comprimentos de onda diferentes. A tela do monitor é revestida de pontos de fósforo vermelho, verde e azul. Cada ponto pode ter um brilho diferente. Como os pontos estão muito próximos, o efeito visual é de um único ponto com a mistura da luz desses três pontos.
  • 9. Componentes de Imagem Canais RGB (Red, Green, Blue) • São canais que indicam a presença dessas cores • Valor 255 para todos canais = branco puro; • Valor é 0 (zero) = preto puro.
  • 10. Canal Alpha (Transparência) Canal de Escala de Cinza (Gray) • Canal que guarda as informações de transparência; • Nem sempre é suportado por todos os aplicativos; • Valores máximos representam maior opacidade; • Determina a intensidade do cinza na imagem • Faz um transição entre o preto e o branco
  • 11. O modelo de cor CMYK é um modelo subtrativo. Esse sistema produz cor quando a luz é refletida de um objeto ou de sua superfície. A cor vista é o resultado dessa luz refletida. A visão da luz branca ocorre quando o objeto está refletindo todos os comprimentos de onda de luz. Quando uma cor vermelha é visualizada, significa que o objeto ou superfície reflete o comprimento de onda correspondente ao vermelho e absorve todas as outras. As três cores principais do modelo subtrativo são cian, magenta e amarelo. Duas cores principais misturadas produzem cores secundárias verde, vermelho e azul (o oposto do RGB). A combinação dessas três cores principais produz o preto. O Modelo CMYK é utilizado em imagens para impressão profissional. Modelos de Cores - CMYK (Cyan, Magenta, Yellow e Black)
  • 12. HSV (Hue, Saturation, Value) • Hue (Matiz) – Informa a cor predominante de um determinado pixel da imagem • Saturation (Saturação) – Nível de pureza da cor • Value (Valor) – O brilho da cor Original Saturação Matiz Valor Modelos de Cores - Saturação
  • 13. Vetorial e Bitmap - Conceitos Básicos Imagem Vetorial Uma imagem vetorial é descrita por linhas plotadas num sistema de coordenadas cartesianas (equações matemáticas). Elas permitem redimensionamento em qualquer escala sem perda de qualidade, pois somente no momento da impressão ela é convertida em um bitmap adequado às características do equipamento - impressoras jato de tintas, laser e outras imprimem bitmaps, porque imprimem seqüências de pontos dispostos em linhas e colunas, cuja freqüência, por sua vez, define a resolução da impressora. A este processo de conversão de vetorial para bitmap chamamos de rasterização e é executado por um RIP – Raster Image Processor.
  • 14. Imagens Vetoriais (Vector Drawing) • Imagens formada a partir de vetores • Uso de algoritmos matemáticos • Suporta imagens raster misturadas a texto ou formas geométricas • O tamanho do arquivo é menor • É escalonável • Fácil manipulação • Falta de compatibilidade • Falta de unificação dos formatos
  • 15. Aplicações de Imagens Vetoriais • Logotipo e Publicidade • Imagens que precisam ter tamanhos variados • Sites • Flash • Cartografia • Estatística • Dispositivos Móveis • Ícones de programas
  • 16. Editores para Imagens Vetoriais • CorelDraw • Inkscape • OpenDraw • Macromedia FreeHands •Illustrator CorelDraw Inkscape FreeHands
  • 17. Vetorial e Bitmap - Conceitos Básicos Imagem Bitmap A imagem obtida por fotografia digital ou escaneada é um bitmap, ou seja, mapeada por bits. Quer dizer que a imagem está organizada em uma série de linhas e colunas formadas por pixels. Cada pixel (picture element) possui apenas uma cor e não possui uma dimensão fixa: o tamanho será atribuído ao pixel no momento da impressão.
  • 18. Aplicações de Imagens Bitmap • Texturas e sprites • Humor • Arte digital • Fotografias • Web • Desktop (Wallpaper, ícones) • Promoção de produtos
  • 19. Editores para Imagens Raster • Adobe Photoshop • Corel Photo-Paint • GIMP (Opensource) • Macromedia Fireworks Photo-Paint GIMP Photoshop Fireworks
  • 20. O pixel é a menor unidade de uma imagem digital. O termo vem da contração da expressão picture element ("elemento da imagem", em inglês). Ao darmos um zoom máximo numa foto digital, veremos que ela é formada por vários quadradinhos - os pixels. A cor de cada pixel é fruto da combinação de três cores básicas: vermelha, verde e azul. Cada uma dessas três cores possui 256 tonalidades, da mais clara à mais escura, que, combinadas, geram mais de 16 milhões de possibilidades de cores. Os pixels são agrupados em linhas e colunas para formar uma imagem. O que é um pixel?
  • 21. O que é um pixel? Uma foto digital de 800 x 600 pixels, por exemplo, tem em sua composição 800 pixels de largura por 600 de altura, ou seja, é formada por 480 mil pixels, todos do mesmo tamanho. Quanto maior o número de pixels, maior o volume de informação armazenada. Em outras palavras, quanto mais pixels uma imagem tiver, melhor será a sua qualidade e, assim, mais fiel ela será ao objeto real.