"É tempo de voltar a casa"

"É tempo de voltar a casa". Anúncio de Natal alemão  que faz chorar!

Edeka, a maior rede de supermercados da Alemanha, lançou o seu anúncio para a quadra festiva.

O anúncio é de uma cadeia de supermercados, mas não há uma loja à vista. E só no final aparece o logo Edeka.

A história é de um idoso que chega a casa do supermercado e ouve as mensagens dos filhos a dizer que não podem ir passar o Natal com ele, prometendo que o fazem no próximo ano. Mas parecem passar três anos e ele continua sozinho na noite de Natal.

A ação passa depois para os filhos e netos que recebem mensagens e cartas com a notícia de que o pai morreu. Regressam então a casa, de luto, mas quando entram encontram a mesa posta para todos e o pai na cozinha. "De que outra forma conseguiria que estivéssemos juntos?", pergunta.

As lágrimas transformam-se em risos à medida que a família se reúne para o jantar.

"É tempo de voltar a casa", diz o slogan do anúncio.

Clica e vê o anúncio que está a provocar uma onde de solariedade para com os mais velhos.

Bárbara & Júlio

Webgrafia:

- https://www.youtube.com/watch?v=V6-0kYhqoRo

Preenchimento interativo - CorelDRAW

 Nesta aula, tivemos a oportunidade experimentar diversas ferramentas do preenchimento interativo do programa em estudo, CorelDRAW.
 Testamos a testar as técnicas de mistura, de contorno, de sombreamento, de distorção, de extrusão e de envelope.
 Mostramos agora as nossas explorações sobre estas técnicas.
 

Sombreamento

Mistura

Contorno 

Distorção

Extrusão

Envelope

Bárbara & Júlio

Contornos e preenchimentos - CorelDRAW

Nesta aula tivemos a oportunidade de testar os vários tipos de contornos e preenchimentos do programa em estudo,CorelDRAW.

Aqui ficam algumas das experiências que podemos realizar:

By Bárbara 

By Júlio

Bárbara & Júlio

                                             

CorelDRAW

O que é CorelDRAW?

O CorelDRAW é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela Corel Corporation, Canadá. É um aplicativo de ilustração vetorial e layout de página que possibilita a criação e a manipulação de vários produtos, como por exemplo: desenhos artísticos, publicitários, logotipos, capas de revistas, livros, etc.

Postamos aqui algumas das nossas criações no programa CorelDRAW.

Bárbara & Júlio

Webgrafia:

- https://pt.wikipedia.org/wiki/CorelDRAW

Mensagem Final

 Terminamos agora a abordagem à subunidade de imagens bitmap iniciando, assim, a subunidade de imagens vetoriais, CorelDRAW.
 Esta subunidade foi nos bastante útil pois com ela começamos a interpretar as imagens de forma diferente e de maneira a que possamos perceber como funciona o nosso computador.
Com esta finalização realizaremos uma ficha de avaliação onde vamos consolidar a matéria dada ao longo das aulas.

 Desejem-nos boa sorte!

Bárbara & Júlio

Imagens Bitmap/ Imagens Vetoriais

Existem vários formatos para guardar os ficheiros de imagens digitais e os vários programas têm de ter capacidade para ler e guardar nesses formatos.

Os programas de computador que trabalham com imagens estão genericamente divididos em:

- Programas bitmap (imagem): O formato bitmap é baseado num mapa de bits.

- Programas vetoriais (gráficos ou desenho): O formato vetorial baseia-se em fórmulas matemáticas.

 A informação de uma imagem bitmap pode ser guardada numa grande quantidade de formatos de ficheiros.

Eis alguns deles:

 - BMP (Bitmap):  O Bitmap é um dos formatos de imagens mais antigos e também um dos mais simples. Bastante utilizado nos sistemas operacionais Microsoft Windows, as imagens neste formato podem suportar milhões de cores e preservam os detalhes.

                              No entanto, os arquivos neste padrão costumam ser muitos grandes, já que não utilizam compressão. Este processo até é possível em imagens com 256 cores ou menos, mas não é comum.

- GIF (Graphics Interchange Format):  Sigla para Graphics Interchange Format, o GIF é outro formato bastante popular na internet. Foi criado pela CompuServe em 1987 e gera arquivos de tamanho reduzido, no entanto, seu uso não é muito comum em fotografias, já que é capaz de trabalhar com apenas 256 cores (8 bits). Por este motivo, sua utilização é muito frequente com ícones, ilustrações ou qualquer tipo de imagem que não necessite de muitas cores.

- JPEG (Joint Photographic Experts Groups): O formato JPEG, cuja sigla significa Joint Photographic Experts Group, teve sua primeira especificação disponibilizada em 1983 por um grupo que leva o mesmo nome. É um dos padrões mais populares da internet por aliar duas características importantes: oferece níveis razoáveis de qualidade de imagem e gera arquivos de tamanho pequeno quando comparado a outros formatos, facilitando o seu armazenamento e a sua distribuição.

- PDF (Portable Document Format): Formato criado com o programa Adobe Acrobat; Muito usado para converter e comprimir de forma substancial documentos de texto e imagens, quando existe a necessidade de enviar, para leitura, esta informação para outros computadores, por rede ou por suporte, bastando, para isso, que o outro computador tenha instalado o Adobe Reader ou outro programa que permita a leitura deste formato.

- PNG (Portable Network Graphics): Formato com compressão sem perdas, que substitui o formato GIF para a Web, suportando uma profundidade de cor até 48 bits, mas não comporta animação.

- TIFF(Tagged Image File Format): Formato de arquivo raster para imagens digitais. Foi criado pela Aldus para uso no processo de impressão PostScript, porém agora é controlado pela Adobe. Transformou-se no formato padrão dos arquivos gráficos (32-bits) com elevada definição de cores.

Imagens Vetoriais

CDR (CorelDraw): É o formato utilizado na aplicação CorelDRAW

SXD (OpenOffice.org DRAW):  O formato SXD do OpenOffice.org Draw permite, de forma simples, o desenho vetorial em trabalhos.

SVG (Scalable Vector Graphics):  O SVG tende a ser um formato-padrão para a Web, especificado pela W3C e definido sob a linguagem XML.

PS (PostScript) e EPS (Encapsulated PostScript): Os formatos PS e EPS são reconhecidos por quase todos os programas de edição de texto ou de imagem que suportam imagem vetorial.

WMF (Windows Meta File):  É reconhecido pela maioria dos programas de edição de texto ou de imagem do Microsoft Office

Bárbara & Júlio

Webgrafia:

- Apontamentos fornecidos pela professora

- http://www2.ic.uff.br/~aconci/curso/formatos.htm

- http://pctop.com.sapo.pt/Imagemdigital_bimapevectoriais.html

- https://pt.wikipedia.org/wiki/Desenho_vetorial

Formatos de ficheiros

Compressão de imagens, em Ciência da Computação, é a aplicação de compressão de dados em imagens digitais. Como efeito, o objectivo é reduzir a redundância dos dados, de forma a armazenar ou transmitir esses mesmos dados de forma eficiente.

O tipo de compressão aplicado pode ser com ou sem perda de dados:

• A compressão sem perda de dados é normalmente aplicada em imagens em que a qualidade e a fidelidade da imagem são importantes, como para um fotógrafo profissional, ou um médico quanto às radiografias. São exemplos deste tipo de compressão os formatos: PNG e TIFF (apesar de algumas variantes deste terem perda de dados).

• A compressão com perda de dados é utilizada nos casos em que a portabilidade e a redução da imagem são mais importantes que a qualidade, sem no entanto menosprezar esta. É o caso das máquinas fotográficas digitais em geral, que gravam mais informação do que o olho humano detecta: alguns sistemas de compressão usam este fato, com vantagem, podendo por isso desperdiçar dados "irrelevantes". O formato JPEG usa este tipo de compressão em imagens. O formato GIF também tem uma compressão com perdas, mas diferente do JPEG, usa uma compressão "burra", que prejudica muito a qualidade da imagem.

Bárbara & Júlio

Webgrafia:

- https://pt.wikipedia.org/wiki/Compress%C3%A3o_de_imagens

Modelos de Cor

Modelo RGB:

RGB é a abreviatura do sistema de cores aditivas formado por Vermelho (Red), Verde (Green) e Azul (Blue). O propósito principal do sistema RGB é a reprodução de cores em dispositivos eletrónicos como monitores de TV e computador, retroprojetores, scanners e câmeras digitais, assim como na fotografia tradicional. Em contraposição, impressoras utilizam o modelo CMYK de cores subtrativas.

Modelo CMYK:

CMYK é a abreviatura do sistema de cores subtrativas formado por Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (Black (Key)).

O CMYK funciona devido à absorção de luz, pelo fato de que as cores que são vistas vêm da parte da luz que não é absorvida. Este sistema é empregado por imprensas, impressoras e fotocopiadoras para reproduzir a maioria das cores do espectro visível, e é conhecido como quadricromia. É o sistema subtrativo de cores, em contraposição ao sistema aditivo, o RGB.

Modelo HSV:

HSV é a abreviatura para o sistema de cores composto pelas componentes tom (Hue), Saturação (Saturation) e Valor (Value). Este sistema é também conhecido como HSB (Hue, Saturation, Brightness-Tom, Saturação e Brilho). Este sistema de cores define o espaço de cor utilizando três parâmetros:

 Tom: Verifica o tipo de cor, podendo ser vermelho, amarelo ou azul. Pode ter valores entre 0 e 360, mas para algumas aplicações, este valor é normalizado de 0 a 100%.

 Saturação: Quanto menor este valor, mais cinzento aparece a imagem. Quanto maior o valor, mais saturada é a imagem. Pode ter valores entre 0 e 100%.

 Brilho: Define a luminosidade da cor. Pode ter valores entre 0 e 100%.

Este sistema foi inventado em 1978, por Alvy Ray Smithe é caracterizado por ser uma transformação não-linear do sistema de cores RGB.

Modelo YUV:

O padrão YUV (chamado também CCIR 601), anteriormente baptizado YCrCb (Y Cr Cb), é um modelo de representação da cor dedicado ao vídeo analógico.

Baseia-se num modo de transmissão vídeo de componentes separadas que utilizam três cabos diferentes para fazer transitar as informações de luminância (luminosidade) e dois para as componente de crominância (cor). Trata-se do formato utilizado nos padrões PAL (Phase Alternation Line) e SECAM (Séquentiel Couleur avec Mémoire).

O parâmero Y representa a luminância (ou seja a informação a preto e branco), enquanto U e V permitem representar a corminância, ou seja, a informação sobre a cor. Este modelo foi criado para permitir transmitir informações coloridas para as televisões a cores, garantindo que as televisões a preto e branco existentes continuavam afixar uma imagem em tons de cinzentos.

Bárbara & Júlio

Webgrafia:

- https://pt.wikipedia.org/wiki/RGB

- https://pt.wikipedia.org/wiki/CMYK 

- http://pt.slideshare.net/KellyElsa/modelo-de-cor 

Modelo de Cor

  Pixel

Pixel (aglutinação de Picture e Element, ou seja, elemento de imagem, sendo Pix a abreviatura em inglês para Pictures) é o menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possível atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels forma a imagem inteira.

Num monitor colorido cada Pixel é composto por um conjunto de 3 pontos: verde, vermelho e azul. Nos melhores monitores cada um destes pontos é capaz de exibir 256 tonalidades diferentes (o equivalente a 8 bits) e combinando tonalidades dos três pontos é então possível exibir pouco mais de 16.7 milhões de cores diferentes (exatamente 16.777.216). Em resolução de 640 x 480 temos 307.200 pixels, a 800 x 600 temos 480.000 pixels, a 1024 x 768 temos 786.432 pixels e assim sucessivamente.

 Resolução

A resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo aplica-se igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Quanto mais alta a resolução da imagem, maior é o detalhe da mesma.

A resolução de imagem pode ser medida de várias formas. Basicamente, a resolução quantifica quão próximas as linhas podem ficar umas das outras e ainda assim serem visivelmente determinadas. As unidades de resolução podem ligadas a tamanhos físicos (por exemplo, linhas por milímetro, linhas por polegada etc.) ou ao tamanho total de uma figura (linhas por altura da imagem, também conhecidas simplesmente por linhas ou linhas de televisão).

 Profundidade da cor

A profundidade da cor é um termo da computação gráfica que descreve a quantidade de bits usados para representar a cor de um único pixel numa imagem bitmap. Este conceito é conhecido também como bits por pixel (bpp), particularmente quando especificado junto com o número de bits usados. Quanto maior a quantidade da profundidade da cor presente na imagem, maior é a escala de cores disponível.

 Tamanho de uma imagem

O tamanho de arquivo de uma imagem corresponde ao tamanho digital do arquivo de imagem, medido em kilobytes (K), megabytes (MB) ou gigabytes (GB). O tamanho do arquivo é proporcional às dimensões em pixels da imagem. Imagens com um número maior de pixels podem reproduzir mais detalhes em um determinado tamanho impresso, mas exigem mais espaço em disco para armazenamento e podem ser mais lentas na edição e impressão. Consequentemente, a resolução da imagem torna-se um ajuste entre a qualidade da imagem (capturando todos os dados necessários) e o tamanho do arquivo.

Outro fator que afeta o tamanho do arquivo é o formato do arquivo. Por causa da variação nos métodos de compactação utilizados pelos formatos GIF, JPEG, PNG e TIFF, os tamanhos de arquivo podem variar consideravelmente para as mesmas dimensões em pixels. Da mesma maneira, a profundidade de bits de cores e o número de camadas e canais em uma imagem afetam o tamanho do arquivo.

Bárbara & Júlio

Webgrafia:
- http://pt.slideshare.net/KellyElsa/modelo-de-cor

Cor

Cor:

Cor é a impressão que a luz refletida ou absorvida pelos corpos produz nos olhos. A cor branca representa as sete cores do espectro: vermelho, laranja, amarelo, verde, azul, anil e violeta. A cor preta é a inexistência de cor ou ausência de luz.

O termo "cor" é aplicado em diferentes contextos. Pode se referir à cor do cabelo, à cor dos olhos ou à cor da pele. Neste último caso, a expressão "de cor" indica alguém com tom de pele escuro.

No sentido figurado, "ficar sem cor" exprime a palidez súbita de um indivíduo seja por um susto, por doença ou por alguma emoção. "Mudar de cor" pode indicar palidez ou ruborização da pele.s dos vertebrados, que detectam os níveis de luminosidade. São basicamente responsáveis pela visão nocturna.

Teoria da cor:

  O ser humano tem dois tipos de visão, escotópica e a fotópica.

  A visão escotópica é produzida pelo olho em condições de baixa luminosidade, que será produzida pelos bastonetes que existem na retina.

 Bastonetes - células da retina dos olhos dos vertebrados, que detectam os níveis de luminosidade. São basicamente responsáveis pela visão nocturna

 

A visão fotópica relaciona-se com a sensibilidade do olho em condições de intensa luminosidade, e é assegurada por um conjunto de três tipos diferentes de cones existentes na retina:

·        64% são do tipo vermelho

·        32% do tipo verde

·        2% do tipo azul

Cones - estes são responsáveis pela percepção das cores e são geralmente responsáveis pela visão diurna.

Estes são ainda designados como sensores e associam-se à crominância e luminância.

Bárbara & Júlio

Webgrafia:
- https://pt.wikipedia.org/wiki/Cor

- http://teoriadacorpedrocorreia.blogspot.pt/2011/12/visao-escotopica-e-visao-fotopica.html

Sistema Multimédia- Imagem

Imagem:

Uma imagem também é a representação visual de um objecto através de técnicas da fotografia, da pintura, do desenho, do vídeo ou de outras áreas.

 Uma imagem digital é a representação de uma imagem bidimensional usando números binários codificados de modo a permitir seu armazenamento, transferência, impressão

ou reprodução, e seu processamento por meios electrónicos.

“Uma imagem vale mais do que 1000 palavras”

 

Esta frase é muito usual na gíria popular sendo que, por isso, é considerado um provérbio. Nada melhor do que uma imagem para expressar o que realmente muitas vezes sentimos.

 E então se uma imagem vale realmente mais do que mil palavras, diga-o com uma imagem.

Bárbara & Júlio

Webgrafia:

- http://conceito.de/imagem

- http://www.ipb.pt/~jsergio/Imagem.html

Nuvens de Texto

Faz a tua própria Nuvem de Texto!

   . Uma nuvem de texto é uma imagem que destaca palavras e termos que ocorrem com mais frequência em textos, blogs ou base de dados.

          Testa nestes sites: http://www.tagxedo.com/app.html
                                       www.wordle.net

                                       www.tagcrowd.com

Bárbara & Júlio

Fonte Bitmapped/ Fonte Escaladas

Fonte Bitmapped:

 Para esta fonte escolhemos como exemplo o tipo de letra MS Sans Serif:

  

         - MS Sans Serif é uma fonte proporcional introduzida no Windows 1.x como "Helv". Ela é uma marca registada da Microsoft Corporation.

Fonte Escaladas:

 Para esta fonte escolhemos como exemplo o tipo de letra TRUE TYPE:

   

          - True Type é uma fonte desenvolvido pela Apple Computer no fim da década de 1980 com um competidor para as fontes Type 1. O principal poder do TrueType era originalmente oferecer aos desenvolvedores de fontes um nível mais alto de controle sobre precisamente como suas fontes seriam exibidas, até o nível do pixel, em várias alturas de fontes.

Bárbara & Júlio

                 
Webgrafia:

- http://tipografos.net/glossario/fontes-digitais.html

- https://greeceintech.wordpress.com/2014/10/29/tipos-de-fontes-bitmapped-e-escaladas/

Fonte tipográfica- Texto

Fonte tipográfica- Texto

 Uma fonte tipográfica (também chamada de tipo ou, simplesmente, 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).

 As fontes são divididas em grupos, devido as suas características, contudo existem dois tipos de fontes fundamentais:

           1.       Fontes com serifa

           2.        Fontes sem serifa

As fontes podem ainda ser classificadas em bitmapped e escaladas.

Fonte Bitmapped

As fontes bitmapped são guardadas como uma matriz de pixeís e, por conseguinte, ao serem ampliadas, perdem a qualidade. São concebidas com uma resolução e um tamanho especificos para uma impressora especifica, não podendo ser escaladas. As cinco fontes bitmapped são: courier, MS Sans Serif, MS Serif, Small e Symbol.

Fonte Escaladas

As fontes escaladas, ao contrário das fontes bitmapped, são definidas matematicamente e podem ser intrepertadas( rendering) para qualquer tamanho que forem requisitadas. Estas fontes contêm informação para construir os seus contornos através de linhas e curvas que são preenchidas para apresentarem um aspecto de formas contínuas, tais como as fontes TYPE1, TRUE TYPE e OPEN TYPE.

Bárbara & Júlio

Webgrafia:

- http://tipografos.net/glossario/fontes-digitais.html