IMAGEM E MULTIMÉDIA

NOÇÃO DE MULTIMÉDIA

Combinação de um conjunto de
elementos (texto, imagem fixa ou em
movimento, sons) expresso num
formato único digital, processado por
um programa de computador de
forma interativa.
“Multimédia designa a combinação, controlada por computador, de
texto, gráficos, imagens, vídeo, áudio, animação e qualquer outro
meio, pelo qual a informação possa ser representada, armazenada,
transmitida e processada sob a forma digital, em que existe pelo
menos um tipo de média estático (texto, gráficos ou imagens) e um
tipo de media dinâmico (vídeo, áudio ou animação).” Definição
dada por: Fluckiger, 1995 e Chapman & Chapman, 2000
“Multimédia não pode ser experimentada sem a tecnologia, pois é a
tecnologia que cria a experiência – multimédia não se limita à
mensagem, mas é igualmente uma função do meio, isto é, da
tecnologia.” Gonzalez, 2000
MULTIMÉDIA DIGITAL

´Dimensões da Multimédia
´Tipos de Multimédia
´Suportes Multimédia
DIMENSÕES DA MULTIMÉDIA

Todos os conteúdos e conceitos

subjacentes ao desenvolvimento de um
produto multimédia, através da
combinação de meios entre o emissor
e o recetor para a divulgação da
mensagem.
TIPOS DE
MULTIMÉDIA
Quanto à natureza espaço-temporal:
´ Estáticos - Agrupam elementos de informação
independentes do tempo, alterando apenas a
sua dimensão no espaço, tais como, textos,
imagens e gráficos;
´ Dinâmicos - Agrupam elementos de
informação dependentes do tempo, tais como,
por exemplo, o áudio, o vídeo e a animação.
ESTÁTICOS
´ O texto é o meio adequado para transmitir informação essencial de
um modo preciso e é também uma das formas principais da
comunicação.
´ As imagens podem ser o resultado de um processo de captura do
mundo real ou podem ser geradas inteiramente por computador.
´ Os gráficos são constituídos por linhas e curvas definidas
matematicamente. Uma vantagem deste tipo de representação
gráfica reside na facilidade de manipulação das formas ou objetos
desenhados sem perda de informação.
DINÂMICOS
´ O áudio é o único que estimula o sentido da audição, ao passo que
todos os outros tiram partido do sentido da visão.
´ O vídeo, seja sob a forma analógica ou digital, é uma representação
eletrónica de uma sequência de imagens.
´ A animação começou por ser exclusivamente destinado ao
entretenimento, mas foi crescendo até se tornar numa das formas mais
eficazes e expressivas para comunicar uma ideia.
TIPOS DE
MULTIMÉDIA
Quanto à origem:
´ Capturados - Resultam de uma recolha do
exterior para o computador, como por
exemplo, o vídeo, o áudio e a fotografia.
´ Sintetizados - Produzidos pelo próprio
computador através da utilização de hardware
e software específicos como, por exemplo, o
texto, o gráfico e a animação.
SUPORTES
MULTIMÉDIA
´ Online - disponibilidade imediata dos
conteúdos multimédia. Pode ser efetuada,
por exemplo, através da utilização de uma
rede informática local ou da World Wide
Web;
´ Offline - utilização de suportes de
armazenamento, na maioria das vezes do
tipo digital. Os suportes de armazenamento
mais utilizados são do tipo óptico, CD e
DVD, assim como do tipo semicondutores,
pen drives.
 NARRATIVAS MULTIMÉDIA

As narrativas para conteúdos multimédia oferecem um diversidade de

possibilidades de construção de narrativa.
Uma narrativa multimédia pode ser construída por áudio, fotografia,
vídeo, gráfico,..., pelo que a interatividade é uma das caraterísticas
essências no processo de construção de narrativas multimédia.
Esta promove a relação do utilizador com o conteúdo informativo,
devendo a informação ser adequada ao grau de interação dos
utilizadores.
NARRATIVAS
MULTIMÉDIA
Exemplos:
´ Texto com áudio;
´ Animação de texto;
´ Animação de texto com áudio;
´ Vídeo e texto;
´ Vídeo com áudio;
´ Vídeo com áudio e texto;
´ Apresentação de imagens e texto;
´ ...
TEXTO

´ ELEMENTOS GRÁFICOS

Elementos necessários para criar um produto gráfico integrando de forma

harmoniosa os diferentes elementos.
Elementos gráficos de texto poderão ser tabelas, figuras (gráficos,
fotografias, desenhos e mapas), texto (tamanho (corpo), fonte (tipo de
letra),...).
TEXTO

´ FONTE
A fonte é um padrão, variedade ou coleção de caracteres tipográficos
com o mesmo desenho ou atributos e, por vezes, com o mesmo
tamanho (corpo).
Assim, dizemos fonte Calibri, fonte Arial, ou fonte negrita, fonte itálica.
Do ponto de vista compositivo, deverá utilizar-se as fontes adequadas a
cada produto multimédia.
IMAGEM DIGITAL

´Tipos de imagem digital

´Formatos de imagem digital
´Modelos de cor de imagem
´Resolução de Imagem
TIPOS DE IMAGEM DIGITAL
TIPOS DE IMAGEM DIGITAL
´ BITMAP:
As imagens em bitmap são as mais utilizadas, sendo compostas por
pixéis. O pixel é a unidade de medida padrão para imagens digitas e
bitmap. Quando aproximamos uma imagem, observamos
esses pequenos pontos quadrados coloridos – a menor parte da
imagem – que formam o desenho completo quando em conjunto.

´ VETOR:
As imagens em vetor, apesar de serem somente reproduzidas através de
pixéis, não são construídas por eles. Sendo assim, essas imagens são
definidas como sendo constituídas por linhas, curvas e formas
preenchidas. As imagens em vetor podem ser redimensionadas a
qualquer tamanho sem que percam qualidade, ao contrário das
imagens em bitmap. Além disso, esses gráficos em vetor são criado em
softwares como Adobe Illustrator e Corel Draw.
Formatos de imagem digital

´ JPEG/JPG
´ GIF
´ PNG
´ BMP
´ PSD
´ TIFF
´ PDF
´ SVG
´ RAW
´ WEBP
JPEG/JPG
(Joint Photographic Experts Group)

O formato de imagem JPEG, também chamado de JPG é o formato de

imagem considerado padrão e o mais utilizados no ambiente digital. Além
disso, o JPG possui uma taxa de compressão bastante alta, podendo fazer
com que uma imagem de resolução Full HD (1920×1080 pixels) ocupe muito
pouco espaço no disco rígido – cerca de 100 Kb. Contudo, isso só acontece
devido à perda da qualidade.

A taxa de compressão do JPG é ajustável, isso significa que é possível

equilibrar a qualidade com o tamanho da imagem.
 GIF (Graphics Interchange Format)

O GIF foi o formato de

imagem desenvolvido O grande diferencial
O GIF é utilizado em
pela CompuServe deste formato é
imagens na web que não
adequado aos monitores a possibilidade de
precisam de qualidade.
da época. animações.
 PNG (Portable Network Graphics)

´ O formato PNG, apesar de não suportar animações, possui bastantes vantagens em

relação ao GIF, uma vez que o PNG possui uma variação de cores infinitamente maior.
Além disso, o PNG possui a possibilidade de fundo de imagem transparente e pode ser
comprimido sem que a qualidade seja perdida.
´ Por todos esses motivos, o PNG é o formato mais indicado para ser utilizado em estratégias
digitais.
 ´ O formato BMP preserva todos os detalhes do

BMP (Bitmap) arquivo original. No entanto, essa extensão

possui uma taxa de compressão muito baixa,
fazendo com que os arquivos fiquem muito
pesados se a resolução for mantida.
PSD

´ O formato de imagem PSD é amplamente utilizado por

profissionais do design. Isso acontece porque é o formato
aplicado nas versões do Photoshop, pois consegue
suportar diversas ferramentas avançadas como máscaras,
camadas, etc.
´ Os profissionais da área optam pelo formato para manter
a estrutura original da imagem. Posteriormente, estas são
convertidas em outros formatos que possuem mais
compatibilidade, como o PNG, JPG ou TIFF, para
resoluções maiores.
 TIFF

Melhor formato de alta

Compressão sem perdas
qualidade para se trabalhar

Devido à sua versatilidade, como a

manutenção da resolução, a
Formato de imagem bastante
possibilidade de trabalhar com
utilizado para arquivos de impressão
páginas e camadas, por exemplo,
este formato é bastante pesado.
SVG (Scalable Vector Graphics).

´ O SVG é um formato vetorial que é compatível com a maior parte dos

navegadores web modernos. Sendo assim, esse formato pode ser utilizado em
website, blog, entre outros. Além disso, o SVG pode ser animado através de
programação em HTML 5.0.
´ É o formato utilizado principalmente
por câmaras digitais, que realizam a
compressão sem que hajam perdas na
resolução ou informação. No entanto, não RAW
há um padrão que normalize todas as
imagens no formato RAW, fazendo com
que este não seja compatível com muitos
programas.
 ´ Este formato foi desenvolvido pelo Google em
2010, de modo a que as imagens fiquem até 40%
WEBP menores do que em JPEG sem que se perca a
qualidade. Além disso, este formato é visto por
alguns como sendo o futuro formato padrão da
internet.
TAXA DE COMPRESSÃO

´ A compressão é um procedimento computacional cujo objetivo é diminuir

o tamanho final do arquivo de imagem. Assim, a totalidade dos dados que
são requeridos para representar uma imagem é reduzida.
´ A taxa de compressão é a razão entre o tamanho final da imagem
comprimida e o tamanho sem compressão. Sendo assim, quanto menor a
imagem comprimida, maior a taxa de compressão.
 MODELOS DE COR

´ RGB
´ CMYK
´ HSB
´ LAB
´ Indexada

Cada modelo representa um método para

descrever a cor.
 RGB

´ É o modelo aditivo de cores, ou seja, as imagens são criadas por adição e mistura das cores

primárias: RED, BLUE e GREEN;

´ Emprega 3 canais para criar cor: RED, BLUE e GREEN;

´ Na imagens de 8 bits por canal, os três canais são convertidos em 24 bits de cores por pixel

(8bitsx3canais). Com 24 bits, os três canais podem reproduzir 16,7 milhões de cores por pixel;

´ Embora seja um modelo de cores padrão, o intervalo exato de cores pode variar, dependendo
do aplicativo ou dispositivo de exibição;

´ A escala de RGB varia de 0 (mais escuro) a 255 (mais claro);

´ Os monitores e os scanners seguem o modelo RGB;

´ Imagens JPEG, de 16, 24 e 32 bits, são imagens RGB.

 CMYK

´ É o modelo subtrativo, ou seja, as cores são criadas pela redução do efeito de outras.
´ A mistura em partes iguais de CYAN, MAGENTA, YELLOW resulta em BLACK;
´ Emprega 4 canais para criar cor: CYAN, MAGENTA, YELLOW e BLACK;
´ É utilizado em impressoras;
´ Baseia-se na absorção de tinta no papel, o intervalo exato de cores pode variar de acordo com
a impressora e as condições da impressão;
´ Neste modelo, um valor de % é atribuído a cada pixel para cada uma das tintas de processo,
cores mais claras têm baixa % (realce) e mais escuras altas %(sombra).
 LAB

´ Este modelo baseia-se na perceção do olho humano às cores.

´ Define os valores das cores matematicamente para facilitar a reprodução consistente de cores e
independente do dispositivo que as produz;
´ Os sistemas de espaço de cores RGB e CMYK não definem cores como este modelo, mas
oferecem uma receita para mistura de cores.
´ Este modelo pode ser salvo nas extensões: PSD, EPS, TIFF, PDF e RAW.
 HSB

´ O modelo HSB define a cor das imagens através de valores distintos: HUE, SATURATION e
BRIGHTNESS (Matiz, Saturação e Brilho);
´ Baseia-se na perceção humana da cor (modelo de cor dos artistas plásticos);
´ É representado por um sistema 3D de coordenadas polares:
´ HUE: É a matiz ou cor. O seu valor varia entre 0 (vermelho), passando pelo laranja, amarelo, verde, azul,
púrpura, e 359 (novamente vermelho).
´ SATURATION: Fornece a vivacidade da cor. O seu valor é percentual entre 0 e 100%. O valor 0% indica
inexistência de cor (ou branca) e o valor 100% indica cor normal (ou muito viva).
´ BRIGHTNESS: Fornece o brilho da cor. O seu valor é também percentual, o valor 0% indica que a cor é
muito escura (ou preta) e o valor 100% indica que é normal.
 INDEXADA

´ Submodelo do RGB;
´ As cores de cada imagem são armazenadas numa palete, também chamada tabela de cores
(color lookup table);
´ As imagens GIF são, por definição, imagens indexadas.
 RESOLUÇÃO DE
IMAGEM
A Resolução de uma imagem descreve o nível de
detalhe que uma imagem comporta, é a medida de
definição da imagem.
A resolução de uma imagem é o número de pixéis por
polegada que ela contém (1 polegada = 2,54
centímetros) e é expressa em PPP (pontos por
polegada, em português) ou DPI (dots per inch, em
inglês).
O pixel é a unidade de medida para imagens digitais.
Um pixel é a menor unidade que compõe
uma imagem digital. A imagem digital é composta de
vários pixéis, “quadradinhos” coloridos.