quinta-feira, 24 de novembro de 2016

1º trabalho CorelDraw

Hoje na aula de aplicações começamos a aprender a trabalhar com o CorelDraw.
Fizemos vários desenhos no CorelDraw e um dos resultados foi este:



segunda-feira, 14 de novembro de 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.


webgrafia:
https://sophieelliston.files.wordpress.com/2012/11/284545-image0.jpeg
http://vector-conversions.com/images/vector_vs_raster.jpg
https://pt.wikipedia.org/wiki/Desenho_vetorial

Formatos de ficheiros de imagem Bitmap

Formatos de ficheiros de imagem Bitmap

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



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


  • 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 reuso. 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. O formato TIFF é 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:
https://en.wikipedia.org/wiki/BMP_file_format
https://en.wikipedia.org/wiki/GIF
https://en.wikipedia.org/wiki/JPEG
https://en.wikipedia.org/wiki/Portable_Document_Format
https://en.wikipedia.org/wiki/Portable_Network_Graphics
https://en.wikipedia.org/wiki/Tagged_Image_File_Format
http://findicons.com/files/icons/1580/devine_icons_part_2/512/bmp.png
http://www.activetree.com/online/images/tiff_icon.gif
http://inspirandoideias.com.br/blog/wp-content/uploads/2015/03/b3368a682fc5ff891e41baad2731f4b6.gif


Compressão com perdas e sem perdas de dados

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


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






webgrafia:
Apontamentos da Professora
https://pt.wikipedia.org/wiki/Compress%C3%A3o_sem_perda_de_dados
https://pt.wikipedia.org/wiki/Compress%C3%A3o_com_perda_de_dados
http://3.bp.blogspot.com/-zqJSodTSs_8/VGy3VZs7GOI/AAAAAAAAAJQ/TtMwckVfBnI/s1600/compress%C3%A3o.PNG
https://martasantos14.files.wordpress.com/2010/11/jpeg-jpeg2k-1.png

quinta-feira, 10 de novembro de 2016

Os Modelos RBG, CMYK, HSV, YUV

   Os Modelos RBG, CMYK, HSV, 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.
Uma cor no modelo de cores RGB pode ser descrita pela indicação da quantidade de vermelho, verde e azul que contém. 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). Assim, o vermelho completamente intenso é representado por 255, 0, 0.

Branco - RGB (255,255,255);
Azul - RGB (0,0,255);
Vermelho - RGB (255,0,0);
Verde - RGB (0,255,0);
Amarelo - RGB (255,255,0);
Magenta - RGB (255,0,255);
Ciano - RGB (0,255,255);

Preto - RGB (0,0,0).


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://pt.wikipedia.org/wiki/RGB
https://s3.amazonaws.com/static.lcipaper.com/img/blog/RGB-color-additive-model.jpg
https://pt.wikipedia.org/wiki/CMYK
http://image.slidesharecdn.com/modelosdecolor-130624200203-phpapp01/95/modelos-de-color-rgb-cmyk-11-638.jpg?cb=1372104147
https://pt.wikipedia.org/wiki/HSV
http://1.bp.blogspot.com/-fb-oSKeSy5U/ULNk05EppoI/AAAAAAAAAYM/hldksutJUR0/s1600/52.PNG
https://en.wikipedia.org/wiki/YUV
http://images.slideplayer.com.br/7/1842508/slides/slide_36.jpg

"A cor esta presente em tudo o que observamos"

Pixel, Resolução, Profundidade da cor, Tamanho do ficheiro


Pixel: Pixel é o menor elemento num dispositivo de exibição , 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 formam a imagem inteira.



Resolução: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. Resoluções mais altas significam mais detalhes na imagem.




Profundidade da cor: Profundidade de 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 do ficheiro: O tamanho de uma imagem no monitor depende das dimensões em pixel da imagem e também do tamanho e resolução do monitor. Por exemplo, um monitor de 14 polegadas apresenta 800 pixéis na horizontal e 600 na vertical. Uma imagem com dimensões de 800 por 600 pixéis preenche a área total desse ecrã. Se a configuração do monitor for de 1024 por 768 pixéis, essa imagem aparecerá com um tamanho inferior, ocupando apenas parte do ecrã. Se ampliarmos a mesma imagem(800 por 600) para 1024 por 786 pixéis esta perderá resolução. Este fenómeno é causado pela interpolação de pixéis. Ao aumentar a resolução da imagem, os programas “inventam” pixéis para preencher os espaços extra criados pelo aumento da imagem e isto traduz-se em esbatimentos das linhas e cores. 


Webgrafia:
http://pt.wikipedia.org/wiki/Pixel
http://pt.wikipedia.org/wiki/Profundidade_de_cor
http://pt.wikipedia.org/wiki/Resolução
http://pt.wikipedia.org/wiki/Tamanho_do_ficheiro
http://1.bp.blogspot.com/-AwdVqNip-g0/UF7kP_BymSI/AAAAAAAABT0/pMMpsswEuY0/s640/nyan+cat.PNG
https://upload.wikimedia.org/wikipedia/commons/a/a2/Common_Video_Resolutions_2.svg
http://cdn.cambridgeincolour.com/images/tutorials/bitdepth_24bpp.jpg