November 28, 2016

November 16, 2016

Imagem Vetorial



Imagem Vetorial


Enquanto em uma imagem bitmap temos uma matriz de cores de pixels que define a imagem, na imagem vetorial temos pontos com posicionamento livre, que são ligados por linhas que formam o desenho. O formato vetorial baseia-se em fórmulas matemáticas. Nestas imagens não há perda de definição. Este benefício vem do fato que termos um objecto definido pela ligação de pontos no espaço que podem ser representados na tela em qualquer escala.


Um exemplo de um fortmato de imagem vetorial é o CDR é o formato nativo do programa de gráficos vetoriais Corel Draw, sendo válido para PC e MAC. É um formato vetorial, porém admite a inclusão de elementos de mapa de bits (integrados ou vinculados a arquivos externos), podendo levar ademais cabeçalho de pré-visualização. É um dos formatos com mais possibilidades com respeito à cor, à qualidade dos desenhos e ao manejo de fontes, podendo conter os textos traçados ou com fontes incluídas.
Uma das principais desvantagens deste formato é sua falta de compatibilidade com o resto de aplicações gráficas, ao ser estas incapazes de armazenar imagens sob este formato.






Webrafia:

November 14, 2016

Formato de ficheiros de imagens Bitmap

BMP

O BMP é um formato muito popular, devido ao programa de pintura do Windows, o Paint. É o formato mais comum e não inclui, até ao momento, nenhum algoritmo de compressão. Um ficheiro BMP é um ficheiro bitmap, ou seja, um ficheiro de imagem gráfico que armazena os pixéis sob a forma de quadro de pontos e gerindo as cores, quer em cor verdadeira, quer graças a uma paleta indexada.





GIF

GIF (Graphics Interchange Format) é um formato de imagem de mapa de bits muito usado na internet, quer para imagens fixas, quer para animações. Um GIF animado é o termo dado às animações formadas por várias imagens GIF compactadas numa só. Não suporta mais do que 256 cores (8 bits de cor) e é lido por muitos programas; O sucesso deste formato na Web deve-se a particularidades como a transparência, a animação e o entrelaçamento.






JPEG

JPEG é um método de compressão de imagens fotográficas e também é considerado como um formato de arquivo. O JPEG permite comprimir um arquivo e obter como resultado final uma imagem com qualidade razoável e de pequeno tamanho. A relação entre qualidade e tamanho da imagem diferencia o JPEG dos outros formatos, porque facilita o armazenamento e distribuição de arquivos. O JPEG é comumente utilizado na criação de imagens em câmaras digitais, já que possui a capacidade de trabalhar com cerca de 16,8 milhões de cores (24 bits). 








PDF

PDF é um formato portátil para documentos (Portable Document Format) desenvolvido por Adobe Systems e muito usado na Internet devido a sua versatilidade, facilidade de uso e tamanho pequeno. Um documento PDF tem a mesma aparência, cor, tipo de imprensa, gráficos e formato que um documento impresso. Mesmo sem a permissão de edição do ficheiro que guarda, o PDF permite copiar textos e imagens do documento para outro arquivo. Este tipo de arquivo é muito utilizado na hora de compartilhar informação gráfica ou de texto.





PNG

PNG é um formato de dados utilizado para imagens. Esse formato tem uma maior gama de profundidade de cores, alta compressão, entre outros. Além disso, o formato PNG permite comprimir as imagens sem perda de qualidade e retirar o fundo de imagens com o uso do canal alfa. Por isso é um formato válido para imagens que precisam manter 100% da qualidade para reutilização. Pode ser usado na maioria dos programas de edição de imagens.




TIFF

O formato TIF ou TIFF (Tagged Image File Format) é um formato de ficheiro gráfico bitmap. Éum antigo formato gráfico, permitindo armazenar imagens bitmap de dimensão considerável sem perda de qualidade e independentemente das plataformas ou dos periféricos utilizados. O formato TIFF permite armazenar imagens a preto e branco, a cores reais (True color, até 32 bits por pixéis) bem como imagens indexadas, fazendo uso de uma paleta de cores.








webgrafia:


Compressão com perdas e sem perdas de dados

As técnicas de compressão de imagem podem ser de duas naturezas distintas:

Compressão sem perdas, quando a compressão, seguida pela descompressão, preserva integralmente os dados da imagem. Tipos de compressão sem perda de dados: GIF, PNG, JPEG 2000, TIFF.






- Compressão com perdas, quando a compressão, seguida pela descompressão, conduz à perda de alguma informação da imagem (que pode ou não ser aparente ao sistema visual humano). A imagem descomprimida terá uma qualidade inferior à imagem original. Tipos de compressão com perda de dados: BMP, JPEG, Fractal compression, Wavelet compression.






Resumidamente:







Webgrafia:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguqIyJjEEW2hFNFk4ljIYffvZMnR2NCJX1E2YHahzP9YXplr8t91yzJXi1q0d_NOrzvFi1qaG39d9K7LHXrTJm47FJUMLXbtEaBq3ISz2rhLOEtMICrLpIDrCpjU9HmJtWpLeBTrgps1J8/s1600/compress%C3%A3o.PNG
http://rafapedro1997.blogspot.pt/2014_11_01_archive.html
http://ivaneclaudia.blogspot.pt/2015/11/tecnicas-de-compressao-de-dados.html

Modelos RGB, CMYK, HSV e YUV

Modelo RBG

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. Cada uma pode variar entre o mínimo (completamente escuro) e máximo (completamente intenso). Quando todas as cores estão no mínimo, o resultado é preto. Se todas estão no máximo, o resultado é branco.
Uma das representações mais usuais para as cores é a utilização da escala de 0 à 255, bastante encontrada na computação pela conveniência de se guardar cada valor de cor em 1 byte (8 bits).





Modelo CMYK 

CMYK é a abreviatura do sistema de cores subtrativas formado por Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (Black). O modelo CMYK é um modelo constituído a partir do modelo CMY em que foi acrescentada a cor preta (black). A cor preta foi adicionada ao modelo por ser mais fácil a sua obtenção quando impressa em papel do que recorrendo à mistura de cores.
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 formadas pelas componentes hue (matiz), saturation (saturação) e value (valor). O HSV também é conhecido como HSB (hue, saturation e brightness — matiz, saturação e brilho, respectivamente). Esse sistema de cores define o espaço de cor conforme descrito abaixo, utilizando seus três parâmetros:
  • Valor (brilho): Define o brilho da cor. Atinge valores de 0 a 100%.
  • Saturação: Também chamado de "pureza". Quanto menor esse valor, mais com tom de cinza aparecerá a imagem. Quanto maior o valor, mais "pura" é a imagem. Atinge valores de 0 a 100%.
  • Matiz (tonalidade): Verifica o tipo de cor, abrangendo todas as cores do espectro, desde o vermelho até o violeta, mais o magenta. Atinge valores de 0 a 360, mas para algumas aplicações, esse valor é normalizado de 0 a 100%.





Modelo YUV

O modelo YUV foi criado a par do desenvolvimento da transmissão de sinais de cor de televisão. Este modelo baseado na luminância permite transmitir componentes de cor em menos tempo do que seria necessário se fosse utilizado o modelo RGB. Ao mesmo tempo, o modelo YUV permite transmitir imagens a preto e branco e imagens de cor de forma independente. Nos modelos RGB e CMYK cada cor incluiu informação relativa à luminância, permitindo ver cada cor independente de outra. No caso de se estar a guardar um pixel de acordo com o modelo RGBe se o vermelho, o verde e o azul tiverem os mesmos valores de luminância, isto significa que se está a guardar a mesma informação três vezes, aumentando o tamanho da informação. O modelo YUV guarda a informação de luminância separada da informação de crominância ou cor. Assim, o modelo YUV é definido pela componente luminância (V) e pela componente crominância ou cor (U = blue - Y e V= red - V). Com este modelo é possível representar uma imagem a preto e branco utilizando apenas a luminância e reduzindo bastante a informação que seria necessária noutro modelo.





 Webgrafia:
https://forums.createspace.com/en/community/message/191630

http://photoblogfabiosantos.blogspot.pt/2013/05/hsv-e-abreviatura-para-o-sistema-de.html
https://en.wikipedia.org/wiki/YUV
http://www.printninja.com/printing-resource-center/printing-academy/advanced-concepts/cmyk-vs-rgb-advanced-explanation

November 09, 2016

Pixel, resolução, profundidade de cor, tamanho do ficheiro

Pixel
Pixel (aglutinação de Picture e Element) é o menor elemento num dispositivo de exibição ao qual é possível atribuir-se uma cor. Portanto, é também o menor elemento que se pode controlar de uma imagem representada, por exemplo, num ecrã. É um ponto físico numa 'raster image', e a sua posição corresponde às suas coordenadas físicas. 





Resolução

Resolução de imagem descreve o nível de detalhe que uma imagem comporta. Quanto mais alta a resolução da imagem, maior é o detalhe da mesma. 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 de Cor
A profundidade da cor, color depth, é 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 do ficheiro

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. 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.








Webgrafia:
https://pt.wikipedia.org/wiki/Profundidade_de_cor
https://pt.wikipedia.org/wiki/Pixel
https://designecomunicacaoblog.wordpress.com/2016/03/12/as-tecnicas-da-comunicacao-visual/profundidade/
http://pcwallart.com/cute-pixel-art-grid-wallpaper-1.html
http://www.tecmundo.com.br/infografico/10187-do-bit-ao-yottabyte-conheca-os-tamanhos-dos-arquivos-digitais-infografico-.htm
http://slonline.com.br/blog/blog/qual-a-maior-resolucao-e-tamanho-de-arquivo-no-photoshop/

November 08, 2016

Cor


O que é a 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. 
As cores possuem diferentes significados que variam entre diferentes culturas. Na cultura ocidental, as cores estão relacionadas com as emoções do ser humano. Também podem assumir diferentes funções, por exemplo, através das cores padronizadas dos semáforos. Na decoração dos ambientes, o efeito estimulante das cores não é negligenciado, nem o efeito energético, que, através da cromoterapia, influencia na saúde das pessoas. 







Forma como é feita a interpretação das cores pelo cérebro humano

A interpretação das cores é feita pelo cérebro humano depois de a luz atravessar a íris e ser projectada na retina, desta forma os olhos são os sensores de toda a visão e esta pode ser do tipo escotópica e fotópica.

A Visão fotópica é a designação dada à sensibilidade do olho em condições de intensidade luminosa que permitam a distinção das cores. Na generalidade dos casos a visão fotópica corresponde à visão diurna (reservando-se a designação de visão escotópica para a visão nocturna). No olho humano a visão fotópica faz-se principalmente pela activação dos cones que se encontram na retina.

 A Visão escotópica (do grego skotosescuridão e -opiarelacionado com a visão) é a visão produzida pelo olho em condições de baixa luminosidade. No olho humano os cones não funcionam em condições de baixa luminosidade, o que determina que a visão escotópica seja produzida exclusivamente pelos bastonetes, o que impossibilita a percepção das cores.






Webgrafia:´
https://www.google.pt/search?q=vis%C3%A3o+escot%C3%B3pica&espv=2&biw=1366&bih=662&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjIr7bfmZrQAhVJQBoKHfJ5CvYQ_AUIBigB#tbm=isch&q=cor&imgrc=mx8DIqBVz2H2CM%3A
http://cultura.culturamix.com/curiosidades/origem-do-nome-das-cores-caracteristicas-gerais
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjspc9VIOLU3acxUWsVguLRY02AtRG39TbOBeIxF5D0fLxjK-lpsvoi7y99q5p4Eb0c2QJg-Wb7dPgRw5eC4iZTHE5VbZtp3mAAgDPfDBK6NOI0qkn3SvXkHDv-WY54XdDtJYtSUnoKgX-M/s1600/gnhfgh.jpg
https://umpoucosobrecor.wordpress.com/como-o-olho-enxerga-a-cor/

November 02, 2016

Imagem

Conceito e utilização da imagem


Imagem (do latimimago) significa a representação visual de imagens bidimensionais 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.


Há dois tipos fundamentais de imagem digital. As tipo rastreio (raster) e outra o tipo, vetorial. Uma imagem digital do tipo raster, ou bitmap, ou ainda matricial, é aquela que em algum momento apresenta uma correspondência bit-a-bit entre os pontos da imagem raster e os pontos da imagem reproduzida na tela de um monitor. A imagem vetorial não é reproduzida necessariamente por aproximação de pontos, antes era destinada a ser reproduzida por plotters de traçagem que reproduziam a imagem por deslocamento de canetas-tinteiro.







"Uma imagem vale mais que mil palavras"





Nesta imagem podemos observar uma senhora idosa, num ambiente citadino,  que do pouco que tem ainda partilha com um pequeno gato. Se repararmos o que mais sobressai nesta imagem está a cores e o resto  (as outras pessoas) passam despercebidas, explicando a sua cor a preto e branco.



Webgrafia:
http://brasiluniversodigital.blogspot.pt/2013/05/uma-imagem-vale-mais-que-mil-palavras.html
https://pt.wikipedia.org/wiki/Imagem_digital

Nuvem de palavras


Para que são usadas as nuvens de palavras?

Normalmente as nuvens de palavras são usadas para demonstrar, de maneira visual, a frequência de ocorrência das palavras dentro de um texto: quanto maior for o número de vezes que a palavra aparece no texto, maior será a fonte usada para exibir essa palavra.
Todavia, as nuvens de palavras também são boas opções para ilustrar notícias, artigos e outros tipos de publicações, já que elas têm um forte apelo visual e pelo fato de que imagens originais atraem o nosso interesse.

Alguns exemplos da aplicação da nuvem de palavras:














webgrafia:
http://www.tagxedo.com/
https://tagul.com/create
https://pt.wikipedia.org/wiki/Nuvem_de_tags


Exemplos de fontes


Fonte escalada:


A Times New Roman é uma família tipográfica com serifa criada em 1931 para uso do jornal inglês The Times of London. Hoje é considerada um dos tipos mais conhecidos e utilizados pelo mundo fora (em parte por ser a fonte padrão em diversos processadores de texto). O seu nome faz referência ao jornal (Times) e também a uma releitura das antigas tipografias clássicas (new roman).
É uma fonte escalada pois a sua ampliação não implica perda de qualidade
Os desenhos originais foram feitos por Victor Lardent, sob a supervisão de Stanley Morison. A fonte então passou por um extenso período de aperfeiçoamento e revisão no escritório da Monotype, uma empresa especializada no desenho de tipos.




Fonte bitmapped:

Minion é um nome de um tipo formatado por Robert Slimbach em 1990 para Adobe Systems. . É inspirada na época Renascentista. No dia 8 de julho de 2010, foi adotado como mascote do filme norte-americano Despicable Me.

ClassificaçãoSerifa de velho estilo
Ano1990
DesignerRobert Slimbach
EmpresaAdobe Minion Pro