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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSWBnMmnpsZOE-07cBgOeuh6qWVx8cQHLds9nxKEtuN861A1ZuIhyphenhyphennJX-HQn6NxydPJsWqzgfo9B9wO2Txig-M0EEkoyOaYSknjX2sjrTcx6pGEb07FwnmIJPrVxsLRbgzNeaUE-x7p3a/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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB3RNMa4r1T4p9RC94I2vcI4dKGQ0EGDT5fqKPGhGHWd9t1YszA2bD1v1lwQmTVaEnYwGbKjgAJOnpTXpGvieVH3ow3LVFe4G95JTbL9XR2FKEGyY1rslrMWqGoXjrQibEZV2lJKjNBwc/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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JAf-S2AGxO6RZu1SBBz6l9G3JrzR6kYljHiPcKz0r-8JoaPinRGB6Qd0SPO7d-Giv4ZerT49r7WBrjG2xUOhEGi13AQD5_z-Z1TKJLgt2oSPNI2PYNA_4l6TlzwwVWvWYK5xoKUdbdc/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
















segunda-feira, 7 de novembro de 2016

Cor

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.

Visão escotópica: é assegurada por um único tipo de bastonetes existentes na retina. Estes são sensíveis ao brilho e não detectam a cor. Isto quer dizer que são sensíveis a alterações da luminosidade, mas não aos comprimentos de onda da luz visível.

Visão fotópica: é assegurada por um conjunto de três tipos diferentes de cones existentes na retina. Estes são sensíveis à cor e, portanto, aos comprimentos de onda da luz visível. O número de cones da retina distribuem-se da seguinte forma: 64% são do tipo vermelho (Red), 32% do tipo verde (Green) e 2% do tipo azul (Blue).



Webgrafia:
Apontamentos da professora
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVkDsrkxKIgylsXo4E4rewgScRMosQvGTY0HqDiHUcEUmKQdCjFt55NCFzO-GuafBkJhu0YrdbxtxsKWd6WvfXL2P368vxXtm4SC96LBPyl57qb4Tla4meWdWVYjIzyOU9DFMHrWtJHX4_/s1600/gnhfgh.jpg

Cor

O que é 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




webgrafia:
http://conceito.de/wp-content/uploads/2012/01/cor.jpg
https://www.significados.com.br/cor/


Uma imagem vale mais do que 1000 palavras



"Uma imagem vale mais do que mil palavras"

É uma frase que se adequa perfeitamente à excelente primeira página do jornal Público. É incrível como uma imagem tão 'simples' pode ter tanto significado e tanta força que homenageia Nelson Mandela e todos os feitos que este fez que estão explícitos numa só imagem.

webgrafia:
https://estebanavila.files.wordpress.com/2013/12/pub.jpg

Imagem

Conceito / Utilização da imagem digital

A representação visual de um objecto recebe o nome de imagem. Esta representação pode realizar-se através de diversos procedimentos ou técnicas, como a fotografia, a pintura ou o vídeo.
Digital, por sua vez, é aquilo que é relativo aos dedos, ainda que actualmente o conceito seja usado no âmbito da tecnologia em referência à representação de informação de modo binário (em dois estados).
Estas definições permitem-nos indicar que uma imagem digital é qualquer representação bidimensional construída a partir de uma matriz binária (composta de uns e de zeros). Pode-se obter estas imagens de diversas maneiras.


webgrafia:
http://conceito.de/imagem-digital#ixzz4PK6ZhMGQ




quinta-feira, 3 de novembro de 2016

Nuvem de palavras


Nuvem de palavras:

Uma nuvem de palavras é um recurso gráfico (usado principalmente na internet) para descrever os termos mais frequentes de um determinado texto. O tamanho da fonte em que a palavra é apresentada é uma função da frequência da palavra no texto: palavras mais frequentes são desenhadas em fontes de tamanho maior, palavras menos frequentes são desenhadas em fontes de tamanho menor.




Webgrafia:
https://tagul.com/create
http://www.uff.br/cdme/lpp/lpp-html/lpp-d-br.html